.licence-notice{margin:0 0 22px;padding:16px 18px;border-radius:18px;background:#fff1f6;border:1px solid #f2bfd3;color:#143f5b}.licence-notice strong{display:block;font-size:1.05rem;margin-bottom:4px}.licence-notice p{margin:0}.licence-help{margin:18px 0 0;text-align:center;color:#6e8292;font-size:.9rem;line-height:1.45}.staff-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.staff-stats>div{background:#fff;border:1px solid #dbe9ef;border-radius:22px;padding:18px 20px}.staff-stats strong{display:block;font-size:1.7rem;color:#123e59}.staff-stats span{color:#718493}.staff-card{overflow:visible}.staff-search{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.staff-search input{min-width:250px}.staff-table-wrap{overflow:auto}.staff-table{width:100%;border-collapse:collapse}.staff-table th,.staff-table td{padding:15px 12px;border-bottom:1px solid #e5eef2;text-align:left;vertical-align:middle}.staff-table th{font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:#748896}.staff-table td strong,.staff-table td small{display:block}.staff-table td small{margin-top:4px;color:#718493}.licence-badge{display:inline-block;padding:5px 10px;border-radius:999px;font-size:.8rem;font-weight:700}.licence-badge.active{background:#e8f6d7;color:#45661f}.licence-badge.expired{background:#fde5ec;color:#8a3153}.licence-badge.suspended{background:#ffe7d6;color:#86461d}.licence-badge.pending{background:#e4f1fa;color:#285d7b}.licence-badge.staff{background:#e7e4fa;color:#51448a}.staff-form-card{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid label{font-weight:700;color:#173f59}.form-grid input,.form-grid select,.form-grid textarea,.staff-search input,.staff-search select,.inline-action select{width:100%;margin-top:7px;border:1px solid #cfdfe7;border-radius:14px;padding:12px 14px;background:#fff;color:#173f59;font:inherit}.form-grid label small{display:block;margin-top:6px;color:#7a8c99;font-weight:400}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.staff-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.staff-action-card{padding:20px}.staff-action-card h2{margin-top:0}.inline-action{display:flex;gap:10px}.inline-action select{margin:0}.btn.danger{background:#a33b55}.danger-zone{border-color:#efc6d0}.btn.small{padding:8px 12px;font-size:.85rem}@media(max-width:900px){.staff-stats{grid-template-columns:repeat(2,1fr)}.staff-actions-grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}@media(max-width:560px){.staff-stats{grid-template-columns:1fr 1fr}.staff-search{width:100%}.staff-search input{min-width:0}.staff-table{min-width:680px}}.usage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:16px 18px}.usage-toolbar strong,.usage-toolbar span{display:block}.usage-toolbar span{margin-top:3px;color:#718493;font-size:.9rem}.usage-toolbar form{min-width:190px}.usage-toolbar select{width:100%;appearance:none;-webkit-appearance:none;border:1px solid #cfe0e8;border-radius:999px;padding:11px 38px 11px 16px;background:#eef8fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23083754' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 15px center;color:#123e59;font:inherit;font-weight:700}.usage-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.usage-kpi{background:#fff;border:1px solid #dbe9ef;border-radius:20px;padding:17px 18px;min-height:118px;box-shadow:0 8px 22px #0837540a}.usage-kpi span,.usage-kpi small{display:block}.usage-kpi span{font-weight:800}.usage-kpi strong{display:block;font-size:2rem;line-height:1;margin:11px 0 7px}.usage-kpi small{color:#718493}.usage-kpi-blue{background:linear-gradient(135deg,#eefafd,#dff4fa)}.usage-kpi-green{background:linear-gradient(135deg,#f4fae8,#e4f1c5)}.usage-kpi-pink{background:linear-gradient(135deg,#fff0f6,#f9d9e7)}.usage-kpi-peach{background:linear-gradient(135deg,#fff5ef,#f8dfd1)}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.usage-grid-wide{grid-template-columns:minmax(0,2fr) minmax(280px,.7fr)}.usage-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.usage-card-head h2{margin:0;font-size:1.2rem}.usage-card-head p{margin:4px 0 0;color:#718493;font-size:.9rem}.usage-legend{font-size:.8rem;color:#718493;white-space:nowrap}.usage-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#70c6da;margin-right:5px}.usage-chart-card{min-width:0}.usage-chart{height:235px;display:flex;align-items:flex-end;gap:3px;padding:14px 4px 0;border-bottom:1px solid #dce9ef;background:linear-gradient(to top,rgba(218,236,244,.25) 1px,transparent 1px);background-size:100% 25%}.usage-day{height:100%;flex:1;min-width:2px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.usage-bar{display:block;width:min(16px,80%);min-height:2px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#76d0e2,#3c99c6);transition:height .2s}.usage-day:hover .usage-bar{filter:brightness(.93)}.usage-day small{font-size:.65rem;color:#7c8d99;white-space:nowrap;min-height:14px}.usage-adoption-card{text-align:center}.usage-adoption-card h2{text-align:left;margin-top:0}.usage-donut{--usage:0;width:180px;height:180px;margin:13px auto 18px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#8dce65 calc(var(--usage)*1%),#e7f0f3 0);position:relative}.usage-donut:after{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%}.usage-donut strong,.usage-donut span{position:relative;z-index:1}.usage-donut strong{font-size:2rem}.usage-donut span{max-width:120px;color:#6e8292;font-size:.78rem;line-height:1.3}.usage-adoption-numbers{display:flex;justify-content:center;gap:25px}.usage-adoption-numbers span{color:#718493}.usage-adoption-numbers b{display:block;color:#123e59;font-size:1.2rem}.usage-feature-list{display:grid;gap:11px}.usage-feature-row{display:grid;grid-template-columns:135px minmax(0,1fr) 55px;align-items:center;gap:10px;font-size:.88rem}.usage-feature-row>span{font-weight:700}.usage-feature-row>div{height:11px;border-radius:999px;background:#edf4f7;overflow:hidden}.usage-feature-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#78cee0,#efb1ce)}.usage-feature-row strong{text-align:right}.usage-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.usage-record-grid>div{background:#f4f9fb;border-radius:15px;padding:13px}.usage-record-grid span,.usage-record-grid small{display:block}.usage-record-grid span{font-size:.82rem;color:#5f788a}.usage-record-grid strong{display:block;font-size:1.35rem;margin:5px 0}.usage-record-grid small{color:#82929e}.usage-table-card,.usage-recent-card{margin-bottom:16px}.usage-recent-list{display:grid}.usage-recent-list>div{display:grid;grid-template-columns:72px 180px minmax(0,1fr) 120px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #e8f0f3}.usage-recent-list>div:last-child{border-bottom:0}.usage-recent-list>div>span:nth-of-type(2){color:#647b8d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-recent-list time{text-align:right;color:#82929e;font-size:.8rem}.usage-event-type{justify-self:start;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800}.usage-event-type.view{background:#dff3f8;color:#276078}.usage-event-type.action{background:#f6dce8;color:#7d3556}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:1250px){.usage-kpis{grid-template-columns:repeat(3,1fr)}.usage-grid-wide{grid-template-columns:1fr}.usage-adoption-card{display:grid;grid-template-columns:auto 210px 1fr;align-items:center;text-align:left}.usage-adoption-card h2{margin:0}.usage-donut{width:150px;height:150px;margin:0}.usage-adoption-numbers{justify-content:flex-start}}@media(max-width:900px){.usage-kpis{grid-template-columns:repeat(2,1fr)}.usage-grid{grid-template-columns:1fr}.usage-adoption-card{display:block;text-align:center}.usage-adoption-card h2{text-align:left}.usage-donut{margin:12px auto}.usage-recent-list>div{grid-template-columns:70px 1fr auto}.usage-recent-list>div>span:nth-of-type(2){grid-column:2/4}.usage-recent-list time{grid-column:3;grid-row:1}.usage-chart{overflow-x:auto}.usage-day{min-width:8px}}@media(max-width:560px){.usage-toolbar{display:block}.usage-toolbar form{margin-top:12px}.usage-kpis{grid-template-columns:1fr 1fr}.usage-feature-row{grid-template-columns:105px minmax(0,1fr) 42px}.usage-record-grid{grid-template-columns:1fr 1fr}}.staff-content{isolation:isolate}.staff-content>.blob,.staff-content>.squiggle{z-index:0!important;pointer-events:none!important}.staff-content>:not(.blob):not(.squiggle){position:relative;z-index:5}.staff-content .card,.staff-content .staff-card,.staff-content .staff-stats,.staff-content .staff-stats>div,.staff-content .usage-toolbar,.staff-content .usage-kpis,.staff-content .usage-kpi,.staff-content .usage-grid,.staff-content .usage-card,.staff-content .usage-chart-card,.staff-content .usage-adoption-card,.staff-content .usage-table-card,.staff-content .usage-recent-card{position:relative;z-index:6}.support-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.support-console-head{align-items:center}.support-search{width:100%}.support-privacy-note{display:flex;gap:10px;align-items:flex-start;margin:0 0 8px;padding:12px 16px;border:1px solid #cfe5ed;border-radius:14px;background:#f3fafc;color:#355b70;font-size:.9rem}.support-privacy-note b{white-space:nowrap;color:#173f59}.support-table{min-width:1750px}.support-table td{vertical-align:top}.support-row-attention{background:#fffdf8}.support-health{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.76rem;font-weight:800}.support-health.ok{background:#e8f6d7;color:#45661f}.support-health.bad{background:#fde5ec;color:#8a3153}.support-health.warn{background:#fff0cf;color:#815c18}.support-health.neutral{background:#edf2f5;color:#5f7380}.support-table td small{max-width:190px;overflow:hidden;text-overflow:ellipsis}.muted{color:#82929d}@media(max-width:900px){.support-stats{grid-template-columns:repeat(2,1fr)}.support-privacy-note{display:block}.support-privacy-note b{display:block;margin-bottom:4px}}
/* Staff form polish: keep checkbox and label together. */
.staff-form-card .inline-check{
    display:inline-flex!important;
    grid-auto-flow:initial!important;
    grid-template-columns:none!important;
    width:max-content;
    max-width:100%;
    align-items:flex-start;
    justify-content:flex-start;
    gap:10px;
    margin:2px 0;
    padding:11px 14px;
    border:1px solid #d7e5eb;
    border-radius:14px;
    background:#f7fbfc;
    color:#173f59;
    cursor:pointer;
    line-height:1.35;
}
.staff-form-card .inline-check input[type="checkbox"]{
    flex:0 0 auto;
    width:18px!important;
    height:18px!important;
    margin:1px 0 0!important;
    padding:0!important;
    accent-color:#1672db;
}
.staff-form-card .inline-check span{
    display:block;
    min-width:0;
    font-weight:700;
}
.staff-form-card .inline-check:hover{
    background:#eef8fb;
    border-color:#bddbe7;
}

/* Modern demo builder */
.demo-admin-grid{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(620px,1.45fr);gap:20px;align-items:start}
.demo-create-card,.demo-list-card{padding:24px}
.demo-card-head,.demo-list-head{margin-bottom:20px}
.demo-card-head h2,.demo-list-head h2{margin:4px 0 6px;font-size:1.35rem}
.demo-card-head p,.demo-list-head p{margin:0;color:#6d8292;line-height:1.5}
.demo-card-kicker{display:block;color:#1680b7;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.demo-create-form{display:grid;gap:18px}
.demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.demo-field{display:grid;gap:7px;color:#173f59;font-weight:800}
.demo-field>span{font-size:.9rem}
.demo-field input,.demo-field select{width:100%;margin:0!important;border:1px solid #cfdfe7;border-radius:14px;padding:12px 14px;background:#fff;color:#173f59;font:inherit;min-height:46px}
.demo-field input:focus,.demo-field select:focus{outline:3px solid rgba(54,170,211,.16);border-color:#5eb8d2}
.demo-field small{color:#718493;font-weight:500;line-height:1.4}
.demo-field-full{grid-column:1/-1}
.demo-form-note{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:14px;background:#eef8fb;border:1px solid #d5eaf1;color:#456477}
.demo-form-note>span{font-size:1rem;line-height:1.35}
.demo-form-note p{margin:0;font-size:.88rem;line-height:1.45}
.demo-form-actions{display:flex;justify-content:flex-end;padding-top:2px}
.demo-form-actions .btn{min-width:190px}
.demo-count{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:999px;background:#e4f5fa;color:#17657f;font-weight:900}
.demo-table{min-width:720px}
.demo-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.demo-actions form{display:inline-flex;margin:0}
.demo-empty{padding:38px 24px;text-align:center;border:1px dashed #ccdde5;border-radius:16px;background:#f9fcfd}
.demo-empty strong,.demo-empty span{display:block}.demo-empty span{margin-top:6px;color:#718493}
.demo-created-card{margin-bottom:18px;padding:20px;border:1px solid #8bd2e4!important;background:#eefbff!important}
.demo-created-head>div{display:flex;gap:12px;align-items:flex-start}.demo-created-head h2{margin:0 0 4px}.demo-created-head p{margin:0;color:#536e80}
.demo-created-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#8ed352;color:#163f28;font-weight:900}
.demo-credentials-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.demo-credentials-grid>div{padding:14px;border-radius:14px;background:#fff;border:1px solid #dcecf2}.demo-credentials-grid small,.demo-credentials-grid strong{display:block}.demo-credentials-grid strong{margin-top:4px;word-break:break-all}
@media(max-width:1100px){.demo-admin-grid{grid-template-columns:1fr}.demo-list-card{order:2}}
@media(max-width:700px){.demo-form-grid,.demo-credentials-grid{grid-template-columns:1fr}.demo-field-full{grid-column:auto}.demo-create-card,.demo-list-card{padding:18px}.demo-form-actions .btn{width:100%}}