/* PolarOne API & Webhooks — page-specific layout */
.po-api-page,
.po-api-page *,
.po-api-page *::before,
.po-api-page *::after{box-sizing:border-box}
.po-api-page{max-width:1500px;margin:0 auto;padding-bottom:64px}

.po-api-page .po-crm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin:0 0 28px!important}
.po-api-page .po-crm-header>div{min-width:0;max-width:980px}
.po-api-page .po-crm-header h1{margin:6px 0 10px!important}
.po-api-page .po-crm-header p{margin:0!important;max-width:900px}
.po-api-status{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;margin-top:4px;padding:12px 18px;border:1px solid #cfe7df;border-radius:999px;background:#f4fbf8;color:#17694f;font-weight:800;white-space:nowrap}
.po-api-status i{width:9px;height:9px;border-radius:50%;background:#25a56f}

.po-api-key-reveal{display:grid;gap:10px;margin:0 0 26px;padding:20px 22px}
.po-api-key-reveal code{display:block;max-width:100%;padding:13px 15px;border-radius:10px;background:#102b54;color:#fff;overflow:auto}

.po-api-kpis{display:grid;grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr));gap:20px;margin:0 0 30px}
.po-api-kpis>article{min-width:0;min-height:154px;padding:28px 30px!important;border:1px solid #d7e2ef!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 32px rgba(15,42,75,.06)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;overflow:hidden}
.po-api-kpis>article>span{display:block!important;margin:0 0 14px!important;color:#5f7189!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important;text-transform:none!important;letter-spacing:0!important}
.po-api-kpis>article>strong{display:block!important;margin:0!important;color:#0d2b57!important;font-size:34px!important;font-weight:800!important;line-height:1.1!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.po-api-kpis>article:first-child>strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:20px!important;line-height:1.35!important}

.po-api-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:28px;align-items:start}
.po-api-layout>main,.po-api-layout>aside{display:grid;gap:28px;min-width:0}
.po-api-page .po-crm-card{min-width:0;margin:0!important;padding:30px!important;border:1px solid #d7e2ef!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 32px rgba(15,42,75,.05)!important;overflow:hidden}
.po-api-page .po-card-heading{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #e3eaf3}
.po-api-page .po-card-heading h2,.po-api-layout aside .po-crm-card>h2{margin:5px 0 8px!important;font-size:30px!important;line-height:1.15!important}
.po-api-page .po-card-heading p{margin:0!important;max-width:760px}

.po-api-endpoints{display:grid;gap:10px;margin:0 0 20px;padding:18px;border:1px solid #dce6f1;border-radius:14px;background:#f6f9fc}
.po-api-endpoints code{display:block;max-width:100%;padding:3px 0;color:#16345e;overflow:auto;white-space:nowrap}
.po-api-list{display:grid;gap:12px}
.po-api-list>article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #e1e8f1;border-radius:14px;background:#fbfdff}
.po-api-list>article>div:first-child{display:grid;gap:5px;min-width:0}
.po-api-list>article span,.po-api-list>article small{display:block;color:#66778e;overflow-wrap:anywhere}
.po-api-actions{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto}
.po-api-actions form,.po-api-list form{margin:0!important}

.po-api-form{display:grid;gap:20px;margin:20px 0 0!important}
.po-api-form>label:not(.po-check){display:grid!important;gap:9px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#12335e!important;font-weight:800!important;line-height:1.3!important}
.po-api-form input[type="text"],.po-api-form input[type="url"],.po-api-form input:not([type]){display:block!important;width:100%!important;max-width:100%!important;min-height:54px!important;margin:0!important;padding:14px 16px!important;border:1px solid #cfdbea!important;border-radius:13px!important;background:#fff!important;color:#10264a!important;box-shadow:none!important;line-height:1.35!important}
.po-api-form fieldset{display:grid!important;gap:12px!important;margin:0!important;padding:20px!important;border:1px solid #dbe4ef!important;border-radius:15px!important;background:#f8fbff!important;min-width:0}
.po-api-form legend{padding:0 9px!important;color:#12335e!important;font-size:18px!important;font-weight:800!important}
.po-api-form .po-check{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:4px 0!important;border:0!important;background:transparent!important;color:#263f63!important;font-weight:700!important;line-height:1.35!important}
.po-api-form .po-check input{flex:0 0 auto!important;width:21px!important;height:21px!important;min-height:0!important;margin:0!important}
.po-api-form>.po-button{justify-self:start;min-height:50px!important;width:auto!important;margin:0!important;padding:13px 22px!important;border-radius:12px!important;white-space:nowrap!important}

.po-empty-state{padding:22px;border:1px dashed #cbd9e8;border-radius:14px;background:#f8fbff;color:#66778e}
.po-table-wrap{overflow:auto;border:1px solid #dce5ef;border-radius:14px}
.po-table{width:100%;border-collapse:separate;border-spacing:0}
.po-table th,.po-table td{padding:15px 16px!important;border-bottom:1px solid #e6edf5!important;text-align:left;white-space:nowrap}
.po-table th{background:#f6f9fc;color:#4d617b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.po-table tr:last-child td{border-bottom:0!important}
.po-api-page code{font-size:.9em}
.po-button--danger{background:#fff!important;color:#b42318!important;border:1px solid #f2b8b5!important}

@media(max-width:1180px){
  .po-api-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .po-api-layout{grid-template-columns:1fr}
  .po-api-layout>aside{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .po-api-page{padding-bottom:44px}
  .po-api-page .po-crm-header{flex-direction:column;gap:16px}
  .po-api-status{margin-top:0}
  .po-api-kpis{grid-template-columns:1fr}
  .po-api-kpis>article{min-height:0;padding:23px!important}
  .po-api-layout>aside{grid-template-columns:1fr}
  .po-api-page .po-crm-card{padding:23px!important}
  .po-api-list>article{align-items:flex-start;flex-direction:column}
  .po-api-actions{width:100%;flex-wrap:wrap}
}
@media(max-width:560px){
  .po-api-kpis>article>strong{font-size:30px!important}
  .po-api-kpis>article:first-child>strong{font-size:17px!important}
  .po-api-page .po-card-heading h2,.po-api-layout aside .po-crm-card>h2{font-size:26px!important}
  .po-api-form>.po-button{width:100%!important;justify-content:center}
}

/* 0.59.6.26: rebuilt create-key and webhook forms — labels are no longer wrappers */
.po-api-page .po-api-create-card{padding:30px!important;overflow:visible!important}
.po-api-page .po-api-form-heading{margin:0 0 22px;padding:0 0 20px;border-bottom:1px solid #e3eaf3}
.po-api-page .po-api-form-heading h2{margin:5px 0 0!important;font-size:30px!important;line-height:1.15!important}
.po-api-page .po-api-create-card .po-api-form{display:grid!important;gap:22px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.po-api-page .po-api-field{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.po-api-page .po-api-field::before,.po-api-page .po-api-field::after{display:none!important;content:none!important}
.po-api-page .po-api-field>label{display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#12335e!important;font-size:16px!important;font-weight:800!important;line-height:1.3!important;transform:none!important}
.po-api-page .po-api-field>input{display:block!important;position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;height:56px!important;min-height:56px!important;margin:0!important;padding:0 16px!important;border:1px solid #cfdbea!important;border-radius:13px!important;background:#fff!important;color:#10264a!important;box-shadow:none!important;font:inherit!important;line-height:56px!important;transform:none!important}
.po-api-page .po-api-field>input:focus{border-color:#1677ff!important;box-shadow:0 0 0 3px rgba(22,119,255,.12)!important;outline:0!important}
.po-api-page .po-api-options{display:grid!important;gap:12px!important;min-width:0!important;margin:0!important;padding:22px!important;border:1px solid #dbe4ef!important;border-radius:15px!important;background:#f8fbff!important;box-shadow:none!important}
.po-api-page .po-api-options::before,.po-api-page .po-api-options::after{display:none!important;content:none!important}
.po-api-page .po-api-options>legend{float:none!important;width:auto!important;max-width:calc(100% - 20px)!important;margin:0!important;padding:0 10px!important;border:0!important;background:#f8fbff!important;color:#12335e!important;font-size:18px!important;font-weight:800!important;line-height:1.3!important}
.po-api-page .po-api-options .po-check{display:flex!important;align-items:center!important;gap:12px!important;min-height:28px!important;margin:0!important;padding:2px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#263f63!important;font-size:16px!important;font-weight:700!important;line-height:1.35!important;transform:none!important}
.po-api-page .po-api-options .po-check::before,.po-api-page .po-api-options .po-check::after{display:none!important;content:none!important}
.po-api-page .po-api-options .po-check input[type="checkbox"]{display:block!important;position:static!important;flex:0 0 21px!important;width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;margin:0!important;padding:0!important;transform:none!important}
.po-api-page .po-api-options .po-check span{display:block!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;line-height:1.35!important}
.po-api-page .po-api-create-card .po-button{justify-self:start!important;width:auto!important;min-width:0!important;min-height:50px!important;margin:0!important;padding:13px 22px!important;border-radius:12px!important;line-height:1.2!important}
@media(min-width:1181px){.po-api-layout{grid-template-columns:minmax(0,1fr) minmax(420px,470px)!important}}
@media(max-width:560px){.po-api-page .po-api-create-card{padding:22px!important}.po-api-page .po-api-form-heading h2{font-size:26px!important}.po-api-page .po-api-options{padding:18px!important}.po-api-page .po-api-create-card .po-button{width:100%!important;justify-content:center!important}}