/* Screen-only presentation. Document/PDF/print styles and financial logic stay independent. */
@media screen {
 :root{--fu-line:#dce6e8;--fu-ink:#173d45;--fu-shadow:0 12px 25px -18px #173d4555,0 3px 0 #e4ebec,inset 0 1px 0 #fff;--fu-soft-shadow:0 5px 14px -8px #173d4533,0 1px 2px #173d4508;--fu-focus:#4a8d80}
 #main:not(:has(.login-shell)){background:radial-gradient(ellipse at 0 0,#edf5f3 0,transparent 55%),#f5f7f8}
 #shell>#nav{border-right:1px solid #dce6e8;box-shadow:5px 0 20px -15px #173d4540;background:linear-gradient(155deg,#fff,#f9fbfb)}
 #nav .nav-footer{background:transparent}
 #nav .nav-scroll{padding-right:3px}
 #shell>#nav .nav{transition:background-color .16s ease,box-shadow .16s ease;color:#294b55}
 #shell>#nav .nav:hover{background:#eef4f3}
 #shell>#nav .nav.open{background:linear-gradient(135deg,#fff1f5,#fce6ed);color:#dc245a;box-shadow:inset 0 1px 0 #fff,0 3px 0 #f1d9e1,0 7px 13px -11px #b5295166}
 #nav .sub{border-radius:8px;color:#4c6570;transition:background-color .16s ease}
 #nav .sub:hover{background:#edf4f3}
 #nav .sub.active{color:#b5224d;background:#fff2f6;box-shadow:inset 3px 0 #ed3c70,0 2px 4px #173d4507}
 #nav .mode-picker{border:1px solid #dce6e8;border-radius:11px;box-shadow:inset 0 2px 3px #173d4508}
 #nav .mode-picker button.active,#nav .mode-picker button[aria-pressed=true]{box-shadow:0 3px 7px #173d4528}
 :is(#main,#dlg) :is(.card,section.box,.home-card,.client-card,.contact-term-card,.invoice-stat,.invoice-collection,.repair-summary,.sector-summary){border-radius:15px;border:1px solid var(--fu-line);box-shadow:var(--fu-shadow)}
 #main .box:has(>.box),#dlg fieldset>.box{box-shadow:var(--fu-soft-shadow)}
 #main :is(.job-metrics>div,.hm-metric,.pricing-summary .metric,.metrics>.metric){border-radius:12px;border:1px solid #e0e8ea;background:linear-gradient(145deg,#fff,#f5f9f9);box-shadow:var(--fu-shadow)}
 #main :is(.invoice-stat strong,.job-metrics strong,.hm-metric b){font-variant-numeric:tabular-nums;color:var(--fu-ink)}
 #main .invoice-stat{background:linear-gradient(155deg,#fff,#f9fbfc);border-top:3px solid #698f9c}
 #main .invoice-stat:nth-child(2){border-top-color:#56ab8d}
 #main .invoice-stat:nth-child(3){border-top-color:#d9b173}
 #main .invoice-collection{background:linear-gradient(145deg,#fff,#f6faf8)}
 #main .invoice-ring,#main .hm-ring{box-shadow:0 6px 16px #173d4512,inset 0 1px 0 #ffffff66}
 #main :is(.staff-avatar,.client-avatar>span,.home-greeting>span),#dlg .staff-avatar{box-shadow:0 5px 12px #173d4522,0 0 0 3px #fff}
 #main .vehicle-brand-logo{background:#fff;box-shadow:0 3px 8px #173d4514;border-radius:9px}
 #main .repair-detail .repair-card{box-shadow:var(--fu-shadow);border-radius:15px}
 #main .repair-detail .repair-card-tasks{border-top:3px solid #58998c}
 #main .repair-detail .repair-card-materials{border-top:3px solid #6892bd}
 #main .repair-detail .repair-card-hours{border-top:3px solid #b19462}
 #main .sector-heading{border-left:4px solid #2db786}
 #main .repair-request{box-shadow:var(--fu-soft-shadow)}
 #main .repair-summary{background:linear-gradient(135deg,#fff,#f8fbfb)}
 #main .job-layout .job-primary>section.box:nth-child(2){border-top:3px solid #58998c}
 #main .job-layout .job-primary>section.box:nth-child(3){border-top:3px solid #6892bd}
 #main .job-layout .job-primary>section.box:nth-child(4){border-top:3px solid #b19462}
 #main .module-card{background:linear-gradient(150deg,#fff,#f7fafb);border-radius:18px;box-shadow:var(--fu-shadow)}
 #main .module-card:has(input[role=switch]:checked){border-color:#a6c9bd;box-shadow:0 13px 24px -17px #29614d55,0 3px 0 #bad8cc,inset 0 1px 0 #fff}
 #main .module-art{filter:drop-shadow(0 7px 6px #173d451a)}
 #main .settings{background:transparent}
 #main .settings .setnav{border-right:1px solid var(--fu-line);box-shadow:5px 0 18px -15px #173d4544;background:linear-gradient(160deg,#fff,#fafcfc)}
 #main .setnav .active{background:#fff1f5;box-shadow:inset 3px 0 #ed3c70,0 3px 7px #173d4509;color:#ad234c}
 #main .setnav button:not(.setting-group):hover{background:#f0f5f4}
 :is(#main:not(:has(.login-shell)),#dlg) :is(.bar>button,.bar>.actions>button,.tools>button,.foot>button,.job-actions>button,.workshop-actions>button,.repair-summary-actions>button,.visible-doc-actions>button,.ops>button,.job-doc button){border-radius:9px;box-shadow:0 2px 0 #dce4e7,0 4px 8px -5px #173d4528;transition:box-shadow .15s ease,background-color .15s ease;border-color:#d7e1e4}
 :is(#main:not(:has(.login-shell)),#dlg) button.primary{background:linear-gradient(155deg,#ff3d77,#f32662);border:1px solid #ec245e;border-radius:9px;box-shadow:0 3px 0 #ce1c50,0 7px 13px -7px #ed286666;color:#fff;transition:box-shadow .15s ease,background-color .15s ease}
 :is(#main:not(:has(.login-shell)),#dlg) button.primary:hover:not(:disabled){background:linear-gradient(155deg,#ff5084,#e9235b);box-shadow:0 3px 0 #bd1948,0 9px 16px -7px #dc285e66}
 :is(#main:not(:has(.login-shell)),#dlg) button.primary:active:not(:disabled){box-shadow:0 1px 0 #bd1948,inset 0 2px 4px #a51c3e30}
 :is(#main:not(:has(.login-shell)),#dlg) button:focus-visible{outline:3px solid #4a8d80;outline-offset:3px}
 :is(#main,#dlg) :is(.job-link,.movement-link,.settings-select,.client-section-head button,.client-head button,.sales-client button,.lines button,.settings-close,button.x){box-shadow:none}
 :is(#main,#dlg) .tabs button{border-radius:9px}
 :is(#main,#dlg) .tabs button.on,#main .repair-tabs [aria-selected=true],#main .workshop-tabs button.active{box-shadow:0 3px 0 #dce6e7,0 5px 10px -6px #173d4533;background:#fff;color:#173d45}
 #main .repair-tabs{background:#eaf0f1;box-shadow:inset 0 1px 3px #173d4508}
 :is(#main:not(:has(.login-shell)),#dlg) :is(.grid>label:not(.check),.cfg-field:not(.check),.flow-fields>label,.contact-term-card label:not(.contact-term-switch)){border-radius:9px;border-color:#dce5e7;box-shadow:inset 0 1px 2px #173d4505;background-color:#fff;transition:border-color .15s ease,box-shadow .15s ease}
 :is(#main:not(:has(.login-shell)),#dlg) :is(.grid>label,.cfg-field,.flow-fields>label,.contact-term-card label):focus-within{border-color:var(--fu-focus);box-shadow:0 0 0 3px #dfeee8}
 :is(#main:not(:has(.login-shell)),#dlg) :is(input,select,textarea):focus-visible{outline-color:var(--fu-focus)}
 :is(#main,#dlg) .cfg-field.check input:before,:is(#main,#dlg) .contact-term-switch input:before{box-shadow:0 2px 4px #173d4526}
 #main :is(.listcard,.job-table,.simple-record-list) thead th,#dlg :is(.job-table,.lines) thead th{background:#f7fafb;color:#49616b;border-bottom-color:#dbe5e8}
 #main tbody tr[data-row]:hover,#main .job-table tbody tr:hover{background:#f0f7f5}
 #main tbody tr.selected{background:#e8f3ef}
 #main .pager{border-top-color:#e3eaec}
 #dlg{border:1px solid #ffffffbd;border-radius:20px;background:#f7f9fa;box-shadow:0 35px 95px #102c4560,0 9px 25px #102c4526,inset 0 1px 0 #fff}
 #dlg::backdrop{background:#102c4566;backdrop-filter:blur(2px)}
 #dlg.flow-form{background:linear-gradient(155deg,#fff,#f8fbfb);border-radius:20px}
 #dlg.contact-create,#dlg.contact-record-editor{border-radius:20px}
 #dlg .bar>button.x,#setbody .bar>button.settings-close{box-shadow:none;background:transparent;border-color:transparent}
 #dlg .sales-split section:not(:has(.paper)){border:1px solid var(--fu-line);box-shadow:var(--fu-soft-shadow);border-radius:13px}
 #dlg .sum:not(.paper .sum){border:1px solid #dce7e6;border-radius:12px;background:linear-gradient(145deg,#fff,#f0f7f4);padding:12px 16px;box-shadow:var(--fu-soft-shadow)}
 #dlg :is(.paper,.printview,.document-page),#dlg :is(.paper,.printview,.document-page) *{box-shadow:none}
 [role=menu],.settings-options{border-radius:12px;box-shadow:0 14px 35px #173d4526,0 2px 6px #173d4512}
 #notice:not(:empty){border:1px solid #ffffff35;border-radius:12px;background:#173d45;box-shadow:0 8px 24px #173d4533}
 @media(prefers-reduced-motion:reduce){#nav button,:is(#main,#dlg) button,:is(#main,#dlg) label{transition:none!important}}
}


/* Shared list treatment: tables, embedded lists and configuration records. */
@media screen {
 :is(#main,#dlg) table:not(:where(.lines,.paper *,.printview *,.document-page *,.report-sheet *,.job-print *)) {
  border-collapse:separate;border-spacing:0 8px;padding:0 2px 5px;
 }
 :is(#main,#dlg) table:not(:where(.lines,.paper *,.printview *,.document-page *,.report-sheet *,.job-print *)) > thead > tr > th {
  background:linear-gradient(180deg,#f5f9fa,#e5eef0);color:#294c56;border-top:1px solid #fff;border-bottom:2px solid #cbdcde;padding-top:14px;padding-bottom:14px;
  box-shadow:inset 0 1px 0 #fff,0 2px 3px #173d4510;
 }
 :is(#main,#dlg) table:not(:where(.lines,.paper *,.printview *,.document-page *,.report-sheet *,.job-print *)) > :is(tbody,tfoot) > tr {
  box-shadow:0 3px 0 #dce6e8,0 6px 10px -7px #173d4545;border-radius:10px;
 }
 :is(#main,#dlg) table:not(:where(.lines,.paper *,.printview *,.document-page *,.report-sheet *,.job-print *)) > :is(tbody,tfoot) > tr > td {
  background:linear-gradient(180deg,#fff,#f8fbfc);border-top:1px solid #e1e9eb;border-bottom:1px solid #cfdfe2;padding-top:13px;padding-bottom:13px;
  transition:background-color .15s ease,border-color .15s ease;
 }
 :is(#main,#dlg) table:not(:where(.lines,.paper *,.printview *,.document-page *,.report-sheet *,.job-print *)) > :is(thead,tbody,tfoot) > tr > :is(td,th):first-child {border-left:1px solid #dce6e8;border-radius:10px 0 0 10px;padding-left:12px}
 :is(#main,#dlg) table:not(:where(.lines,.paper *,.printview *,.document-page *,.report-sheet *,.job-print *)) > :is(thead,tbody,tfoot) > tr > :is(td,th):last-child {border-right:1px solid #dce6e8;border-radius:0 10px 10px 0;padding-right:12px}
 :is(#main,#dlg) table:not(:where(.lines,.paper *,.printview *,.document-page *,.report-sheet *,.job-print *)) > :is(thead,tbody,tfoot) > tr > :is(td,th):only-child {border-radius:10px}
 :is(#main,#dlg) table:not(:where(.lines,.paper *,.printview *,.document-page *,.report-sheet *,.job-print *)) > tbody > tr:is(:hover,:focus-within) > td {background:linear-gradient(180deg,#f5fcf9,#eaf5f1);border-top-color:#c3dfd5;border-bottom-color:#a9cec2}
 :is(#main,#dlg) table:not(:where(.lines,.paper *,.printview *,.document-page *,.report-sheet *,.job-print *)) > tbody > tr:is(.selected,:has(input[type=checkbox]:checked)) > td {background:linear-gradient(180deg,#e5f6ef,#d6ece3);border-top-color:#acd0be;border-bottom-color:#85b8a3}
 :is(#main,#dlg) table:not(:where(.lines,.paper *,.printview *,.document-page *,.report-sheet *,.job-print *)) > tfoot > tr > td {background:linear-gradient(180deg,#ecf4f5,#dfecee);font-weight:700}
 :is(#main,#dlg) table:not(:where(.lines,.paper *,.printview *,.document-page *,.report-sheet *,.job-print *)) td button:not(:where(.job-link,.record-link,.movement-link,.whatsapp-contact,.primary)) {border-radius:8px;box-shadow:0 2px 0 #dce6e8,0 4px 7px -5px #173d4538}
 :is(#main,#dlg) table .state-label {box-shadow:inset 0 1px 0 #ffffff40,0 2px 3px #173d4515}
 #main .listcard {background:linear-gradient(155deg,#fff,#fafcfc);box-shadow:0 16px 30px -20px #173d4570,0 4px 0 #dce6e8,inset 0 1px 0 #fff}
 #main .listcard .tools {padding-bottom:14px;border-bottom:1px solid #e4ecee}
 :is(#main,#dlg) .settings-row {margin-bottom:12px;border:1px solid #d9e5e7;border-radius:11px;background:linear-gradient(160deg,#fff,#f5f9fa);box-shadow:0 3px 0 #dce6e8,0 7px 12px -9px #173d4555;padding-top:10px;padding-bottom:10px;padding-right:12px}
 :is(#main,#dlg) .settings-row:hover {background:linear-gradient(160deg,#fff,#eaf5f1);border-color:#bcd6cd}
 :is(#main,#dlg) .settings-row:focus-within {outline:2px solid #73a495;outline-offset:2px}
 @media(prefers-reduced-motion:reduce){:is(#main,#dlg) table td{transition:none}}
}
@media screen {
 :is(#main,#dlg) .settings-row > span:first-child {padding-left:12px}
 #main :is(.job-task,.job-doc,.channel-row) {border:1px solid #dce6e8;border-radius:10px;padding:10px 12px;margin-bottom:9px;background:linear-gradient(160deg,#fff,#f7fafb);box-shadow:0 3px 0 #e1e9eb,0 5px 9px -7px #173d4538}
 #main .cleaning-visit {box-shadow:0 3px 0 #dce6e8,0 6px 12px -7px #173d4545}
 :is(#main,#dlg) :is(.paper,.printview,.document-page,.report-sheet,.job-print) .state-label {box-shadow:none}
}