/* Native theme surfaces; evidence canvases and photos retain their original pixels. */
[data-native-sales-view]{color:var(--ink)}
[data-native-sales-view] .panel{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}
[data-native-sales-view] form input,[data-native-sales-view] form select,[data-native-sales-view] form textarea{max-width:100%;min-width:0}
[data-native-sales-view] fieldset{min-width:0;border:1px solid var(--silver);border-radius:8px}
[data-native-sales-view] table{width:100%;border-collapse:collapse;color:var(--ink);background:var(--paper)}
[data-native-sales-view] th,[data-native-sales-view] td{padding:10px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
[data-native-sales-view] th{background:var(--tint);color:var(--ink)}
[data-native-sales-view] button:disabled{opacity:1;color:var(--muted);background:var(--soft)}
@media screen{
html.dt-glass .photo-zone .btn,html.dt-glass .thumb,html.dt-glass .thumb .tools button,html.dt-glass .region-tab,html.dt-glass .codechips button,html.dt-glass .customer-review{background:var(--paper);color:var(--ink);border-color:var(--silver)}
html.dt-glass .region-tab.active{background:var(--green);color:#fff}
html.dt-glass .policy-matrix,html.dt-glass .policy-matrix td{background:var(--paper);color:var(--ink)}
html.dt-glass .policy-matrix th{background:var(--green);color:#fff}
html.dt-glass .busy{background:#112019f5;color:var(--ink)}
}
@media(max-width:600px){
 [data-native-sales-view] .native-sales-main{padding:16px 12px!important;gap:16px!important}
 [data-native-sales-view] .panel,[data-native-sales-view] form{padding:14px!important}
 [data-native-sales-view] table{display:block;overflow-x:auto}
 .dt-continuation-group{max-width:100%}
}

/* Approved soft-green glass appearance; no workflow changes. */
@media screen {
html.dt-glass{--paper:#1c2224;--soft:#121719;--line:#414d4c;--silver:#667571;--ink:#f3f7f5;--muted:#bdcbc5;--tint:#1e3930;--green:#237c56;--deep:#a5ecc5;--radius:18px}
html.dt-glass body{background:radial-gradient(ellipse at 5% 0%,#3b805d50,transparent 48%),radial-gradient(ellipse at 98% 22%,#6fbf8e20,transparent 40%),#101517;background-attachment:scroll}
html.dt-glass .top{background:#1e2728d9;border-color:#a7c9bb35;box-shadow:0 10px 32px #0004,inset 0 1px #ffffff16;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html.dt-glass .jobcard,html.dt-glass [data-booking-summary],html.dt-glass .metric{background:linear-gradient(140deg,#2c3838df,#1a2024ed);border:1px solid #a7c9bb48;box-shadow:0 12px 28px #0003,inset 0 1px #c4f7d528,0 0 24px #65b98c0a;color:var(--ink)}
html.dt-glass .jobcard:hover{border-color:#9ddeb58c;box-shadow:0 12px 28px #0004,inset 0 1px #ffffff22}
html.dt-glass .card,html.dt-glass [data-native-sales-view] .panel{background:#1c2224;border-color:#556562;box-shadow:0 10px 30px #0003,inset 0 1px #ffffff12}
html.dt-glass input,html.dt-glass select,html.dt-glass textarea{background:#101819;color:#f5f8f6;border-color:#71817c}
html.dt-glass input:disabled,html.dt-glass input[readonly],html.dt-glass select:disabled,html.dt-glass textarea:disabled{background:#26302e;color:#c7d2cd}
html.dt-glass .btn,html.dt-glass .iconbtn{background:#293735;color:#f3f7f5;border-color:#788c82}
html.dt-glass .btn.primary{background:#237c56;color:#fff;border-color:#80cda5}
html.dt-glass .btn.quiet{background:transparent}
html.dt-glass .jobcard h3,html.dt-glass .jobcard p{color:var(--ink)}
html.dt-glass [data-native-sales-view] table,html.dt-glass .policy-matrix{background:#1c2224;color:var(--ink)}
html.dt-glass .stage-rail:has(.dt-continuation-group){position:static;top:auto;z-index:auto;background:transparent}
html.dt-glass .dt-continuation-group{background:#202b2b;border-color:#6b8175}
/* Status button fills, stage state colours, evidence images and signatures are inherited unchanged. */
html.dt-glass .footer-nav{background:#172220;border-color:#6b8175}
html.dt-glass :focus-visible{outline-color:#b3ffd2}
html.reduced-glass .top,html.reduced-glass .jobcard,html.reduced-glass [data-booking-summary],html.reduced-glass .metric{background:#20292a;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
@media(prefers-reduced-transparency:reduce){html.dt-glass .top,html.dt-glass .jobcard,html.dt-glass [data-booking-summary],html.dt-glass .metric{background:#20292a;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}}
@supports not (backdrop-filter:blur(1px)){html.dt-glass .top{background:#20292a}}
}
@media screen{html.dt-glass .diagram-card{background:#1c2224;color:var(--ink);border-color:#667571}html.dt-glass .diagram-card .source-label{color:#bdcbc5}html.dt-glass input::placeholder,html.dt-glass textarea::placeholder{color:#a8b8b1;opacity:1}}
/* Readable native Intake and retained forms; screen only, print remains unchanged. */
@media screen {
html.dt-glass .panel,html.dt-glass .current-stage,html.dt-glass .manual-actions{background:#1c2224;color:#f3f7f5;border-color:#556562}
html.dt-glass .panel .muted,html.dt-glass .panel .note,html.dt-glass .legend,html.dt-glass .footer-inner .save-status{color:#bdcbc5}
html.dt-glass .manual-table-wrap table,html.dt-glass [data-native-sales-view] table,html.dt-glass .warranty-table{background:#1c2224;color:#f3f7f5}
html.dt-glass .manual-table-wrap th,html.dt-glass [data-native-sales-view] th,html.dt-glass .warranty-table th{background:#293b34;color:#f3f7f5;border-color:#667571}
html.dt-glass .manual-table-wrap td,html.dt-glass [data-native-sales-view] td,html.dt-glass .warranty-table td{background:transparent;color:#f3f7f5;border-color:#556562}
html.dt-glass .manual-table-wrap tbody tr:hover,html.dt-glass [data-native-sales-view] tbody tr:hover,html.dt-glass .warranty-table tbody tr:hover{background:#2b4036;color:#f3f7f5}
html.dt-glass .manual-table-wrap tr[aria-selected=true],html.dt-glass [data-native-sales-view] tr[aria-selected=true],html.dt-glass .warranty-table tr[aria-selected=true]{background:#325340;color:#fff;outline:2px solid #a5ecc5;outline-offset:-2px}
}

@media screen {
html.dt-glass #root>header,html.dt-glass body.short-mode header{background:#202b2b;color:#f3f7f5;border-bottom:1px solid #667571}
html.dt-glass body.short-mode header img{background:#fff;border-radius:8px;padding:8px}
html.dt-glass .short-workspaces button,html.dt-glass .job-toolbar button,html.dt-glass #legacy-home,html.dt-glass .short-mode .actions>button{background:#293735;color:#f3f7f5;border-color:#788c82}
html.dt-glass .short-workspaces button.current{background:#325340;color:#fff;border-color:#a5ecc5}
html.dt-glass .short-workspaces button:disabled{opacity:1;background:#202728;color:#aab7b1;border-color:#4c5a55}
[data-native-sales-view] label:has(>input[type=checkbox]),[data-native-sales-view] label:has(>input[type=radio]){display:flex!important;align-items:center;justify-content:flex-start;gap:12px;min-height:44px;padding:8px 0;cursor:pointer}
[data-native-sales-view] input[type=checkbox],[data-native-sales-view] input[type=radio]{width:22px!important;height:22px;min-height:22px;flex:0 0 22px;margin:0;align-self:center;accent-color:#237c56}
.short-mode .footer-inner{flex-wrap:wrap}.short-mode .footer-inner button{min-height:44px}
}
@media screen {
html.dt-glass .short-mode .callout{background:#202b2b;color:#f3f7f5;border-color:#667571}
html.dt-glass .short-mode .muted,html.dt-glass .short-mode .eyebrow{color:#bdcbc5}
html.dt-glass .short-mode #notice:not(:empty){background:#293b34;color:#f3f7f5}
html.dt-glass .short-mode .footer-inner button:not(.primary){background:#293735;color:#f3f7f5;border-color:#788c82}
}
