/* SRCA v86 — simplified KPI-inspired interface */
:root{
  --v86-navy:#10253f;--v86-navy-2:#173552;--v86-red:#b51f2a;
  --v86-bg:#f5f2ec;--v86-panel:#fff;--v86-line:#ddd5c8;
  --v86-text:#10253f;--v86-muted:#6d7680;--v86-radius:18px;
  --v86-shadow:0 10px 30px rgba(16,37,63,.08)
}
body{background:var(--v86-bg);color:var(--v86-text)}
.app-shell{min-height:100vh;background:var(--v86-bg)}
.srca-nav{width:280px;padding:18px 14px;background:var(--v86-navy);border:0;box-shadow:none;gap:8px}
.srca-nav-btn{min-height:54px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:transparent;color:#fff;padding:10px 14px;font-size:20px;font-weight:700;transition:.18s ease}
.srca-nav-btn:hover{background:rgba(255,255,255,.08);transform:translateX(-2px)}
.srca-nav-btn.active{background:#fff;color:var(--v86-navy);border-color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.v86-nav-group{padding:10px 12px 4px;color:rgba(255,255,255,.58);font-size:14px;font-weight:900;letter-spacing:.02em}
.v86-nav-group:first-of-type{margin-top:2px}
.srca-nav-ico{width:25px;height:25px;flex:0 0 25px}
.srca-nav-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.16);padding-top:12px}
.srca-user-box{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;color:#fff!important;padding:12px!important}
.srca-user-name{font-size:20px!important}.srca-user-role{font-size:16px!important;color:rgba(255,255,255,.75)!important}
.srca-user-actions button{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:10px!important}
.srca-nav-sync{border:0!important;background:transparent!important;min-height:28px!important;justify-content:flex-start!important}
.srca-act.save{display:none!important}
#navSyncText{display:none!important}#navSyncDot{width:13px!important;height:13px!important;box-shadow:0 0 0 4px rgba(255,255,255,.09)}
.main-area{background:var(--v86-bg)}
.ops-header{min-height:112px;background:#fff;border-bottom:1px solid var(--v86-line);box-shadow:none;padding:18px 32px;grid-template-columns:1fr 1.35fr 1fr}
.ops-header .authority{justify-self:start}.ops-header .brand-title{grid-column:2;min-width:0}
.ops-header .authority div{font-size:clamp(24px,1.55vw,31px)}.ops-header .authority span{font-size:clamp(15px,1vw,19px)}
.brand-title h1{font-size:38px!important;color:var(--v86-navy)!important;font-weight:900!important}
.page-view{padding:28px 34px 50px;max-width:1700px;margin-inline:auto}
.page-view>h1{text-align:center;font-size:34px;margin:4px 0 22px;color:var(--v86-navy)}
.divider{display:none}.page-back-btn{display:none!important}
.section,.card,.panel,.access-panel,.settings-card,.current-status-section,.wf-card,.shift-section{border:1px solid var(--v86-line)!important;border-radius:var(--v86-radius)!important;background:var(--v86-panel)!important;box-shadow:var(--v86-shadow)!important}
.dashboard-grid,.cards-grid,.srca-counters-grid{gap:18px!important;align-items:stretch}
.dashboard-grid>* ,.cards-grid>* ,.srca-counters-grid>*{min-height:150px;border-radius:var(--v86-radius)!important;border:1px solid var(--v86-line)!important;background:#fff!important;box-shadow:var(--v86-shadow)!important}
.srca-counters-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:24px 0!important}
.srca-counter-card{height:100%;justify-content:center}
button,.btn,input,select,textarea{font-family:inherit}
button,.btn{border-radius:12px;min-height:44px;font-size:18px}
input,select,textarea{border:1px solid #cfc7bb!important;border-radius:11px!important;background:#fff!important;color:var(--v86-text)!important;font-size:18px!important;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:var(--v86-navy-2)!important;box-shadow:0 0 0 3px rgba(23,53,82,.12)!important;outline:0}
.access-summary{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:14px!important}
.access-stat,.access-sector-card{border-radius:14px!important;box-shadow:none!important}
.access-tabs{justify-content:center!important}.access-tab{font-size:20px!important;border-radius:12px!important}
.access-table th,.access-table td{font-size:17px!important;padding:12px!important}
.diag-simple{background:var(--v86-panel);border:1px solid var(--v86-line);border-radius:var(--v86-radius);padding:22px;box-shadow:var(--v86-shadow)}
.diag-simple-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.diag-simple-head h2{font-size:30px}.diag-simple-head p{font-size:18px;color:var(--v86-muted)}
.diag-simple-head button{padding:9px 18px;background:var(--v86-navy);color:#fff!important;border:0!important}
.diag-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.diag-status-card{min-height:170px;padding:18px;border:1px solid var(--v86-line);border-radius:15px;text-align:center;background:var(--v86-panel)}
.diag-status-card h3{font-size:20px;margin:10px 0 4px}.diag-status-card strong{font-size:24px}.diag-status-card p{font-size:17px;color:var(--v86-muted);margin-top:8px}
.diag-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:14px;font-weight:900}.diag-ok{background:#dcfce7;color:#166534}.diag-bad{background:#fee2e2;color:#991b1b}.diag-wait{background:#fef3c7;color:#92400e}
.auth-gate{background:linear-gradient(135deg,#f6f2eb,#e9edf2)!important}
.auth-dialog{border-radius:22px!important;border:1px solid var(--v86-line)!important;box-shadow:0 22px 70px rgba(16,37,63,.2)!important}
.auth-brand{justify-content:center;text-align:center}.auth-brand h2{font-size:31px!important}.auth-brand p{font-size:19px!important}
.auth-dialog{width:min(520px,100%)!important;padding:34px!important}.auth-brand{flex-direction:column}.auth-brand-mark{width:62px!important;height:62px!important;font-size:30px!important}
.auth-field label{font-size:20px}.auth-primary,.auth-link-button{font-size:19px!important}.auth-note{font-size:16px!important;text-align:center}
.v86-mobile-menu{display:none;position:fixed;top:14px;right:14px;z-index:2147483000;width:48px;height:48px;border:0;border-radius:13px;background:var(--v86-navy);color:#fff;font-size:25px;box-shadow:var(--v86-shadow)}
.srca-permission-hidden{display:none!important}
.srca-no-access-state{min-height:calc(100vh - 190px);display:grid;place-content:center;justify-items:center;text-align:center;padding:30px;color:var(--v86-text)}
.srca-no-access-state[hidden]{display:none!important}.srca-no-access-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:22px;background:rgba(16,37,63,.09);font-size:34px;margin-bottom:16px}
.srca-no-access-state h2{font-size:32px;margin:0 0 8px}.srca-no-access-state p{font-size:20px;color:var(--v86-muted)}
body.srca-no-page-access .page-view{display:none!important}body.srca-no-page-access .srca-upload-btn,body.srca-no-page-access .srca-nav-acts{display:none!important}
#srcaAppwriteBootGate{position:fixed;inset:0;z-index:2147483646;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--v86-bg);color:var(--v86-text);font-size:22px}
#srcaAppwriteBootGate[hidden]{display:none!important}
.v86-boot-spinner{width:42px;height:42px;border:4px solid var(--v86-line);border-top-color:var(--v86-red);border-radius:50%;animation:v86spin .8s linear infinite}@keyframes v86spin{to{transform:rotate(360deg)}}
html[data-theme="dark"]{--v86-bg:#0c1724;--v86-panel:#132337;--v86-line:#2d4156;--v86-text:#edf3f8;--v86-muted:#aeb9c4}
html[data-theme="dark"] .ops-header,html[data-theme="dark"] .dashboard-grid>*,html[data-theme="dark"] .cards-grid>*,html[data-theme="dark"] .srca-counters-grid>*{background:var(--v86-panel)!important;color:var(--v86-text)!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0f1d2c!important;color:#fff!important;border-color:#3a5066!important}
@media(max-width:980px){
  .v86-mobile-menu{display:grid;place-items:center}.srca-nav{position:fixed;right:0;top:0;bottom:0;z-index:2147482000;transform:translateX(105%);transition:transform .22s ease;width:min(86vw,320px)}
  body.v86-nav-open .srca-nav{transform:translateX(0)}
  body.v86-nav-open:after{content:"";position:fixed;inset:0;z-index:2147481000;background:rgba(5,17,30,.48)}
  .main-area{margin-right:0}.ops-header{min-height:92px;padding:15px 74px 15px 18px}.brand-title h1{font-size:28px!important}
  .ops-header{grid-template-columns:1fr!important}.ops-header .authority{display:none}.ops-header .brand-title{grid-column:1;justify-self:center}
  .page-view{padding:22px 14px 40px}.page-view>h1{font-size:28px}
  .diag-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .ops-header{padding-inline-start:10px}.brand-title h1{font-size:23px!important}
  .dashboard-grid,.cards-grid,.srca-counters-grid{grid-template-columns:1fr!important}
  .access-table-wrap{overflow:auto}.access-table{min-width:900px}
  .diag-status-grid{grid-template-columns:1fr}
  .srca-counters-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.srca-counter-ring{width:112px!important;height:112px!important}
  .auth-dialog{padding:24px 18px!important}.auth-brand h2{font-size:27px!important}
}

/* v86 operational visual identity — compact, high-contrast and responsive */
:root{--v86-bg:#eef1f4;--v86-panel:#fff;--v86-line:#d9e0e7;--v86-gold:#b89561;--v86-shadow:0 8px 24px rgba(16,37,63,.07)}
.srca-nav{width:292px;background:linear-gradient(180deg,#0d2946,#102f50);padding:14px 12px}
.srca-nav-btn{min-height:48px;border-color:rgba(255,255,255,.16);font-size:19px;color:#fff!important}
.srca-nav-btn *{color:inherit!important;opacity:1!important}.srca-nav-btn.active{background:#fff!important;color:var(--v86-navy)!important;border-color:#fff!important}
.v86-nav-group{color:#cbd7e3!important;font-size:13px;padding-top:12px}
.ops-header{min-height:76px;height:76px;padding:10px 28px;grid-template-columns:minmax(280px,1fr) auto;gap:20px}
.ops-header .authority{grid-column:1;justify-self:start}.ops-header .authority div{font-size:22px}.ops-header .authority span{font-size:12px}
.ops-header .brand-title{grid-column:2;grid-row:1;justify-self:end}.brand-title h1{font-size:30px!important;white-space:nowrap}
.page-view{padding:22px 26px 42px}.srca-counters-grid{grid-template-columns:repeat(4,minmax(180px,1fr))!important;gap:14px!important;padding:18px 0!important}
.srca-counter-card{min-height:132px!important;padding:18px!important;align-items:flex-start!important;justify-content:center!important;gap:9px!important;border-radius:14px!important}
.srca-counter-ring{width:auto!important;height:auto!important;display:block!important}.srca-ring-svg{display:none!important}.srca-counter-inner{position:static!important;align-items:flex-start!important}
.srca-counter-num{font-size:42px!important;color:var(--v86-navy)!important}.srca-counter-label{font-size:20px!important;text-align:right!important;padding:0!important}.srca-counter-sub{font-size:13px!important;text-align:right!important}
.dashboard-grid>* ,.cards-grid>* ,.srca-counters-grid>*{min-height:132px;box-shadow:var(--v86-shadow)!important}
.srca-toast-host{position:fixed;top:88px;left:22px;z-index:2147483200;display:grid;gap:8px;width:min(430px,calc(100vw - 32px));pointer-events:none}
.srca-toast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;background:#fff;color:#13283e;border:1px solid var(--v86-line);border-radius:12px;box-shadow:0 12px 35px rgba(15,35,55,.16);font-weight:800;line-height:1.5;opacity:0;transform:translateY(-8px);transition:.18s;pointer-events:auto}
.srca-toast.is-visible{opacity:1;transform:none}.srca-toast.is-leaving{opacity:0;transform:translateY(-6px)}.srca-toast button{border:0;background:transparent;min-height:28px;font-size:24px;color:inherit}.srca-toast-dot{width:9px;height:9px;border-radius:50%;background:#198754}.srca-toast-warning .srca-toast-dot{background:#d68a16}.srca-toast-error .srca-toast-dot{background:#c8323b}.srca-toast-info .srca-toast-dot{background:#2c75b7}
.srca-connection-banner{position:fixed;z-index:2147483100;top:76px;right:292px;left:0;padding:9px 18px;text-align:center;background:#fff3cd;color:#795300;border-bottom:1px solid #e6c76b;font-weight:900}.srca-connection-banner[hidden]{display:none!important}
@media(max-width:1100px){.srca-counters-grid{grid-template-columns:repeat(3,minmax(170px,1fr))!important}}
@media(max-width:980px){.ops-header{grid-template-columns:1fr!important}.ops-header .authority{display:flex;justify-self:center}.ops-header .brand-title{display:none}.srca-connection-banner{right:0;top:76px}.srca-counters-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.srca-counters-grid{grid-template-columns:1fr!important}.srca-counter-card{min-height:110px!important}.srca-toast-host{top:72px;left:16px}}

/* v86 final identity: calm white navigation with a restrained official accent. */
.srca-nav{background:#fff!important;border-left:1px solid #d9dee5!important;box-shadow:-6px 0 24px rgba(16,37,63,.06)!important}
.srca-nav-btn{border:0!important;border-radius:10px!important;background:transparent!important;color:var(--v86-navy)!important;font-size:18px!important;min-height:50px!important;box-shadow:none!important;position:relative}
.srca-nav-btn:hover{background:#f1f4f7!important;transform:none!important}
.srca-nav-btn.active{background:var(--v86-navy)!important;color:#fff!important}
.srca-nav-btn.active:before{content:"";position:absolute;right:0;top:10px;bottom:10px;width:4px;border-radius:4px;background:#f58220}
.v86-nav-group{color:#667382!important;font-size:14px!important;padding-inline:14px!important}
.srca-nav-foot{border-top:1px solid #e2e6eb!important}.srca-user-box{background:#f5f7f9!important;border:1px solid #dfe4ea!important;color:var(--v86-navy)!important}
.srca-user-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.srca-user-name-row .cloud-sync-dot{width:12px;height:12px;border-radius:50%;background:#d9b200;box-shadow:0 0 0 4px rgba(16,37,63,.08)}.srca-nav-sync{display:none!important}
.srca-user-role{color:#687585!important}.srca-user-actions button{background:#fff!important;color:var(--v86-navy)!important;border:1px solid #d5dce4!important}
.srca-version,.srca-theme,.srca-upload-btn,.srca-act{color:var(--v86-navy)!important;border-color:#d5dce4!important;background:#fff!important}
#navSyncDot{box-shadow:0 0 0 4px rgba(16,37,63,.08)!important}

/* Split authentication view. The same structure stacks cleanly on tablets and phones. */
.auth-gate{display:grid!important;grid-template-columns:1fr 1fr!important;padding:0!important;background:#eef1f4!important;direction:rtl}
.auth-identity,.auth-form-side{min-width:0;min-height:100vh;display:flex;align-items:center;justify-content:center}
.auth-identity{flex-direction:column;padding:48px;text-align:center;background:var(--v86-navy);color:#fff}
.auth-identity img{width:150px;height:150px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18);margin-bottom:26px}
.auth-identity h1{font-size:clamp(32px,2.4vw,48px);margin:0 0 10px;color:#fff}.auth-identity span{font-family:Georgia,serif;font-size:18px;letter-spacing:.04em;opacity:.82}
.auth-identity-line{width:90px;height:4px;border-radius:4px;background:#f58220;margin:34px auto}.auth-identity h2{font-size:clamp(30px,2.2vw,44px);margin:0;color:#fff}
.auth-form-side{direction:rtl;padding:34px}.auth-dialog{width:min(480px,100%)!important;padding:36px!important;background:#fff!important;border:1px solid #dce1e7!important;border-radius:22px!important;box-shadow:0 22px 55px rgba(16,37,63,.16)!important}
.auth-brand-mark{background:var(--v86-navy)!important}.auth-primary{background:var(--v86-navy)!important;color:#fff!important}
@media(max-width:900px){.auth-gate{grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;overflow:auto}.auth-identity{min-height:280px;padding:30px}.auth-identity img{width:86px;height:86px;margin-bottom:12px}.auth-identity h1{font-size:28px}.auth-identity span{font-size:13px}.auth-identity-line{margin:14px auto;height:3px}.auth-identity h2{font-size:27px}.auth-form-side{min-height:auto;padding:26px 18px 40px}.auth-dialog{padding:26px!important}}

/* Interface manager */
.ui-manager-shell{display:grid;gap:18px}.ui-manager-toolbar,.ui-manager-panel{background:#fff;border:1px solid var(--v86-line);border-radius:16px;padding:18px;box-shadow:var(--v86-shadow)}
.ui-manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.ui-manager-toolbar h2{margin:0;font-size:26px}.ui-manager-actions{display:flex;gap:10px;flex-wrap:wrap}
.ui-manager-actions button{padding:9px 18px;border:1px solid #cfd7df;background:#fff;color:var(--v86-navy)}.ui-manager-actions .primary{background:var(--v86-navy);color:#fff;border-color:var(--v86-navy)}
.ui-manager-device-tabs{display:flex;gap:8px}.ui-manager-device-tabs button.active{background:var(--v86-navy);color:#fff}
.ui-card-editor-list{display:grid;gap:10px}.ui-card-editor{display:grid;grid-template-columns:42px minmax(180px,1fr) minmax(160px,.8fr) minmax(150px,.7fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #e0e5ea;border-radius:13px;background:#fafbfc}
.ui-drag-handle{cursor:grab;font-size:24px;text-align:center;color:#718096}.ui-card-icon-preview{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#eef2f6;color:var(--v86-navy)}.ui-card-icon-preview svg{width:24px;height:24px}
.ui-icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;margin-top:10px}.ui-icon-option{min-height:46px!important;padding:8px!important;background:#fff;border:1px solid #dbe1e8}.ui-icon-option.active{border-color:var(--v86-navy);box-shadow:0 0 0 2px rgba(16,37,63,.12)}
.ui-manager-preview{border:1px dashed #b8c2ce;border-radius:14px;padding:18px;background:#f4f6f8;min-height:180px}.ui-audit-list{display:grid;gap:8px}.ui-audit-row{display:flex;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid #edf0f3;font-size:16px}
.ui-preview-nav{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;max-width:100%;margin:auto;transition:max-width .2s}.ui-preview-card{display:flex;align-items:center;gap:8px;padding:11px;background:#fff;border-radius:10px;border:1px solid #dde3e9;color:var(--v86-navy);font-weight:800}.ui-preview-card svg{width:22px;height:22px;flex:none}.ui-manager-preview[data-device="tablet"] .ui-preview-nav{max-width:760px;grid-template-columns:repeat(2,1fr)}.ui-manager-preview[data-device="mobile"] .ui-preview-nav{max-width:380px;grid-template-columns:1fr}.ui-version-list button{min-height:36px;font-size:15px;padding:6px 12px;background:#fff;border:1px solid #ccd5de;color:var(--v86-navy)}
@media(max-width:1100px){.ui-card-editor{grid-template-columns:38px 1fr 1fr}.ui-card-editor .ui-card-visibility,.ui-card-editor .ui-card-actions{grid-column:auto}}
@media(max-width:650px){.ui-card-editor{grid-template-columns:36px 1fr}.ui-card-editor>*:not(.ui-drag-handle){grid-column:2}.ui-manager-toolbar{align-items:stretch}.ui-manager-actions{width:100%}}
.custom-card-shell{display:grid;gap:18px}.custom-card-form-panel,.custom-card-table-panel,.custom-kpi{background:#fff;border:1px solid var(--v86-line);border-radius:16px;padding:20px;box-shadow:var(--v86-shadow)}.custom-card-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.custom-card-form label{display:grid;gap:6px;font-size:17px;font-weight:800}.custom-card-form button{grid-column:1/-1}.custom-kpi{display:grid;place-items:center;min-height:130px}.custom-kpi span{font-size:18px;color:var(--v86-muted)}.custom-kpi strong{font-size:42px}.custom-card-table-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.custom-card-table-head h2{margin:0}.custom-card-table-head button{margin-inline-start:8px}.custom-card-table-panel table{width:100%;border-collapse:collapse;margin-top:14px}.custom-card-table-panel th,.custom-card-table-panel td{padding:10px;border:1px solid #e2e6eb}.custom-approve,.custom-delete{min-height:34px;font-size:15px;margin:2px}.custom-delete{color:#991b1b}
.ui-custom-builder{display:grid;gap:14px}.ui-custom-builder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ui-custom-builder-grid label{display:grid;gap:6px;font-weight:800}.ui-builder-fields{display:grid;gap:10px}.ui-builder-field{display:grid;grid-template-columns:1.2fr 150px 110px 1.5fr 1fr 1fr 130px 1fr auto;gap:8px;align-items:center;padding:12px;border:1px solid #e1e6eb;border-radius:12px;background:#fbfcfd}.ui-builder-field small{grid-column:1/-1;color:#64748b}.ui-trash-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid #edf0f3}.ui-custom-heading,.ui-builder-fields-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ui-custom-card-list{display:grid;gap:8px;margin:14px 0}.ui-custom-card-item{display:grid;grid-template-columns:minmax(240px,1fr) auto auto auto auto auto;gap:8px;align-items:center;padding:12px;border:1px solid #e0e5ea;border-radius:12px;background:#fff}.ui-custom-card-item>div{display:flex;align-items:center;gap:10px}.ui-custom-card-item svg{width:24px;height:24px}.ui-custom-card-item small{color:#64748b}.ui-builder-help{color:#64748b;font-size:14px}.ui-trash{margin-top:12px}.custom-card-form>.custom-section-tabs,.custom-card-form>.custom-form-section,.custom-card-form>button{grid-column:1/-1}.custom-form-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:1px solid #dfe5ea;border-radius:12px;padding:14px}.custom-form-section legend{font-weight:900;padding:0 8px}.custom-section-tabs{display:flex;gap:8px;flex-wrap:wrap}.custom-section-tab{background:#eef2f6;border:1px solid #d5dde5;border-radius:9px;padding:8px 14px}.custom-section-tab.active{background:var(--v86-navy);color:#fff}.custom-form-section[hidden]{display:none}
@media(max-width:1100px){.ui-builder-field{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-custom-card-item{grid-template-columns:1fr auto auto auto}.ui-custom-card-item>div{grid-column:1/-1}}
@media(max-width:800px){.custom-card-form,.ui-custom-builder-grid,.custom-form-section{grid-template-columns:1fr}.ui-builder-field{grid-template-columns:1fr 1fr}.ui-builder-field>*:last-child{grid-column:1/-1}.ui-custom-card-item{grid-template-columns:1fr 1fr}.ui-custom-card-item>div{grid-column:1/-1}}

/* Final contrast guard: primary actions must never inherit navy text. */
.ui-manager-actions .primary,#uiPublish,#uiNewCustomCard,.ui-manager-device-tabs button.active,
.custom-section-tab.active{background:var(--v86-navy)!important;color:#fff!important;border-color:var(--v86-navy)!important}
.ui-manager-actions .primary *,#uiPublish *,#uiNewCustomCard *,.ui-manager-device-tabs button.active *{color:inherit!important}
.ui-uploaded-icon{width:26px;height:26px;object-fit:contain;display:block;flex:none}
.ui-card-icon-preview .ui-uploaded-icon{width:28px;height:28px}.ui-preview-card .ui-uploaded-icon{width:22px;height:22px}
.ui-icon-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px;border:1px dashed #c7d0da;border-radius:10px;background:#fff}
.ui-icon-upload-row input[type="file"]{max-width:100%;font-size:15px!important}.ui-icon-upload-row small{color:#64748b}

/* Mobile navigation is a fixed, horizontally scrollable top strip. */
@media(max-width:980px){
  .v86-mobile-menu{display:none!important}
  .srca-nav{position:fixed!important;inset:0 0 auto 0!important;z-index:2147482000!important;width:100%!important;height:70px!important;min-height:70px!important;padding:8px 10px!important;display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;transform:none!important;transition:none!important;white-space:nowrap!important;scrollbar-width:thin;box-shadow:0 5px 18px rgba(16,37,63,.12)!important;border:0!important;border-bottom:1px solid #d9dee5!important}
  .srca-nav>.srca-nav-btn{display:flex!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:50px!important;padding:8px 14px!important;margin:0!important;gap:8px!important}
  .srca-nav>.srca-nav-btn.srca-permission-hidden,.srca-nav>.srca-nav-btn.srca-ui-hidden{display:none!important}
  .srca-nav .v86-nav-group,.srca-nav .srca-nav-spacer,.srca-nav .srca-nav-foot,.srca-nav .srca-user-box,.srca-nav .srca-nav-acts,.srca-nav .srca-upload-btn{display:none!important}
  .srca-nav-btn.active:before{right:10px!important;left:10px!important;top:auto!important;bottom:1px!important;width:auto!important;height:3px!important}
  .main-area{margin-right:0!important;padding-top:70px!important}
  .ops-header{margin-top:0!important;padding:12px 16px!important;min-height:74px!important;height:auto!important}
  .srca-connection-banner{top:70px!important;right:0!important}
  body.v86-nav-open:after{display:none!important}
}