.display-settings-page{display:grid;gap:18px}.display-settings-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.display-settings-heading h1{margin:3px 0 5px;color:#173247;font:800 24px Manrope}.display-settings-heading p{margin:0;color:#687f8d;font-size:11px}.display-settings-heading .secondary{white-space:nowrap}
.display-settings-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.display-account-list{position:sticky;top:86px;display:grid;gap:7px;max-height:calc(100dvh - 112px);padding:10px;border:1px solid #dbe6eb;border-radius:8px;background:#fff;overflow:auto}.display-account-list button{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;padding:11px;border:1px solid transparent;border-radius:6px;background:#f5f8fa;color:#29495b;text-align:left;cursor:pointer}.display-account-list button:hover,.display-account-list button.active{border-color:#9ac8da;background:#edf7fb}.display-account-list i{width:9px;height:9px;border-radius:50%;background:#81939c}.display-account-list i.online{background:#39735f}.display-account-list strong,.display-account-list small{display:block}.display-account-list strong{font-size:10px}.display-account-list small{margin-top:2px;color:#778d98;font-size:8px}.display-account-list em{color:#56707e;font-size:8px;font-style:normal;font-weight:800}
.display-settings-editor{display:grid;gap:14px;min-width:0}.display-settings-panel{padding:18px;border:1px solid #dbe6eb;border-radius:8px;background:#fff;box-shadow:0 6px 18px rgba(18,51,72,.05)}.display-settings-panel>header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.display-settings-panel h2,.display-settings-panel h3{margin:0;color:#29495b;font:800 16px Manrope}.display-settings-panel h3{font-size:13px}.display-settings-panel header p{margin:4px 0 0;color:#718793;font-size:9px}.display-live-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 9px;background:#eef2f4;color:#5d7380;font-size:8px;font-weight:800}.display-live-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#83959e}.display-live-pill.online{background:#e7f3ed;color:#39735f}.display-live-pill.online:before{background:#39735f}
.display-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.display-settings-grid label{display:grid;gap:5px;color:#587180;font-size:9px;font-weight:800}.display-settings-grid select,.display-settings-grid input{width:100%;min-height:39px;border:1px solid #ccdae1;border-radius:6px;padding:8px 10px;background:#fff;color:#173247;font:11px "DM Sans"}.display-settings-grid .wide{grid-column:1/-1}.display-theme-control{display:grid;grid-template-columns:1fr 1fr;gap:6px}.display-theme-control label{display:flex;align-items:center;gap:7px;min-height:39px;padding:8px 10px;border:1px solid #d5e1e7;border-radius:6px;background:#f7fafb;cursor:pointer}.display-theme-control input{width:auto;min-height:auto;margin:0}
.display-session-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.display-session-details article{padding:10px;border-radius:6px;background:#f6f9fa}.display-session-details span,.display-session-details strong{display:block}.display-session-details span{color:#748994;font-size:8px;font-weight:800;text-transform:uppercase}.display-session-details strong{margin-top:3px;color:#29495b;font-size:10px}.display-settings-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:15px;padding-top:14px;border-top:1px solid #e6edf0}.display-settings-actions div{display:flex;gap:7px}.display-settings-actions .danger{border-color:#e5b9b4;color:#a64f46}
.display-preview-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.display-preview-toolbar button{border:1px solid #d3e0e6;border-radius:6px;padding:7px 10px;background:#fff;color:#526d7c;font-size:9px;font-weight:800;cursor:pointer}.display-preview-toolbar button.active{border-color:#176ca4;background:#176ca4;color:#fff}.display-admin-preview{min-height:360px;padding:14px;border:1px solid #cad9e0;border-radius:7px;background:#eef4f6}.display-admin-preview.dark{background:#101b22;color:#f4f8fa}.display-admin-preview header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.display-admin-preview h3{color:inherit}.display-admin-preview header span{font-size:8px;font-weight:800}.display-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.display-preview-card{display:grid;align-content:start;gap:5px;min-width:0;min-height:112px;padding:10px;border:1px solid #d4e1e6;border-top:4px solid var(--preview-colour,#176ca4);border-radius:6px;background:#fff;color:#173247}.dark .display-preview-card{border-color:#314651;background:#172731;color:#f4f8fa}.display-preview-card span{overflow:hidden;color:#718692;font-size:7px;font-weight:800;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.dark .display-preview-card span{color:#9cb0ba}.display-preview-card strong{overflow:hidden;font:800 12px Manrope;text-overflow:ellipsis;white-space:nowrap}.display-preview-card small{color:#667e8b;font-size:8px;line-height:1.35}.dark .display-preview-card small{color:#9cb0ba}.display-settings-empty{display:grid;place-items:center;min-height:320px;padding:30px;border:1px dashed #c9dbe3;border-radius:8px;background:#fff;text-align:center}.display-settings-empty h2{margin:0 0 7px;font:800 18px Manrope}.display-settings-empty p{max-width:480px;margin:0;color:#6a818e;font-size:10px;line-height:1.5}
@media(max-width:1000px){.display-settings-layout{grid-template-columns:1fr}.display-account-list{position:static;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.display-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.display-settings-heading{display:grid}.display-account-list,.display-settings-grid,.display-session-details,.display-preview-grid{grid-template-columns:1fr}.display-settings-grid .wide{grid-column:auto}.display-settings-actions{display:grid}.display-settings-actions div{flex-wrap:wrap}}