html.m-director .cm-page{min-width:0;max-width:100%}html.m-director .cm-crumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}html.m-director .cm-head{gap:12px;flex-wrap:wrap}html.m-director .cm-head h1{font-size:clamp(23px,3vw,34px);line-height:1.2;margin:10px 0;overflow-wrap:anywhere}html.m-director .cm-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}html.m-director .cm-tools>.field{flex:1 1 160px;min-width:0;margin-bottom:12px}html.m-director .cm-tools input,html.m-director .cm-tools select{width:100%}html.m-director .cm-btn{min-height:40px;max-width:100%;white-space:normal}html.m-director .cm-link{color:var(--gold,#c9ab72);text-decoration:underline;text-underline-offset:3px}html.m-director .cm-kpis,html.m-director .cm-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px;margin:16px 0}html.m-director .cm-kpis .card{margin:0;padding:16px}html.m-director .cm-kpis h3{font-size:13px;margin:0 0 10px}html.m-director .cm-kpis b{font-size:20px}html.m-director .cm-box h3{overflow-wrap:anywhere}html.m-director .cm-table-wrap{max-width:100%;overflow:auto;margin:12px 0;overscroll-behavior:contain}html.m-director .cm-table{min-width:850px}html.m-director .cm-table td{vertical-align:top}html.m-director .cm-table small{display:block;color:var(--mist)}html.m-director .cm-pairs{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,2fr);gap:12px}html.m-director .cm-pairs dt{color:var(--mist)}html.m-director .cm-pairs dd{margin:0;overflow-wrap:anywhere}html.m-director .cm-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}html.m-director .cm-tabs a{padding:10px 14px;border:1px solid var(--line,#444);border-radius:10px;color:inherit;text-decoration:none}html.m-director .cm-tabs a[aria-current=page]{border-color:var(--gold,#c9ab72);color:var(--gold,#c9ab72)}html.m-director .cm-column{display:grid;grid-template-columns:20px 1fr 65px;gap:10px;align-items:center;margin:12px 0}html.m-director #cm-theme{flex:none;min-height:40px;font-size:12px}html.m-director .cm-column input[type=checkbox]{width:18px;height:18px}
@media(max-width:767px){html.m-director .cm-table{min-width:0;width:100%;display:block}html.m-director .cm-table thead{display:none}html.m-director .cm-table tbody{display:block}html.m-director .cm-table tr{display:block;border:1px solid var(--line,#444);border-radius:14px;padding:12px;margin:0 0 14px}html.m-director .cm-table td{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:10px;border:0;padding:8px 0;white-space:normal;overflow-wrap:anywhere}html.m-director .cm-table td::before{content:attr(data-label);font-weight:500;color:var(--mist)}html.m-director .cm-pairs{grid-template-columns:minmax(0,1fr)}html.m-director .cm-pairs dd{margin-bottom:10px}html.m-director .cm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}html.m-director .cm-tabs a{flex:1 1 115px;text-align:center}html.m-director .cm-tools{gap:8px}}
html.m-director[data-crm-theme=light]{--bg:#f5f3ee;--panel:#fff;--card:#fff;--text:#202326;--mist:#585d62;--muted:#585d62;--gold:#896424;--gold2:#a87c2f;--line:#d5d0c6;--cyan:#086878;background:#f5f3ee;color:#202326;color-scheme:light}html.m-director[data-crm-theme=light] body{background:#f5f3ee;color:#202326}html.m-director[data-crm-theme=light] :is(.card,.sheet,.ftable,.tdmBlock,.cfg-box,.pn-shell,.pn-card,.cm-tabs a,nav.tabs){background:#fff;color:#202326;border-color:#d5d0c6}html.m-director[data-crm-theme=light] :is(input,textarea,select){background:#fff;color:#202326;border-color:#aaa49a}html.m-director[data-crm-theme=light] :is(.muted,.small,.note){color:#585d62}html.m-director[data-crm-theme=light] :is(.ftable th,.ftable td){background:transparent;color:#202326;border-color:#d5d0c6}html.m-director[data-crm-theme=light] :is(.ghost,.pill-btn,.tdmBtn){background:#fff;color:#684a17;border-color:#b8a67f}html.m-director[data-crm-theme=light] .note{background:#f3eee2;border-color:#d5c4a0}html.m-director[data-crm-theme=light] :is(.ftabs button,.tdmTabs button,.dirsw button){color:#684a17}html.m-director[data-crm-theme=light] header.top{color:#202326}html.m-director[data-crm-theme=light] .cm-link{color:#79551c}html.m-director[data-crm-theme=light] #primeBell{background:#fff;color:#79551c;border-color:#b8a67f}

html.m-director .cm-btn{flex:none;width:auto;word-break:normal;overflow-wrap:normal}html.m-director .cm-crumb .cm-btn{max-width:150px}html.m-director .cm-table{table-layout:auto}html.m-director .cm-table td{word-break:normal}html.m-director #main[hidden]{display:none!important}@media(max-width:600px){}

html.m-director[data-crm-theme=light]{--night:#f5f3ee;--steel:#fff;--steel2:#f3f0e9;--pearl:#202326;--cyan:#79551c;--cyan-d:#8f6b32;--ok:#156340;--warn:#805900;--bad:#a82e24}html.m-director[data-crm-theme=light] .cta{background:linear-gradient(180deg,#ebd6b0,#c9a877);color:#1c160c}html.m-director[data-crm-theme=light] .cm-kpis .card{box-shadow:0 3px 12px rgba(0,0,0,.08)}@media(max-width:600px){}

/* CRM revision: light surfaces, semantic numbers and complete TO settings page. */
html.m-director{--cm-positive:#66d59a;--cm-negative:#ff8b84;--cm-warning:#e4bc70}
html.m-director[data-crm-theme=light]{--cm-positive:#146638;--cm-negative:#ae2826;--cm-warning:#805800}
html.m-director .cm-positive{color:var(--cm-positive)!important}html.m-director .cm-negative{color:var(--cm-negative)!important}html.m-director .cm-warning{color:var(--cm-warning)!important}html.m-director .cm-neutral{color:var(--pearl)!important}
html.m-director .cm-value{font-variant-numeric:tabular-nums;font-weight:650}html.m-director .cm-metric small{display:block;font-size:11px;color:var(--mist);max-width:28em;line-height:1.5;margin-top:4px}html.m-director .cm-metric .cm-warning{font-size:12px}
html.m-director .cm-to-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}html.m-director .cm-to-grid .card{min-width:0}html.m-director .cm-to-grid select{width:100%;text-overflow:ellipsis}html.m-director #cmToForm fieldset{border:1px solid var(--line);border-radius:16px;padding:16px;min-width:0}html.m-director #cmToForm legend{padding:0 10px}html.m-director .cm-check{display:flex;gap:10px;align-items:center}html.m-director .cm-check input{width:20px;height:20px;flex:none}html.m-director #cmToError,html.m-director #cmIntervalError{color:var(--cm-negative)}
html.m-director #cm-theme{min-width:82px;min-height:44px;white-space:nowrap;flex:none;width:auto;position:relative;z-index:1}html.m-director #hdrRight:has(#cm-theme){flex-wrap:wrap;justify-content:flex-end}
html.m-director[data-crm-theme=light] header.top{background:#faf8f3;border-color:#d5d0c6}
html.m-director[data-crm-theme=light] .brand{background:#101012;border:1px solid #a88a50;border-radius:10px;padding:8px;box-sizing:border-box}
html.m-director[data-crm-theme=light] .brand .sub{color:#fff!important}
html.m-director[data-crm-theme=light] :is(input,textarea,select){color-scheme:light}
html.m-director[data-crm-theme=light] [data-cm-surface=light]{background:#fff!important;background-image:none!important;border-color:#d5d0c6!important}
html.m-director[data-crm-theme=light] [data-cm-ink=light]{color:#282828!important}
html.m-director[data-crm-theme=light] :is(.cm-positive,.ok,[style*="var(--ok)"]){color:var(--cm-positive)!important}
html.m-director[data-crm-theme=light] :is(.cm-negative,.bad,[style*="var(--bad)"]){color:var(--cm-negative)!important}
html.m-director[data-crm-theme=light] :is(.cm-warning,.warn,[style*="var(--warn)"]){color:var(--cm-warning)!important}
html.m-director[data-crm-theme=light] :is(nav.tabs,.ftabs,.tdmTabs,.dirsw){background:#f4f0e8;border-color:#d5d0c6}
html.m-director[data-crm-theme=light] :is(.sheet-h,.tl-name,.term,.ph,.kpi,.chartbox,.seg,.feat span){background:var(--steel);color:var(--pearl)}
html.m-director[data-crm-theme=light] :is(button,a,input,select,textarea):focus-visible{outline:2px solid #896424;outline-offset:3px}
html.m-director[data-crm-theme=light] input:disabled,html.m-director[data-crm-theme=light] select:disabled{color:#585d62;background:#eeeae3;opacity:1}
@media(max-width:767px){html.m-director .cm-to-grid{grid-template-columns:minmax(0,1fr)}html.m-director #cmToForm fieldset{padding:12px}html.m-director #cm-theme{padding:8px;font-size:12px}html.m-director #hdrRight{min-width:0;gap:6px}}

html.m-director[data-crm-theme=light]{--s-fg:#25282b;--s-mute:#5c6064;--s-gold:#8a6429;--s-ghi:#79551c;--s-glo:#a77f42;--s-ink:#19140c;--s-hair:#d5d0c6;--s-hair2:#e4ded3}
html.m-director[data-crm-theme=light] header.top{background:#faf8f3!important;border-bottom-color:#d5d0c6!important}
html.m-director[data-crm-theme=light] #fside{background:#f1ede5!important;border-right-color:#d5d0c6!important}
html.m-director[data-crm-theme=light] :is(.sn-g,.sn-i,.fp-group){color:#79551c!important}
html.m-director[data-crm-theme=light] :is(.sn-g,.sn-i).on{color:#503710!important;border-color:#a48650!important}
html.m-director[data-crm-theme=light] :is(.fpanel,.fx-pop,.fuserpop,.pn-shell){background:#fff!important;color:#25282b!important}
html.m-director[data-crm-theme=light] :is(.brand,.flogo){background:#101012!important}
html.m-director[data-crm-theme=light] .ftable tbody tr:hover td{background:#f5f0e5!important}

html.m-director[data-crm-theme=light]{--s-bg:#f5f3ee;--s-surf:#fff;--s-surf2:#f3f0e9;--s-shadow:0 4px 16px rgba(40,32,16,.08)}html.m-director[data-crm-theme=light] :is(.card,.cm-box,.pn-card){box-shadow:0 4px 16px rgba(40,32,16,.08)}

/* Final UX refinement: scoped monitor and TO layout, preserving legacy mobile navigation. */
html.m-director .cm-monitor-summary{display:flex;flex-wrap:wrap;gap:12px 24px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
html.m-director .cm-monitor-summary b{color:var(--gold);margin-left:6px}
html.m-director .cm-monitor-about{font-size:12px;color:var(--mist);margin:12px 0 18px}
html.m-director :is(.cm-monitor-about,.cm-monitor-filters,.cm-to-extra,.cm-material-info)>summary{cursor:pointer;padding:8px 0;line-height:1.5}
html.m-director .cm-monitor-filters{margin-bottom:12px;font-size:13px}
html.m-director .cm-monitor-primary>.field:first-child{flex:2 1 220px}
html.m-director .cm-pager{display:flex;align-items:center;gap:12px;justify-content:flex-end;font-size:12px;color:var(--mist)}
html.m-director .cm-pager .cm-btn{min-width:40px}
html.m-director .cm-monitor-table{min-width:760px;width:100%;font-size:12px}
html.m-director .cm-monitor-table :is(th,td){padding:12px 9px;white-space:normal;line-height:1.5;vertical-align:middle}
html.m-director .cm-monitor-table th{font-size:11px}
html.m-director .cm-monitor-table [data-col=name]{min-width:120px;max-width:190px;font-weight:600}
html.m-director .cm-monitor-table [data-col=car]{min-width:105px}
html.m-director .cm-compact-metric{display:inline-block;position:relative;background:transparent!important;border:0!important;padding:6px 16px 6px 0!important;margin:0;min-height:42px;min-width:0;width:auto;color:inherit;text-align:left;cursor:pointer;font:inherit;line-height:1.4}
html.m-director .cm-compact-metric .cm-value{white-space:nowrap}
html.m-director .cm-compact-metric small{font-size:10px;line-height:1.4}
html.m-director .cm-info-mark{position:absolute;right:0;top:6px;color:var(--mist);font-size:10px}
html.m-director .cm-to-breadcrumb{font-size:13px;margin:8px 0}
html.m-director .cm-to-compact{padding-bottom:10px}
html.m-director .cm-to-compact .cm-check{font-size:13px;margin-bottom:16px}
html.m-director .cm-to-material{padding:16px 0;min-width:0;border-top:1px solid var(--line)}
html.m-director .cm-to-material h3{font-size:14px;margin:0 0 12px}
html.m-director .cm-to-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
html.m-director .cm-to-oil .cm-to-fields{grid-template-columns:minmax(0,3fr) minmax(90px,1fr) minmax(110px,1.2fr)}
html.m-director .cm-to-fields .field{margin:0;min-width:0;font-size:12px;gap:6px}
html.m-director .cm-to-fields :is(input,select){width:100%;min-width:0;max-width:100%;min-height:44px;font-size:13px;scroll-margin-bottom:calc(var(--cm-nav-inset,0px) + 110px)}
html.m-director .cm-selected-name{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.45;font-size:11px;color:var(--mist);margin-top:5px}
html.m-director .cm-to-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html.m-director .cm-material-info{font-size:11px;color:var(--mist)}
html.m-director .cm-material-info summary{padding-bottom:0}
html.m-director .cm-to-extra{border-top:1px solid var(--line);margin-top:10px}
html.m-director .cm-to-extra>summary{font-weight:600;font-size:14px}
html.m-director .cm-to-extra>summary small{display:block;color:var(--mist);font-size:11px;font-weight:400;margin-left:17px}
html.m-director .cm-to-save{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;margin-top:12px;background:var(--steel);border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 20px #0003;scroll-margin-bottom:calc(var(--cm-nav-inset,0px) + 24px)}
html.m-director .cm-to-save button{width:auto;min-height:44px;margin:0}
html.m-director #tmSaveTop{width:auto;flex:none;min-height:44px;margin:0;padding:12px 20px}
html.m-director .cm-page:has(.cm-to-compact){padding-bottom:calc(var(--cm-nav-inset,0px) + 32px)}
html.m-director .cm-to-section{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:12px 0}
html.m-director .cm-to-section>summary{cursor:pointer;font-size:14px;font-weight:600;line-height:1.5}
html.m-director .cm-to-section>summary small{display:block;font-weight:400;color:var(--mist);font-size:11px;margin:4px 0 0 17px}
@media(max-width:767px){
 html.m-director .cm-monitor-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 html.m-director .cm-monitor-primary>.field:first-child{grid-column:1/-1}
 html.m-director .cm-monitor-primary>.field{margin-bottom:4px}
 html.m-director .cm-monitor-table{min-width:0;font-size:13px}
 html.m-director .cm-monitor-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:14px}
 html.m-director .cm-monitor-table td{display:block;min-width:0;padding:0;max-width:none}
 html.m-director .cm-monitor-table td::before{display:block;font-size:10px;line-height:1.4;margin-bottom:3px}
 html.m-director .cm-monitor-table td[data-col=name]{grid-column:1/-1;max-width:none;min-width:0;font-size:16px}
 html.m-director .cm-monitor-table td[data-col=name]::before{display:none}
 html.m-director .cm-monitor-table td[data-col=car]{min-width:0}
 html.m-director .cm-compact-metric{padding-top:0!important;padding-bottom:0!important;min-height:36px}
 html.m-director .cm-info-mark{top:0}
 html.m-director .cm-to-filters{grid-template-columns:minmax(0,1fr);gap:0}
 html.m-director .cm-to-oil .cm-to-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 html.m-director .cm-to-selector{grid-column:1/-1}
 html.m-director .cm-to-fields{grid-template-columns:minmax(0,1fr)}
 html.m-director .cm-to-save{padding:10px}
 html.m-director .cm-to-save>span{display:none}
 html.m-director .cm-to-save button{width:100%}
 html.m-director .cm-to-fields :is(input,select){font-size:16px}
}
