/* Backoffice client services */
.service-admin-page{display:grid;gap:1rem}.service-breadcrumb{display:flex;align-items:center;gap:.45rem;min-width:0;color:var(--muted);font-size:.64rem}.service-breadcrumb a,.service-breadcrumb strong{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-breadcrumb a{color:var(--primary);font-weight:700}.service-admin-grid,.service-client-list{display:grid;gap:.65rem}.service-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-tenant-card,.service-client-card{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem;color:var(--ink);transition:border-color .16s,transform .16s}.service-tenant-card:hover,.service-client-card:hover{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));transform:translateY(-1px)}.service-tenant-card>div,.service-client-card>div{display:grid;gap:.18rem;min-width:0}.service-tenant-card strong,.service-client-card strong,.service-tenant-card small,.service-client-card small,.service-tenant-card code,.service-client-card code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-tenant-card small,.service-client-card small{color:var(--muted);font-size:.62rem}.service-tenant-card code,.service-client-card code,.service-client-meta code{color:var(--muted);font:.5rem 'DM Mono',monospace}.service-tenant-card>i,.service-client-card>i{color:var(--primary);font-style:normal}.service-admin-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:1rem}.service-client-card{grid-template-columns:42px minmax(0,1fr) auto 14px}.service-client-status{padding:.25rem .45rem;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.54rem;font-weight:750}.service-client-status.is-active{background:color-mix(in srgb,#198754 12%,var(--surface));color:#198754}.service-client-status.is-suspended,.service-client-status.is-closed{background:color-mix(in srgb,#c73748 11%,var(--surface));color:#b83243}.service-client-search{display:grid;gap:.4rem;padding:.8rem}.service-client-search label{font-size:.62rem;font-weight:750}.service-client-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.service-client-search input{min-height:38px;padding:.5rem .65rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink)}.service-pagination{display:flex;align-items:center;justify-content:center;gap:.65rem;color:var(--muted);font-size:.62rem}.service-client-heading{align-items:flex-start}.service-client-meta{display:grid;justify-items:end;gap:.35rem;min-width:0}.service-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.service-summary-card{display:grid;gap:.3rem;padding:.9rem}.service-summary-card>span{color:var(--muted);font-size:.56rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.service-summary-card>strong{font-size:.82rem;overflow-wrap:anywhere}.service-summary-card>small{color:var(--muted);font-size:.58rem;line-height:1.45}.service-provider-card{overflow:hidden;padding:0;border-left:3px solid var(--border)}.service-provider-card.is-success{border-left-color:#198754}.service-provider-card.is-warning{border-left-color:#b98212}.service-provider-card.is-danger{border-left-color:#c73748}.service-provider-card.is-info{border-left-color:var(--primary)}.service-provider-card>header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:1rem;border-bottom:1px solid var(--border)}.service-provider-card h2{margin:.12rem 0;font-size:1rem}.service-provider-card header p{margin:0;color:var(--muted);font-size:.62rem}.service-linkedin-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#0a66c2;color:#fff;font-weight:800}.service-state-badge,.service-operation-status{padding:.3rem .5rem;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.54rem;font-weight:750}.is-success .service-state-badge,.service-operation-status.is-succeeded{background:color-mix(in srgb,#198754 12%,var(--surface));color:#198754}.is-warning .service-state-badge{background:color-mix(in srgb,#b98212 12%,var(--surface));color:#93680d}.is-danger .service-state-badge,.service-operation-status.is-failed{background:color-mix(in srgb,#c73748 11%,var(--surface));color:#b83243}.service-subservices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--border)}.service-subservices>div{display:grid;gap:.2rem;padding:.8rem 1rem;border-right:1px solid var(--border)}.service-subservices>div:last-child{border-right:0}.service-subservices span{color:var(--muted);font-size:.56rem}.service-subservices strong{font-size:.66rem;overflow-wrap:anywhere}.service-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;padding:.8rem 1rem}.service-danger-button{border-color:color-mix(in srgb,#c73748 35%,var(--border))!important;background:color-mix(in srgb,#c73748 7%,var(--surface))!important;color:#b83243!important}.service-audit-panel{padding:1rem}.service-audit-list{display:grid;margin-top:.75rem;border-top:1px solid var(--border)}.service-audit-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(140px,auto);align-items:center;gap:.7rem;padding:.7rem 0;border-bottom:1px solid var(--border)}.service-audit-list article>div{display:grid;gap:.12rem;min-width:0}.service-audit-list article>div:last-child{text-align:right}.service-audit-list strong,.service-audit-list small,.service-audit-list time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-audit-list strong{font-size:.64rem}.service-audit-list small,.service-audit-list time{color:var(--muted);font-size:.54rem}.service-operation-dialog{width:min(500px,calc(100vw - 1.5rem));padding:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 24px 70px rgba(15,12,35,.28)}.service-operation-dialog::backdrop{background:rgba(12,9,25,.48);backdrop-filter:blur(3px)}.service-operation-dialog form{display:grid;gap:.8rem;padding:1rem}.service-operation-dialog h2{margin:.2rem 0 0;font-size:1rem}.service-operation-dialog p{margin:0;color:var(--muted);font-size:.66rem;line-height:1.55}.service-operation-dialog label{display:grid;gap:.35rem;font-size:.62rem;font-weight:750}.service-operation-dialog textarea{min-height:86px;padding:.6rem;border:1px solid var(--border);border-radius:10px;resize:vertical;background:var(--surface-soft);color:var(--ink);font:inherit}.service-operation-dialog footer{display:flex;justify-content:flex-end;gap:.45rem}.service-operation-dialog button:disabled{cursor:wait;opacity:.65}
@media(max-width:900px){.service-admin-grid{grid-template-columns:1fr}.service-summary-grid{grid-template-columns:1fr 1fr}.service-summary-card:last-child{grid-column:1/-1}.service-subservices{grid-template-columns:1fr}.service-subservices>div{border-right:0;border-bottom:1px solid var(--border)}.service-subservices>div:last-child{border-bottom:0}}
@media(max-width:600px){.service-client-heading{gap:.7rem}.service-client-meta{justify-items:start}.service-summary-grid{grid-template-columns:1fr}.service-summary-card:last-child{grid-column:auto}.service-client-card{grid-template-columns:38px minmax(0,1fr) auto}.service-client-card>.service-client-status{grid-column:2;justify-self:start}.service-client-card>i{grid-column:3;grid-row:1}.service-provider-card>header{grid-template-columns:40px minmax(0,1fr)}.service-linkedin-mark{width:40px;height:40px}.service-state-badge{grid-column:2;justify-self:start}.service-actions{align-items:stretch;flex-direction:column}.service-actions .button{width:100%;min-height:42px}.service-audit-list>article{grid-template-columns:1fr}.service-audit-list article>div:last-child{text-align:left}.service-client-search>div{grid-template-columns:1fr}.service-client-search .button{width:100%}.service-operation-dialog{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.service-operation-dialog footer{flex-direction:column-reverse}.service-operation-dialog footer .button{width:100%;min-height:44px}}

/* Backoffice operational cockpit */
.operations-page{display:grid;gap:1rem}.operations-updated{align-self:flex-end;color:var(--muted);font-size:.58rem}.operations-filters{display:grid;grid-template-columns:minmax(160px,1.1fr) minmax(180px,1.4fr) repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:.55rem;padding:.8rem}.operations-filters label{display:grid;gap:.28rem;min-width:0;color:var(--muted);font-size:.56rem;font-weight:750}.operations-filters input,.operations-filters select{width:100%;min-width:0;min-height:37px;padding:.45rem .55rem;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink);font:600 .62rem Manrope,sans-serif}.operations-filters .button{min-height:37px;padding:.4rem .7rem}.operations-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.operation-metric{display:grid;gap:.25rem;min-height:108px;padding:.85rem}.operation-metric>span{color:var(--muted);font-size:.52rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.operation-metric>strong{font:750 1.25rem 'DM Mono',monospace}.operation-metric>strong b{font:inherit}.operation-metric>small{margin-top:auto;color:var(--muted);font-size:.55rem}.operation-metric>small b{color:var(--ink)}.operations-control-panel,.operations-infrastructure,.operations-table-panel{padding:1rem}.operations-state-strip{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.operations-state-strip span{padding:.42rem .55rem;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--muted);font-size:.56rem}.operations-state-strip b{color:var(--ink);font-family:'DM Mono',monospace}.operations-infra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.7rem}.operations-infra-grid article{display:grid;gap:.25rem;min-width:0;padding:.75rem;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.operations-infra-grid article>span{color:var(--muted);font-size:.54rem}.operations-infra-grid article>strong{font:750 1rem 'DM Mono',monospace}.operations-infra-grid article>small{display:grid;gap:.18rem;min-width:0;color:var(--muted);font-size:.5rem}.operations-infra-grid article i{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.operations-infra-grid .is-healthy{color:#198754}.operations-infra-grid .is-unhealthy{color:#b83243}.operations-tables{display:grid;grid-template-columns:1fr;gap:.75rem}.operations-table-panel.is-critical{border-color:color-mix(in srgb,#c73748 36%,var(--border))}.operations-table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.operations-table-wrap table{width:100%;min-width:720px;margin-top:.65rem;border-collapse:collapse}.operations-table-wrap th,.operations-table-wrap td{padding:.55rem .45rem;border-bottom:1px solid var(--border);font-size:.54rem;text-align:left;vertical-align:middle}.operations-table-wrap th{color:var(--muted);font-weight:750;letter-spacing:.04em;text-transform:uppercase}.operations-table-wrap td{max-width:300px;color:var(--ink)}.operations-table-wrap td a{color:var(--primary);font-weight:750}.operations-table-wrap tbody tr:last-child td{border-bottom:0}.service-operation-status.is-healthy{background:color-mix(in srgb,#198754 12%,var(--surface));color:#198754}.service-operation-status.is-stalled,.service-operation-status.is-failing,.service-operation-status.is-action_required{background:color-mix(in srgb,#c73748 11%,var(--surface));color:#b83243}.service-operation-status.is-setup,.service-operation-status.is-inactive{background:color-mix(in srgb,#b98212 12%,var(--surface));color:#93680d}
@media(max-width:1180px){.operations-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.operations-filters .button{width:fit-content}.operations-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.operations-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-infra-grid{grid-template-columns:1fr}.operations-updated{align-self:auto}}
@media(max-width:520px){.operations-filters{grid-template-columns:1fr}.operations-filters .button{width:100%;min-height:42px}.operations-metrics{grid-template-columns:1fr 1fr}.operation-metric{min-height:100px;padding:.72rem}.operation-metric>strong{font-size:1.05rem}.operations-state-strip{display:grid;grid-template-columns:1fr 1fr}.operations-table-panel{padding:.8rem}}
.trial-banner{width:min(1320px,calc(100% - clamp(2rem,5vw,5rem)));box-sizing:border-box;margin:1rem auto 0;padding:1rem 1.2rem;border:1px solid color-mix(in srgb,var(--accent,#6c5ce7) 28%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface,#fff) 92%,var(--accent,#6c5ce7));display:flex;align-items:center;justify-content:space-between;gap:1rem}.trial-banner>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .75rem}.trial-banner strong{font-size:.95rem}.trial-banner span,.trial-banner small{color:var(--muted,#667085);font-size:.84rem}.trial-banner>a:not(.button){font-weight:700;text-decoration:none;white-space:nowrap}.trial-banner.is-active{border-color:color-mix(in srgb,#eab308 42%,var(--border));background:color-mix(in srgb,var(--surface,#fff) 90%,#facc15)}.trial-banner.is-active strong,.trial-banner.is-active>a{color:#946b00}[data-theme='dark'] .trial-banner.is-active strong,[data-theme='dark'] .trial-banner.is-active>a{color:#f2cb62}.trial-banner.is-expired{border-color:color-mix(in srgb,#d97706 32%,transparent);background:color-mix(in srgb,var(--surface,#fff) 94%,#f59e0b)}.trial-start-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.4rem}.trial-start-card h2{margin:.2rem 0 .45rem}.trial-start-card p{max-width:760px;margin:0;color:var(--muted,#667085)}.trial-start-card form{display:grid;gap:.45rem;min-width:230px}.trial-start-card form small{text-align:center;color:var(--muted,#667085)}@media(max-width:760px){.trial-banner,.trial-start-card{align-items:stretch;flex-direction:column}.trial-banner .button,.trial-start-card .button{width:100%;text-align:center}}@media(max-width:640px){.trial-banner{width:calc(100% - 1.25rem)}}