/* Original DOOH theme inspired by Metronic Demo 1. Keep artwork and media untouched. */
:root{--purple:#1b84ff;--ink:#252f4a;--muted:#78829d;--canvas:#fff;--cyan:#00a5cf;--control-border:#dbdfe9;--control-focus:#1b84ff;--line:#f1f1f4;--soft:#f9f9f9;--accent-soft:#eff6ff;--sidebar-width:264px}
body{background:var(--canvas);color:var(--ink);font:13px/1.55 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#1670d5}a:hover{color:#0560c7}
h1{font-size:23px;font-weight:650;letter-spacing:-.65px;line-height:1.35;margin:3px 0 7px;color:#071437}
h2{font-size:16px;font-weight:600;letter-spacing:-.25px;color:#071437}
h3{font-size:14px;font-weight:600}p{font-size:13px;color:#78829d}small{color:#78829d}
.eyebrow{color:#99a1b7;font-size:11px;letter-spacing:.25px}.top{margin-bottom:26px;gap:16px}.top p{margin-top:5px}
#sidebar{width:var(--sidebar-width);padding:25px 20px 18px;background:#fff;border-right:1px solid var(--line);border-radius:0;box-shadow:none;scrollbar-color:#dbdfe9 transparent;z-index:35}
#sidebar .brand{font-size:24px;letter-spacing:-.7px;color:#071437;padding-left:9px;white-space:nowrap}
#sidebar .mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:36px;padding:0;background:#1b84ff;border-radius:8px;color:#fff;font-size:26px}
#sidebar .sub{color:#99a1b7;font-size:8px;letter-spacing:1.8px;margin:8px 0 30px 1px}
#sidebar .menu-label{font-size:10px;font-weight:600;letter-spacing:.6px;color:#99a1b7;margin:23px 10px 8px}
#sidebar nav{margin:0}#sidebar nav a{font-size:13px;font-weight:500;gap:11px;color:#4b5675;margin:3px 0;padding:10px 12px;border:1px solid transparent;border-radius:6px;min-height:40px}
#sidebar nav a .icon{width:19px;height:19px;color:#99a1b7;stroke-width:1.6}
#sidebar nav a:hover{background:#f9f9f9;color:#1b84ff}
#sidebar nav a.active{background:#f9f9f9;border-color:#f1f1f4;color:#1b84ff;font-weight:600}
#sidebar nav a.active .icon{color:#1b84ff}
#sidebar .aside-bottom{position:static;margin:28px 10px 0;padding-top:16px;border-top:1px solid var(--line);color:#78829d;font-size:11px}
#sidebar .aside-bottom small{margin-top:6px;font-size:11px}.status-dot{background:#17c653}
.page-header{height:76px;margin:0 0 0 var(--sidebar-width);padding:0 32px;border-radius:0;border-bottom:1px solid var(--line);box-shadow:none;gap:18px;background:#fff}
.nav-toggle{padding:8px;background:#fff;color:#78829d;border:1px solid #dbdfe9;border-radius:6px;box-shadow:0 1px 2px #00000005}
.nav-toggle:hover{background:var(--soft)}.nav-toggle .icon{width:18px;height:18px}
.workspace-search{border-radius:6px;background:#f9f9f9;border:1px solid var(--line);width:320px;max-width:36%;min-width:120px}
.workspace-search input:not([type=hidden]){font-size:12px;min-height:36px;padding:7px 4px 7px 12px;color:var(--ink)}
.workspace-search button{color:#78829d;padding:7px 10px;background:transparent;border:0;box-shadow:none}
.header-right{gap:14px}.date-display{color:#78829d;border:0;padding:0;font-size:11px}
.avatar{background:#eff6ff;color:#1b84ff;border:1px solid #dbeafe;border-radius:50%;width:36px;height:36px}.avatar.large{background:#eff6ff;color:#1b84ff;border-color:#dbeafe}
.account small{font-size:10px;color:#99a1b7}.account strong{font-size:12px;color:#4b5675}.signout{background:#fff;color:#4b5675;border:1px solid #dbdfe9;font-size:11px;padding:7px 11px}
main{margin-left:var(--sidebar-width);padding:28px 32px 16px;max-width:none;min-height:calc(100dvh - 137px)}
.page-footer{margin-left:var(--sidebar-width);padding:14px 32px 20px;border-top:1px solid var(--line);font-size:11px;color:#99a1b7}.page-footer span{color:#99a1b7}
.nav-collapsed .page-header,.nav-collapsed main,.nav-collapsed .page-footer{margin-left:0}
.card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:24px;box-shadow:0 3px 4px #00000003;margin-bottom:24px}
.button,button{background:var(--button-bg,#1b84ff);color:#fff;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:500;padding:9px 14px;line-height:1.45;box-shadow:0 1px 2px #00000004;transition:background-color .15s,border-color .15s}
.button:hover,button:hover{filter:none;background:var(--button-hover,#056ee9);color:#fff}.button:active,button:active{filter:brightness(.96)}
button:disabled{opacity:.5;cursor:not-allowed}.quiet{background:#fff;color:#4b5675;border-color:#dbdfe9;padding:9px 14px}.quiet:hover{background:#f9f9f9;color:#252f4a}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #1b84ff;outline-offset:3px}
label{font-size:12px;color:#4b5675;font-weight:500}input,select,textarea{color:#252f4a}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),textarea,select[multiple],select:not([multiple]){border-color:#dbdfe9;border-radius:6px;color:#252f4a;background-color:#fff;font-size:13px}
input::placeholder,textarea::placeholder{color:#99a1b7}input:focus,select:focus,textarea:focus{border-color:#1b84ff;box-shadow:0 0 0 3px #1b84ff12}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #1b84ff;outline-offset:1px;box-shadow:none}
input:disabled,select:disabled,textarea:disabled,input[readonly],textarea[readonly]{background-color:#f9f9f9;color:#78829d}
input[type=file]::file-selector-button{background:#f1f1f4;color:#4b5675;border:1px solid #dbdfe9;border-radius:5px}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:#1b84ff}.hint{color:#78829d;font-size:11px}.custom-field{border-color:var(--line)}
table{font-size:13px}th{font-size:11px;font-weight:500;color:#78829d;background:#fcfcfc}td,th{padding:14px 16px;border-bottom:1px solid var(--line)}td{color:#4b5675}td:first-child{color:#252f4a;font-weight:500}tbody tr:hover{background:#fcfcfc}
.table-wrap{border:1px solid var(--line);border-radius:8px}.table-wrap tr:last-child td{border-bottom:0}
.badge{background:#eff6ff;color:#1b84ff;border:1px solid #dbeafe;border-radius:5px;font-size:10px;font-weight:500;padding:3px 7px}.badge.success{background:#eafff1;color:#15803d;border-color:#c5f4d5}.badge.warning{background:#fff8dd;color:#946300;border-color:#f8e8ae}
.alert{border:1px solid #fdd7d7;background:#fff1f1;color:#b42318;border-radius:7px}.empty-icon{background:#f9f9f9;color:#99a1b7}
.stat-grid{gap:22px}.stat-card{padding:24px}.stat-card:hover{border-color:#dbeafe;box-shadow:0 4px 12px #1b84ff08}.stat-card span{color:#78829d;font-size:12px}.stat-card strong{font-size:30px;font-weight:600;letter-spacing:-1px;color:#071437}.stat-card small{color:#99a1b7;font-size:11px}.stat-icon .icon{color:#99a1b7;width:24px;height:24px}
.profile-card{background:linear-gradient(115deg,#fff 55%,#f5f9ff);border-color:var(--line);position:relative;padding-left:96px;min-height:132px}.profile-card .profile-head{margin:0}.profile-card .profile-head>.avatar{position:absolute;left:24px;top:28px}.profile-card .profile-head>.badge{position:absolute;right:24px;top:24px}.profile-card h2{font-size:18px;padding-right:120px;margin-bottom:4px}.profile-card p{font-size:13px;margin-bottom:10px}.profile-card a{font-size:12px}
.section-heading{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:12px}.section-heading a{font-size:12px}.setup-step{border-color:var(--line);padding:18px 0}.setup-step>span{background:#f9f9f9;border:1px solid var(--line);color:#4b5675;border-radius:7px}.setup-step strong{font-size:13px;font-weight:500}.setup-step p{font-size:12px}.setup-step>b{color:#99a1b7}
.square-icon{background:#eff6ff;color:#1b84ff;border:1px solid #dbeafe;border-radius:8px}.square-icon.cyan{background:#ecfeff;color:#0891b2;border-color:#cffafe}
.settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.settings-card{border-color:var(--line)}.settings-card:hover{border-color:#b7d7ff;box-shadow:0 4px 12px #1b84ff08;color:var(--ink)}.settings-link{color:#1b84ff}
.settings-tabs{border-color:var(--line);gap:20px}.settings-tabs a{color:#78829d;padding:12px 4px;border-bottom-width:2px}.settings-tabs a[aria-current=page]{color:#1b84ff;border-color:#1b84ff;background:transparent;border-radius:0}
.profile-dropdown{border-color:var(--line);box-shadow:0 8px 24px #07143714}.profile-dropdown a{border-color:var(--line)}
.suggestion-chip,.content-view-toolbar button[aria-pressed=false]{background:#f9f9f9;color:#4b5675;border:1px solid #dbdfe9}.drag-handle{border-color:#dbdfe9;color:#78829d}.playlist-preview{border-color:var(--line)}
.table-filter-options,.table-filter-options[popover]{border-color:#dbdfe9;color:#252f4a;box-shadow:0 8px 24px #07143714;border-radius:9px}.table-filter-options label:hover{background:#f9f9f9}.table-filter-options input[type=checkbox]{accent-color:#1b84ff}.column-filter summary:after{color:#99a1b7}.column-filter.has-filter summary{color:#1b84ff}.column-filter summary:focus-visible{outline-color:#1b84ff}
.table-filter-options .table-filter-reset{background:#f9f9f9;color:#78829d;border:1px solid #dbdfe9}.table-filter-option-actions{border-color:var(--line)}.table-filter-footer{color:#78829d}.table-filter-empty{background:#f9f9f9;color:#78829d}
.standalone{margin:9vh auto;max-width:460px;padding:24px;min-height:0}.standalone .card{padding:32px;box-shadow:0 8px 30px #07143708}.standalone .eyebrow{color:#1b84ff}.login-logo{color:#071437}
/* Editor chrome only: never style artwork, media previews or gradient swatches. */
.promotion-sidebar-layout .promotion-side-panel{border:1px solid var(--line);border-radius:10px;box-shadow:none}
.promotion-side-panel .builder-section,.promotion-properties h2{border-color:var(--line)}
.promotion-stage,#canvas-viewport{background-color:#f5f6f8}.promotion-stage{background-image:radial-gradient(#d3d8e2 1px,transparent 1px)}
#promotion-layers button{background:#f9f9f9;border-color:#dbdfe9;color:#4b5675}#promotion-layers button[aria-pressed=true]{background:#eff6ff;outline-color:#1b84ff}
.promotion-template-card,.promotion-start-options .card{border-color:var(--line)}.promotion-template-card:hover,.promotion-start-options .card:hover{border-color:#b7d7ff;box-shadow:0 4px 12px #1b84ff08}.promotion-template-card span{color:#1b84ff}
.promotion-crop-dialog,.promotion-trim-dialog,.gradient-picker{border-color:#dbdfe9;color:#252f4a;box-shadow:0 20px 80px #07143726}
.fill-tabs button{background:#f9f9f9;color:#4b5675}.fill-tabs button[aria-pressed=true]{background:#eff6ff;border-bottom-color:#1b84ff;color:#1b84ff}
.promotion-operation-progress{accent-color:#1b84ff}.promotion-operation-progress::-webkit-progress-value{background:#1b84ff}.promotion-operation-progress::-moz-progress-bar{background:#1b84ff}
.promotion-object-rail{background:#fcfcfc;border-color:var(--line)}
.promotion-topbar,.promotion-history-tools,.object-quick-toolbar,.quick-icon-choices,.promotion-workspace>.promotion-zoom{border:1px solid #dbdfe9;box-shadow:0 2px 6px #07143708}
.promotion-layout .object-quick-toolbar button,.quick-icon-menu summary,.promotion-topbar>a{background:#f9f9f9;color:#4b5675}
.promotion-layout .object-quick-toolbar button[aria-pressed=true],.quick-icon-menu[open] summary{background:#eff6ff;color:#1b84ff}
.promotion-layout .object-quick-toolbar button:hover,.quick-icon-menu summary:hover{background:#eff6ff;color:#1b84ff}
.number-stepper{border-color:#dbdfe9}.number-stepper:focus-within{outline-color:#1b84ff}
.promotion-layout .number-stepper button{background:#f9f9f9;color:#1b84ff}.promotion-layout .number-stepper button:hover{background:#eff6ff}
.promotion-layout .number-stepper button:focus-visible{outline-color:#1b84ff}
.promotion-timeline{border-color:var(--line)}.promotion-layout .timeline-track{background:#f9f9f9;color:#4b5675}.timeline-track[aria-pressed=true]{outline-color:#1b84ff}.timeline-track-bar{background:#edf2f8}.timeline-object{background:#69aaf7}.timeline-handle{background:#1b70d3}
.timeline-ruler{border-color:#dbdfe9;color:#78829d}.timeline-ruler span:after{border-color:#99a1b7}.promotion-layout #timeline-scrub::-webkit-slider-thumb{background:#1b84ff;box-shadow:0 0 0 1px #b7d7ff}.promotion-layout #timeline-scrub::-moz-range-thumb{background:#1b84ff}
.promotion-layout .object-opacity input[type=range]{accent-color:#1b84ff}.object-timing{border-color:#dbdfe9}
#elements-panel .elements-grid button,.promotion-frame-grid button{background:#f9f9f9;border-color:var(--line);color:#252f4a}#elements-panel .elements-grid button:hover,.promotion-frame-grid button:hover{background:#eff6ff;border-color:#b7d7ff}#elements-toggle[aria-expanded=true]{background:#eff6ff;color:#1b84ff}
.trim-range{border-color:#1b84ff;background:#1b84ff20}.promotion-trim-dialog .trim-range button{background:#1b84ff}.fill-styles button[aria-pressed=true]{outline-color:#1b84ff}
@media(min-width:1600px){main{padding-left:40px;padding-right:40px}.page-header{padding:0 40px}}
@media(max-width:1100px){:root{--sidebar-width:235px}.page-header{padding:0 22px}main{padding:24px 22px}.header-right{gap:10px}}
@media(max-width:800px){#sidebar{display:none;position:fixed;inset:76px auto 0 0;height:calc(100dvh - 76px);padding-top:20px;width:264px;box-shadow:8px 0 24px #07143712}.nav-open #sidebar{display:block}.page-header,.nav-collapsed .page-header{margin:0;padding:0 16px;gap:10px;z-index:40}.page-header .workspace-search{max-width:none;width:auto;flex:1;min-width:70px}.header-right{gap:8px}.date-display,.account{display:none}main,.nav-collapsed main{margin-left:0;padding:22px 16px}.page-footer,.nav-collapsed .page-footer{margin-left:0;padding:14px 16px}.standalone{margin:5vh auto;max-width:460px}.stat-grid{gap:16px}.card{padding:20px}.promotion-side-panel.card{padding:14px}}
@media(max-width:550px){.page-header{padding:0 12px}.signout{padding:7px 8px}.workspace-search input:not([type=hidden]){font-size:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px}.stat-card strong{font-size:26px}.stat-icon{display:none}.settings-grid{grid-template-columns:1fr}.card{padding:18px}.standalone .card{padding:24px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select:not([multiple]),textarea{font-size:16px}.top{gap:12px}.page-footer span{display:none}.promotion-sidebar-layout .promotion-workspace{padding:0}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}}
@media(max-width:550px){.profile-card{padding-left:18px}.profile-card .profile-head{margin-bottom:16px;display:flex}.profile-card .profile-head>.avatar,.profile-card .profile-head>.badge{position:static}.profile-card h2{padding-right:0}}

/* Responsive density: use available width, never hide content to force a fit. */
main:not(.standalone){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start;align-content:start;padding-top:20px;padding-bottom:20px}
main:not(.standalone)>*{grid-column:1/-1;min-width:0}
main:not(.standalone)>.top{margin:0 0 2px}
main:not(.standalone)>:is(h1,h2,p,nav,.actions){margin-top:0;margin-bottom:0}
main:not(.standalone)>.card{margin-bottom:0}
main:not(.standalone) .card:not(.promotion-workspace):not(.promotion-side-panel):not(.promotion-template-card):not(.content-asset-card):not(.profile-card){padding:18px}
main:not(.standalone)>.grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
main:not(.standalone)>.grid>.card{margin:0}
main:not(.standalone)>.stat-grid{gap:16px}.stat-grid>.card{margin:0}
.information-card>.grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px 24px}
.information-card .grid>div{overflow-wrap:anywhere}.information-card .grid p{margin:4px 0 0}
main:not(.standalone) .card>.top{margin-bottom:14px;gap:12px}
main:not(.standalone) .section-heading{padding-bottom:10px;margin-bottom:10px}
main:not(.standalone) .setup-step{padding:12px 0}
main:not(.standalone) :is(td,th){padding:11px 12px}
main:not(.standalone) .settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}
main:not(.standalone) .settings-card{margin:0}.settings-card .square-icon{padding:10px;margin-bottom:12px}.settings-card p{margin-bottom:14px}
/* Wide forms: simple fields share rows; instructions, groups and actions stay full width. */
main:not(.standalone) form.form{max-width:none;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;align-items:start}
main:not(.standalone) form.form>*{min-width:0;grid-column:1/-1}
main:not(.standalone) form.form>label{grid-column:auto;margin:0}
main:not(.standalone) form.form>label:has(textarea){grid-column:1/-1}
main:not(.standalone) form.form :is(h2,h3,p,.hint,.actions){margin-top:0;margin-bottom:0}
main:not(.standalone) form.form .grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:12px 20px}
main:not(.standalone) form.form .grid label{margin-bottom:0}
main:not(.standalone) form.form>.actions{padding-top:8px;gap:12px}
main:not(.standalone) form.form>button{justify-self:start}
main:not(.standalone) .custom-field{padding:14px;margin:12px 0}
main:not(.standalone) #custom-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px}
main:not(.standalone) #custom-controls>.custom-field{margin:0}
/* Keep repeatable-field actions comfortably separated from their inputs. */
.custom-value>button{margin-top:10px;padding:9px 16px;min-height:38px}
.custom-field>button{padding:9px 16px;min-height:38px}
.field-behavior-options{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:4px 0}
main:not(.standalone) form.form .field-behavior-options .check-label{display:inline-flex;align-items:center;gap:10px;margin:0;min-height:40px;cursor:pointer}
.field-behavior-options input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;cursor:pointer}
.tag-chips{display:inline-flex;flex-wrap:wrap;gap:6px}.tag-chips a{white-space:normal;overflow-wrap:anywhere}
.tag-choices{min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px 16px}
.tag-choices legend{padding:0 6px;font-weight:500}
.bulk-actions{display:flex;align-items:center;gap:14px;padding:10px 12px;border-bottom:1px solid var(--line)}
.action-icon,.button.action-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;padding:0;vertical-align:middle;border:1px solid var(--line);border-radius:6px;background:#fff;color:#4b5675;text-decoration:none;line-height:1;box-shadow:none}
.action-icon:hover,.button.action-icon:hover{background:#eff6ff;border-color:#b8d9ff;color:#056ee9}
.action-icon--delete:hover{background:#fff1f1;border-color:#f6b8b8;color:#b42318}
.action-icon svg{flex:none;pointer-events:none}
.delete-lightbox{width:min(560px,calc(100vw - 32px));max-width:none;max-height:90dvh;padding:20px;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 80px #07143740;overflow:auto;box-sizing:border-box}
.delete-lightbox::backdrop{background:#07143780}
.delete-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.delete-lightbox-header h2{margin:0;font-size:17px}
.delete-lightbox-header button{font-size:22px;width:36px;height:36px;padding:0}
.delete-lightbox iframe{display:block;width:100%;height:220px;max-height:70dvh;border:0;background:white}
.delete-lightbox iframe[hidden]{display:none}
@media(pointer:coarse){.action-icon,.button.action-icon{width:44px;height:44px;min-width:44px}}
table[data-bulk-kind] input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer}
main:not(.standalone) .card dl{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:8px 16px}
main:not(.standalone) .card dt{font-weight:500}main:not(.standalone) .card dd{margin:0;overflow-wrap:anywhere}
main:not(.standalone) .table-filter-footer{padding-bottom:0}
@media(min-width:1100px){
  main:not(.standalone)>section.card{grid-column:span 6}
  main:not(.standalone)>section.card:has(table,canvas,video,svg,.playlist-preview){grid-column:1/-1}
  main:not(.standalone)>section:is(.information-card,.profile-card),main:not(.standalone)>[data-monitor-banner]{grid-column:1/-1}
  main:not(.standalone)>section.card:has(table):not(:has(th:nth-child(4))){grid-column:span 6}
}
@media(min-width:1450px){
  main:not(.standalone) form.form{grid-template-columns:repeat(3,minmax(0,1fr))}
  main:not(.standalone):has(>.stat-grid)>section.card:not(.profile-card){grid-column:span 6}
}
@media(max-width:800px){main:not(.standalone){gap:14px;padding:16px}main:not(.standalone) form.form{grid-template-columns:1fr}main:not(.standalone) form.form>label{grid-column:1/-1}}
@media(max-width:550px){main:not(.standalone) form.form .grid,main:not(.standalone)>.grid{grid-template-columns:1fr}.information-card>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.information-card strong{font-size:11px}main:not(.standalone) .card dl{grid-template-columns:1fr}main:not(.standalone) .card dd{margin-bottom:8px}}
.user-account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px}
.user-account-actions>a{white-space:nowrap}
.user-name{display:inline-flex;align-items:center;gap:8px}
.user-name .badge{margin:0;flex-shrink:0}