@import url('data:text/css,');
:root{--ink:#202320;--muted:#73796e;--paper:#f5f6f2;--yellow:#edee53;--line:#e5e8df;--green:#28604c}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.5 'Segoe UI',Arial,sans-serif;background:var(--paper)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:8px;padding:10px 15px;color:var(--ink)}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #81ad96;outline-offset:2px}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#202722;color:#e7ebe3;padding:32px 22px}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:1px;font-size:13px}.brand>b{font-size:43px;letter-spacing:-5px;color:var(--yellow);line-height:1}.brand b span{color:#f6f8ed}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:1.6px;margin-top:5px;color:#a2ab9e}.navlabel{font-size:9px;letter-spacing:1.5px;color:#939d90;margin:54px 12px 15px}nav button{display:flex;gap:12px;align-items:center;width:100%;margin:5px 0;border:0;background:none;color:#b8c0b4;text-align:left;font-size:17px;padding:13px 12px}nav button span{font-size:13px}nav button.selected{background:var(--yellow);color:#242c21;font-weight:600}.aside-bottom{position:absolute;bottom:30px;font-size:12px;color:#dae0d6}.aside-bottom small{display:block;color:#8d9989;margin:9px 0 0 17px;line-height:1.8}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yellow);margin-right:7px}main{margin-left:235px}header{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fcfdf9}.breadcrumb{font-size:12px;color:#7a8075}.breadcrumb span{margin:0 13px;color:#b2b8aa}.session{display:flex;align-items:center;gap:12px;font-weight:700;color:#57714d}.session span{font-size:11px;color:#787f73;font-weight:400}.content{max-width:1550px;margin:auto;padding:26px 38px}.demo{font-size:9px;letter-spacing:1px;color:#746e33;border:1px solid #e7e3c7;padding:8px 12px;border-radius:6px;background:#faf9ed}.demo span{letter-spacing:0;margin-left:16px;font-size:11px}.heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 27px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#7d8672;font-weight:600}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.2;margin:8px 0}p{color:var(--muted);margin:8px 0}.primary{background:var(--yellow);border-color:var(--yellow);font-weight:650;padding:12px 20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.stat{padding:21px 23px;background:white;border:1px solid var(--line);border-radius:12px}.stat>span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:30px;letter-spacing:-.8px;margin:10px 0 5px;font-weight:600}.stat small{font-size:10px;color:#8a9282}.stat.accent{background:#eaf0e4}.stat.accent strong{color:#385e3d}.workspace{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px;gap:15px}h2{font-size:16px;margin:0;font-weight:650}.toolbar #count{font-size:11px;color:var(--muted)}.filters{display:flex;gap:8px}input,select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px 12px;min-width:0;color:var(--ink)}#search{width:245px;font-size:12px}#area{font-size:12px;max-width:180px}table{border-collapse:collapse;width:100%;text-align:left}th{background:#f8f9f5;color:#818876;font-size:9px;letter-spacing:1px;font-weight:600;padding:13px 20px;border-block:1px solid var(--line)}td{padding:18px 20px;border-bottom:1px solid #edf0e8;font-size:12px}td strong{display:block;font-size:12px;font-weight:600}td small{display:block;color:#8a9181;font-size:10px;margin-top:4px}.rowbutton{border:0;padding:0;background:none;text-align:left;color:#2b4030}.rowbutton:hover{text-decoration:underline}td.money{white-space:nowrap;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:5px 9px;font-size:10px;border-radius:5px;background:#eef1e9;color:#65705d;white-space:nowrap}.badge.PRODUCCION{background:#edf0fb;color:#626b9b}.badge.POSTPROCESO{background:#faf0e1;color:#9a722f}.badge.RECEPCION{background:#e4f0e7;color:#36724f}.badge.delivered{background:#edf0e9;color:#6a7862}.tablefooter{display:flex;justify-content:space-between;padding:16px 22px;color:#969c8e;font-size:10px;gap:15px}.flow{display:flex;align-items:center;gap:17px;margin:27px 3px;color:#8d9584;font-size:10px}.flow strong{color:#6f7966;margin-right:auto;font-size:11px}.flow i{font-style:normal;color:#b6bcae}.empty{padding:65px 25px;text-align:center;color:#839079}.empty strong{font-size:18px;display:block;color:#44563c}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#606b57}.wide{grid-column:1/-1}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:650px;max-width:95vw;max-height:90vh;color:var(--ink)}dialog::backdrop{background:#15231780;backdrop-filter:blur(3px)}.modalhead{position:relative;margin-bottom:25px}.modalhead h2{font-size:23px;letter-spacing:-.5px;margin-top:5px}.close{position:absolute;right:0;top:0;border:0;padding:0 8px;font-size:25px;background:transparent}.hint{font-size:11px;background:#f5f7ef;padding:12px;border-radius:6px;margin-top:20px}footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#detail{width:790px}.detailmeta{display:flex;gap:8px;margin:15px 0}.description{font-size:16px;color:#4c5844;margin-bottom:20px}.detailstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.detailstats div{background:#f5f7f0;border-radius:8px;padding:14px;font-size:11px;color:#7a8670}.detailstats b{display:block;font-size:23px;color:#354b2b;margin-top:4px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.payment{padding:18px;border:1px solid var(--line);border-radius:9px;margin:22px 0}.payment h3{margin:0 0 12px;font-size:14px}.payrow{display:flex;gap:8px}.payrow input{width:140px}.timeline{border-top:1px solid var(--line);padding-top:18px}.timeline h3{font-size:13px}.event{border-left:2px solid #dfe7d7;padding:3px 0 13px 15px;margin-left:4px;font-size:12px}.event small{display:block;color:#8b9582;font-size:10px}.event p{font-size:11px;margin:3px 0}.formerror{color:#ab413c;font-size:12px;margin:12px 0;white-space:pre-line}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#243c2b;color:#fff;padding:13px 22px;border-radius:9px;display:none;z-index:10;font-size:13px}#receipt{display:none}.creditconfirm{border:1px solid #e8d4ab;background:#fffaec;padding:15px;border-radius:8px}.creditconfirm label{display:block}.creditconfirm button{margin:10px 0 0}.scrolltable{overflow-x:auto}@media(max-width:1100px){aside{width:195px;padding:25px 14px}main{margin-left:195px}.content{padding:22px}.toolbar{align-items:flex-start;flex-direction:column}.flow{flex-wrap:wrap}.stats{gap:8px}.stat{padding:16px}.stat strong{font-size:25px}td,th{padding:15px 12px}}@media(max-width:700px){aside{position:static;width:auto;padding:12px}.brand,.navlabel,.aside-bottom{display:none}nav{display:flex;overflow:auto}nav button{min-width:140px}main{margin:0}header{height:50px;padding:0 20px}.stats{grid-template-columns:1fr 1fr}.heading{gap:12px}h1{font-size:28px}.filters{width:100%;flex-wrap:wrap}.demo span{display:block;margin:3px 0}.flow{display:none}.formgrid{grid-template-columns:1fr}.payrow{flex-wrap:wrap}.session span{display:none}.tablefooter{display:block}}@media print{body>*{display:none!important}body>#receipt{display:block!important;padding:30px;color:#000;background:white}#receipt h1{font-size:26px}#receipt table{margin-top:25px}#receipt td{font-size:13px}#receipt p{color:#333}dialog{display:none!important}}
.pricequote{background:#f5f7ee;border:1px solid #e1e7d4;padding:15px;border-radius:8px;font-size:12px;margin:16px 0}.pricequote>div{margin:7px 0}.pricequote small{display:block;color:#69755d;margin-top:6px}input[readonly]{background:#eef2e7;font-weight:700}
[hidden]{display:none!important}

[hidden]{display:none!important}.staff-login{max-width:520px;margin:40px auto;padding:32px}.staff-login label{display:grid;gap:8px;margin:20px 0}.session{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
#groupedNoteDialog,#groupedNotePreview{width:1050px}.note-check{flex-direction:row;align-items:center;gap:8px}.note-check input{flex-shrink:0}.grouped-document{background:#fff;padding:20px;color:#202320}.grouped-document td{vertical-align:top;overflow-wrap:anywhere}.grouped-document td:not(:first-child){font-variant-numeric:tabular-nums}.note-totals{max-width:400px;margin:25px 0 20px auto}.note-totals p{display:flex;justify-content:space-between;gap:20px}.note-balance{border-top:2px solid #202320;padding-top:10px;font-size:18px}.note-foot{font-size:11px}.note-demo{font-size:11px;letter-spacing:1px}.heading{flex-wrap:wrap;gap:12px}.heading>div{margin-right:auto}
@media print{@page{size:letter;margin:14mm}body>#receipt{padding:0}.grouped-document{padding:0}#receipt .grouped-document table{margin-top:15px;table-layout:fixed}#receipt .grouped-document th:first-child{width:40%}#receipt .grouped-document th,#receipt .grouped-document td{padding:8px 5px;font-size:10px}#receipt .grouped-document thead{display:table-header-group}#receipt .grouped-document tr{break-inside:avoid}.note-totals,.note-foot{break-inside:avoid}}
#salesDialog,#savedQuoteDialog{width:1080px}#quoteDialog{width:800px}.sales-grid{display:grid;grid-template-columns:270px 1fr;gap:24px}.sales-client{display:block;width:100%;text-align:left;margin:8px 0}.sales-client small{display:block;color:#73796e}#salesClients{max-height:65vh;overflow:auto}#salesCustomer h3{margin-top:25px}textarea{font:inherit;border:1px solid var(--line);border-radius:7px;padding:10px;resize:vertical}.quote-conditions{white-space:pre-wrap}#quoteDialog>label{margin:14px 0}@media(max-width:700px){.sales-grid{grid-template-columns:1fr}#salesClients{max-height:180px}}

.quote-status-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.quote-status-filters .selected{background:var(--yellow);border-color:var(--yellow);font-weight:600}#quotationCustomerDialog>label{margin:16px 0}#quotationsError{margin:12px 22px}#quotationsSearch{min-width:270px}
#groupPayDialog,#groupReceiptDialog{width:1060px}#groupPayFields>label{margin:15px 0}#groupPayOrders [data-payment-amount]{width:130px}#groupPayDialog details{margin-top:26px;border-top:1px solid var(--line);padding-top:16px}#groupPayDialog summary{cursor:pointer;font-weight:600}#groupPayHistory{max-height:300px;overflow:auto}
/* Personalitek: high contrast brand and shared print documents. */
:root{--ink:#171717;--muted:#595959;--paper:#f2f2f2;--yellow:#ffd000;--line:#d5d5d5;--green:#171717}
body{font-size:15px}aside{background:#111;color:white;border-right:4px solid var(--yellow)}.brand small,.navlabel,.aside-bottom small{color:#bdbdbd}.aside-bottom{color:#fff}nav button{color:#ddd}nav button:hover{background:#292929;color:#fff}nav button.selected{background:var(--yellow);color:#111}nav button span{font-size:14px}header{background:#fff}.breadcrumb,.session,.session span{color:#505050}.demo{background:#111;color:var(--yellow);border:0;font-size:11px}.demo span{color:white}.eyebrow{color:#585858;font-size:11px}.heading{margin:26px 0}h1{font-weight:750}button{font-weight:600;border-color:#bcbcbc;min-height:42px;transition:background .15s,box-shadow .15s}button:hover{box-shadow:0 2px 5px #0002}.primary{background:var(--yellow);color:#111;border-color:#d2aa00}.primary:hover{background:#f3c400}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b88500;outline-offset:3px}input,select,textarea{border-color:#aaa;font-size:14px}input[type=checkbox]{accent-color:#111;width:18px;height:18px}input[readonly]{background:#ededed;color:#222}label{color:#333;font-size:13px;font-weight:600}.stat{border-radius:10px;border-top:4px solid #111;box-shadow:0 2px 5px #00000008}.stat strong{color:#111;font-weight:750}.stat.accent{background:var(--yellow);border-color:#111}.stat.accent strong{color:#111}.stat>span,.stat small{color:#505050}.stat.accent>span,.stat.accent small{color:#222}.workspace{box-shadow:0 4px 18px #00000007}.toolbar{border-bottom:1px solid var(--line)}th{background:#202020;color:white;font-size:11px;letter-spacing:.5px;padding:14px 16px}td{font-size:13px;border-bottom:1px solid #ddd;padding:17px 16px}td strong{font-size:13px}td small{font-size:12px;color:#626262}tbody tr:hover{background:#f5f5f5}.rowbutton{color:#111;font-weight:700;min-height:36px}.badge{background:#ededed;color:#222;border:1px solid #bdbdbd;font-size:11px;font-weight:700}.badge.ARMADO{background:#fff;color:#111;border:2px solid #111}.badge.PRODUCCION{background:#111;color:#ffd000;border-color:#111}.badge.POSTPROCESO{background:#ffd000;color:#111;border-color:#bd9900}.badge.RECEPCION{background:#fff;color:#111;border:2px solid #bd9900}.badge.delivered{background:#444;color:#fff;border-color:#444}.tablefooter,.flow,.flow strong,.flow i{color:#585858;font-size:12px}.empty,.empty strong{color:#555}.hint,.pricequote{background:#f1f1f1;border:1px solid #ccc;border-left:4px solid #e6ba00;color:#333;font-size:13px}.pricequote small{color:#555}.description{color:#222}.detailstats div{background:#ededed;color:#555}.detailstats b{color:#111}.detailstats div:last-child{background:#ffd000;color:#222}.event{border-color:#d0aa00}.event small{color:#666}.event p{font-size:12px}.creditconfirm{background:white;border:2px solid #b88500}.formerror{color:#ad1720;font-size:13px}#toast{background:#111;border-left:5px solid #ffd000;z-index:100}.sales-client small{color:#595959}.sales-client:hover{border-color:#111}.sales-client:focus{border-color:#111}.detailmeta{flex-wrap:wrap}dialog{box-shadow:0 20px 80px #0004;border-radius:12px;border-top:5px solid #ffd000}dialog::backdrop{background:#0009}.modalhead{padding-right:32px}dialog footer{position:sticky;bottom:-28px;background:white;padding:15px 0;border-top:1px solid #ddd;z-index:1}.close{min-width:38px}.staff-login{border-top:5px solid #ffd000;background:white;border-radius:12px;box-shadow:0 8px 30px #0001}#search{font-size:14px;width:280px}#area{font-size:14px}#count{display:block;margin-top:5px}
.grouped-document{color:#111;padding:28px;background:white;border:1px solid #ccc;font-size:13px;line-height:1.5}.document-brand{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#111;color:white;border-bottom:7px solid #ffd000;padding:24px;margin:-28px -28px 20px}.document-brand h1{font-size:28px!important;letter-spacing:1px;margin:5px 0 0;color:#ffd000}.document-kicker{font-size:9px;letter-spacing:1.8px;color:white}.document-type{text-align:right;font-size:17px;font-weight:700;max-width:48%}.document-type strong{display:block;font-size:11px;overflow-wrap:anywhere;margin-top:6px;color:#fff}.note-demo{font-size:10px;font-weight:650;color:#555;letter-spacing:1px}.grouped-document p{color:#444}.document-client{padding:12px 0 18px;border-bottom:1px solid #ccc}.document-client>b{font-size:10px;letter-spacing:1px;color:#555}.document-client h2{font-size:20px}.order-breakdown{margin-top:24px}.order-caption{display:flex;justify-content:space-between;gap:12px;background:#e9e9e9;border-left:5px solid #ffd000;padding:10px 12px;font-size:12px}.order-caption span{white-space:nowrap}.order-breakdown h3{font-size:15px;margin:12px 0 4px}.order-specs{font-size:12px}.grouped-document table{margin:14px 0 0;table-layout:fixed}.grouped-document th{font-size:10px;background:#222;color:white;padding:10px 8px}.grouped-document th:first-child{width:43%}.grouped-document td{font-size:12px;padding:10px 8px;vertical-align:top;overflow-wrap:anywhere}.grouped-document th:not(:first-child),.grouped-document td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.grouped-document .quote-job td{text-align:left;background:#e9e9e9;border-left:4px solid #ffd000}.grouped-document small{font-size:11px;color:#555}.document-calculation,.document-warning{font-size:11px;margin-top:10px!important}.document-warning{border-left:3px solid #b88500;padding-left:9px}.order-subtotals{display:flex;justify-content:flex-end;gap:15px;flex-wrap:wrap;border-bottom:2px solid #222;padding:12px 0;font-size:11px}.order-subtotals b{display:block;font-size:13px}.note-totals{max-width:360px;border-top:3px solid #111;padding-top:8px}.note-totals p{padding:5px 10px;margin:0}.note-totals p:last-child{background:#ffd000;color:#111;font-size:17px;padding:12px 10px;font-weight:700}.note-balance{border:0}.note-foot{border-top:1px solid #bbb;margin-top:24px!important;padding-top:12px;font-size:10px!important;line-height:1.6}.quote-conditions{border-left:3px solid #ffd000;padding:8px 12px}.grouped-document h3{font-size:14px}
@media(max-width:700px){.content{padding:18px 12px}.heading>button{flex:1 1 150px}.heading>div{flex-basis:100%}header{height:auto;min-height:60px;padding:10px 15px}.breadcrumb{display:none}.stats{gap:10px}.stat strong{font-size:24px}.filters>*{flex:1 1 140px}#search,#quotationsSearch{width:100%;min-width:0}dialog{padding:18px}dialog footer{bottom:-18px;flex-wrap:wrap}.grouped-document{padding:15px}.document-brand{margin:-15px -15px 16px;padding:16px;flex-wrap:wrap}.document-brand h1{font-size:23px!important}.document-type{max-width:100%;text-align:left}.order-caption{flex-wrap:wrap}.grouped-document td{font-size:11px}.detailstats b{font-size:20px}.order-subtotals{justify-content:flex-start}.session{font-size:12px}nav button{min-width:155px}.aside-bottom{display:none}}
@media print{@page{size:letter;margin:13mm}body{background:#fff;font-size:11px}body>#receipt{padding:0}.grouped-document{border:0;padding:0;font-size:11px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.document-brand{margin:0 0 18px;padding:18px 20px;break-inside:avoid}.document-brand h1{font-size:26px!important}.document-type{font-size:15px}#receipt .grouped-document table{margin-top:10px;table-layout:fixed}#receipt .grouped-document th:first-child{width:43%}#receipt .grouped-document th{background:#222!important;color:white!important}#receipt .grouped-document th,#receipt .grouped-document td{padding:9px 7px;font-size:10px}#receipt .grouped-document thead{display:table-header-group}#receipt .grouped-document tr{break-inside:avoid}.order-caption,.order-breakdown h3,.order-specs{break-after:avoid}.order-subtotals,.note-totals,.document-client,.document-calculation{break-inside:avoid}.note-totals{width:330px}.note-foot{font-size:9px!important}#receipt .document-brand h1{color:#ffd000}#receipt .document-kicker{color:white}.order-breakdown{margin-top:20px}.grouped-document tbody tr:hover{background:transparent}}

header{height:auto;min-height:75px;padding-top:12px;padding-bottom:12px;gap:18px}.session{justify-content:flex-end}.session button{font-size:12px;padding:8px 10px}#singleNotePreview{width:1000px}.grouped-document .quote-job td{text-align:left!important}

.customer-history{margin-top:24px;border-top:1px solid var(--line);padding-top:15px}.customer-history summary{cursor:pointer;font-weight:700;margin-bottom:15px}
.payment-entry{padding:14px 0;border-bottom:1px solid var(--line)}.payment-entry small{display:block;color:var(--muted)}.payment-entry .actions{margin:10px 0 0}.badge.cancelled{background:#444;color:#fff;border-color:#444}#financeDialog{width:740px}#financeForm>label{margin-top:18px}#financeSummary p{color:#333}
#cashClosingDialog,#cashSavedDialog{width:1100px}#cashCountForm{margin-top:24px}#cashHistory{max-height:260px;overflow:auto}#cashMovements{max-height:400px;overflow:auto}nav{max-height:calc(100vh - 260px);overflow-y:auto}@media(max-width:700px){nav{max-height:none}}
#backupInfo{overflow-wrap:anywhere}#backupDialog{width:800px}

.daily-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:620px}.daily-actions[hidden]{display:none}.stat-link{text-align:left;display:flex;flex-direction:column;align-items:flex-start;width:100%;cursor:pointer}.stat-link:hover{border-color:#111;box-shadow:0 3px 12px #0002}.stat-open{margin-top:10px;font-weight:700}.next-step{border-left:5px solid #ffd000;background:#171717;color:white;padding:14px 16px;margin:18px 0}.next-step strong{color:#ffd000}.next-step p{margin:7px 0 0;color:white;font-size:13px}.next-step-label{display:block;max-width:180px;margin-bottom:8px;color:#333;font-weight:650}.customer-history>.timeline{margin-top:12px}@media(max-width:700px){.daily-actions{width:100%;max-width:none;justify-content:flex-start}.daily-actions button{flex:1 1 150px}.stat-link{min-width:0}.stat-link strong{font-size:23px}}

#technicalDialog,#technicalEditor{width:900px}.technical-card{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left;margin:10px 0;padding:16px;border-left:5px solid #ffd000}.technical-card small{color:#555}#technicalForm fieldset{border:0;padding:0;min-width:0}#technicalForm fieldset:disabled{opacity:1}#technicalForm fieldset:disabled input,#technicalForm fieldset:disabled select{color:#333;background:#eee}

#areaCaptureDialog,#areaCaptureEditor{width:920px}#areaCaptureEditor label{margin-top:12px}#areaCaptureEditor input:disabled{color:#444;background:#eee}

.document-tax-notice{font-size:13px;line-height:1.5;border-left:4px solid #ffd000;padding:8px 12px;color:#171717;background:#fff;break-after:avoid}
.delivery-fields{border:1px solid #777;margin:16px 0;padding:14px}.delivery-label{font-weight:700;margin-top:8px}.delivery-late{color:#b00020}.delivery-today{background:#ffd000;color:#111;padding:3px 6px}.delivery-detail{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:12px 0}

/* Keep long material names inside the capture dialogs. */
dialog .formgrid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}dialog .formgrid>*{min-width:0}dialog .formgrid select{max-width:100%;min-width:0}
@media(max-width:700px){dialog .formgrid{grid-template-columns:minmax(0,1fr)}dialog .material-picker{grid-template-columns:minmax(0,1fr)!important}}

.practice-banner{position:sticky;top:0;z-index:100;background:#ffd000;color:#111;padding:12px;text-align:center;font-weight:800;border-bottom:3px solid #111} @media print{#receipt:before{content:"PRUEBA - SIN VALIDEZ COMERCIAL";display:block;font-size:22px;font-weight:bold}}

/* Official Personalitek identity */
.brand .brand-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.welcome-brand{background:#111;border-radius:12px;padding:16px;text-align:center;margin-bottom:20px;border-bottom:4px solid #fff000}
.welcome-brand img{display:block;width:176px;height:160px;object-fit:contain;margin:auto}
.document-logo-panel{background:#fff;padding:12px 14px;border-radius:4px;max-width:65%;box-sizing:border-box}
.document-logo{display:block;width:300px;max-width:100%;height:auto}
.document-logo-panel .document-kicker{display:block;color:#222;margin-top:8px;font-size:9px;letter-spacing:1px}
@media(max-width:520px){.document-logo-panel{max-width:100%}.document-brand{flex-wrap:wrap;gap:12px}}
@media print{.document-logo-panel{background:#fff!important}.document-logo{width:280px}}

.material-group th{background:#171717;color:#ffe600;padding:12px 16px;text-align:left;border-left:5px solid #ffe600;font-size:14px}.material-spec{display:block;margin-top:6px;font-weight:600;color:#222;white-space:normal}

.password-field{display:flex;align-items:stretch;position:relative;width:100%}
.password-field input{min-width:0;width:100%;padding-right:52px;box-sizing:border-box}
.password-field .password-eye{position:absolute;right:3px;top:3px;bottom:3px;width:44px;min-height:36px;padding:6px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#222;border-radius:6px;cursor:pointer}
.password-field .password-eye:hover,.password-field .password-eye[aria-pressed="true"]{background:#ffe600;color:#111}
.password-field .password-eye:focus-visible{outline:2px solid #111;outline-offset:-2px}

/* Semantic action colors. Brand/navigation and payment actions keep yellow/black. */
:root{--action-complete:#15803d;--action-notify:#1d4ed8;--action-correct:#c2410c;--action-cancel:#b91c1c}
button:is([data-action="advance"],[data-action="deliver"],#credit,#confirmCredit,.action-complete,#technicalApprove,#technicalResolve,#areaKeep,#technicalForm [name="send"]){--action-color:var(--action-complete)}
button[data-action="notify"]{--action-color:var(--action-notify)}
button:is(#adjustPrice,[data-finance="correct_payment"],[data-finance="refund_payment"],.action-correct,#technicalReturn,#areaReturn,#editCustomerForm [type="submit"]){--action-color:var(--action-correct)}
button:is([data-finance="cancel_order"],.action-cancel,#areaDiscard){--action-color:var(--action-cancel)}
button:is([data-action="advance"],[data-action="deliver"],[data-action="notify"],#credit,#confirmCredit,.action-complete,.action-correct,.action-cancel,#technicalApprove,#technicalResolve,#areaKeep,#technicalForm [name="send"],#adjustPrice,[data-finance],#technicalReturn,#areaReturn,#areaDiscard,#editCustomerForm [type="submit"]){background:var(--action-color);border-color:var(--action-color);color:#fff}
button:is([data-action],#credit,#confirmCredit,.action-complete,.action-correct,.action-cancel,#technicalApprove,#technicalResolve,#areaKeep,#technicalForm [name="send"],#adjustPrice,[data-finance],#technicalReturn,#areaReturn,#areaDiscard,#editCustomerForm [type="submit"]):hover{background:var(--action-color);filter:brightness(.9)}
button:focus-visible{outline:3px solid #111;outline-offset:3px}

/* Priorities per workstation. */
.pending-workspace{background:#fff;border:1px solid #d5d5d5;border-top:5px solid #ffd000;border-radius:12px;padding:22px;margin-bottom:24px}.pending-workspace h2{font-size:22px}.pending-workspace>p{color:#444}.pending-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:18px}.pending-cards button{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:8px;border-left:4px solid #111;background:#f6f6f6}.pending-cards strong{font-size:28px}.pending-cards small{font-size:12px;color:#444}.pending-workspace h3{font-size:16px;margin-top:22px}.pending-workspace ul{list-style:none;margin:0;padding:0}.pending-workspace li{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #ddd;padding:12px 0}.pending-workspace li span{display:block;color:#555}.pending-workspace li button{flex-shrink:0}@media(max-width:700px){.pending-workspace{padding:16px}.pending-workspace li{align-items:flex-start;flex-direction:column}.pending-cards{grid-template-columns:minmax(0,1fr)}}
/* Keep practice notice clear without covering the workshop identity. */
@media(min-width:701px){body:has(.practice-banner) aside{top:50px;padding-top:24px}.practice-banner{height:50px;display:flex;align-items:center;justify-content:center;font-size:14px}}
#detailBody>.actions{position:sticky;top:-28px;z-index:3;background:#fff;padding:12px 0;border-bottom:1px solid #ddd}#detailBody>.actions button{flex:0 1 auto}@media(max-width:700px){#detailBody>.actions{top:-18px}#detailBody>.actions button{flex:1 1 140px}}

/* Internal rework forms */
#rwDialog{width:760px;max-width:calc(100vw - 32px)}#rwDialog form>label{display:flex;flex-direction:column;gap:6px;margin:16px 0}#rwDialog textarea{min-height:80px}#rwDialog details{margin:22px 0}#rwDialog p{overflow-wrap:anywhere}

/* Distinct production stages, with text labels in addition to color. */
.production-state{display:inline-block!important;padding:5px 9px;margin-top:6px;border-radius:5px;font-weight:700;color:#fff!important}
.production-state.state-PENDIENTE{background:#4b5563}.production-state.state-PROCESANDO{background:#1565c0}.production-state.state-IMPRIMIENDO{background:#7138a8}.production-state.state-HOLD{background:#a84400}
button.production-action.step-start_processing{background:#1565c0!important;color:#fff!important;border-color:#1565c0!important}
button.production-action.step-start_printing{background:#7138a8!important;color:#fff!important;border-color:#7138a8!important}
button.production-action.step-advance{background:#14813b!important;color:#fff!important;border-color:#14813b!important}
.next-step[data-production-state=PROCESANDO]{border-left:6px solid #1565c0}.next-step[data-production-state=IMPRIMIENDO]{border-left:6px solid #7138a8}
#areaCorrectionDialog{width:650px;max-width:calc(100vw - 32px)}#areaCorrectionDialog label{display:flex;flex-direction:column;gap:6px;margin:12px 0}

.badge.RECEPCION{background:#14813b!important;color:#fff!important}.badge.POSTPROCESO{background:#a84400!important;color:#fff!important}.badge.delivered{background:#115e59!important;color:#fff!important}

/* Private dashboard balance: independent reveal and navigation controls. */
.balance-private .balance-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.balance-private .balance-eye{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;background:transparent;color:#111;border:1px solid #111;border-radius:8px;cursor:pointer}
.balance-private .balance-eye:hover{background:#fff3}
.balance-private .balance-eye:focus-visible,.balance-private .balance-orders:focus-visible{outline:3px solid #111;outline-offset:3px}
.balance-private .balance-orders{display:block;width:auto;margin-top:8px;padding:4px 0;background:transparent;color:#111;border:0;text-align:left;font-size:inherit;cursor:pointer}
.balance-private .balance-orders:hover{text-decoration:underline}

/* Readable worklists shared by reception and every production area. */
#list table th{font-size:12px;letter-spacing:.4px;padding:15px 18px}
#list table td{font-size:15px;line-height:1.5;padding:20px 18px;border-bottom:1px solid #c7c7c7}
#list table td:first-child{min-width:240px}
#list .rowbutton{font-size:18px;line-height:1.4;color:#111;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#list .rowbutton strong,#list td:first-child>strong{font-size:18px;font-weight:750;line-height:1.4;color:#111;overflow-wrap:anywhere}
#list td small{display:block;font-size:14px;line-height:1.5;color:#333;margin-top:6px;white-space:normal;overflow-wrap:anywhere}
#list td:first-child>small:first-of-type{font-size:15px;color:#222;margin-top:7px}
#list td:nth-child(2)>small{font-size:15px;font-weight:650;color:#222}
#list .badge{font-size:12px;line-height:1.5;padding:6px 10px}
#list .next-step-label{font-size:14px;line-height:1.4}
#list td button:not(.rowbutton){font-size:14px;min-height:44px}
#list .rowbutton:focus-visible{outline:3px solid #111;outline-offset:4px}
.pending-workspace li strong{font-size:18px;line-height:1.4;color:#111}
.pending-workspace li span{font-size:15px;line-height:1.5;color:#333;margin-top:5px;overflow-wrap:anywhere}
@media(max-width:700px){#list table td,#list table th{padding:16px 12px}#list table td:first-child{min-width:210px}#list .rowbutton,#list .rowbutton strong,#list td:first-child>strong{font-size:17px}}

/* Easy-to-find grouped notes, beside the search and in the heading. */
button.note-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#111;color:#fff;border:2px solid #111;border-bottom:4px solid #ffd000;font-size:15px;font-weight:700;min-height:48px;padding:10px 15px;white-space:normal}
button.note-shortcut svg{flex-shrink:0;color:#ffd000}
button.note-shortcut:hover{background:#292929;filter:none}
button.note-shortcut:focus-visible{outline:3px solid #111;outline-offset:3px}
.toolbar .filters{flex-wrap:wrap;justify-content:flex-end;align-items:center}
#groupedNoteShortcut{flex:0 0 auto}
@media(max-width:1100px){.toolbar .filters{justify-content:flex-start}}
@media(max-width:700px){#groupedNoteShortcut{flex:1 1 100%;width:100%}}

.ready-sound-toggle{font-size:14px;min-height:44px;border:2px solid #111;color:#111;background:#fff}
.ready-sound-toggle[aria-pressed="true"]{background:#111;color:#ffd000}

.customer-duplicates{border:2px solid #111;border-left:6px solid #ffd000;padding:16px;margin-top:16px;background:#fff;color:#111}
.customer-duplicates h3{margin:0;font-size:18px}.customer-duplicates p{color:#222;overflow-wrap:anywhere}.customer-duplicates>div{border-top:1px solid #ccc;padding:10px 0}.customer-duplicates>label{display:block;color:#111;font-size:14px;margin-top:14px}.customer-duplicates input{margin-right:6px}

.delivery-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.delivery-shortcuts button{min-height:42px;font-weight:650;border-color:#111}.delivery-shortcuts [data-quick-delivery="today"]{background:#ffd000;color:#111}

.delivery-time-picker>span{display:block;font-size:12px;margin-bottom:6px}.delivery-clock{display:flex;align-items:center;gap:6px}.delivery-clock select{flex:1;min-width:0;padding:10px 7px}.delivery-time-steps{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.delivery-time-steps button{font-size:12px;padding:8px;min-height:38px;border-color:#777}


.customer-search-results { max-height:240px; overflow-y:auto; display:grid; gap:5px; }
.customer-search-result { width:100%; text-align:left; padding:10px 12px; background:#fff; border:1px solid #aaa; }
.customer-search-result strong { display:block; font-size:16px; color:#111; }
.customer-search-result small { display:block; margin-top:4px; font-size:14px; color:#444; }
.customer-search-result:hover,.customer-search-result:focus-visible { background:#fff8cf; outline:2px solid #a57b00; }
.customer-search-status { font-size:14px; line-height:1.4; margin:8px 0; overflow-wrap:anywhere; }


/* Reception pilot. Scope keeps production screens and printed documents intact. */
@media screen {
body.reception-pilot { background:#f3f4f6; color:#202329; }
.reception-pilot .content { max-width:1600px; padding:24px 30px; }
.reception-pilot .heading { display:grid; grid-template-columns:minmax(220px,1fr) auto; gap:14px 24px; margin:26px 0 22px; align-items:center; }
.reception-pilot .heading h1 { font-size:30px; letter-spacing:-.6px; margin:5px 0 8px; }
.reception-pilot .heading #subtitle { font-size:14px; color:#505762; }
.reception-pilot .daily-actions { display:grid; grid-template-columns:repeat(2,minmax(180px,1fr)); max-width:none; gap:9px; }
.reception-pilot .daily-actions button { min-height:46px; margin:0; justify-content:center; font-size:14px; }
.reception-pilot .ready-sound-toggle { grid-column:1/-1; justify-self:end; font-size:12px; padding:7px 12px; min-height:36px; background:#fff; border:1px solid #bfc5ce; }
.reception-pilot .pending-workspace { border:1px solid #dce0e6; border-radius:14px; padding:20px; margin-bottom:18px; box-shadow:0 2px 5px #14203005; }
.reception-pilot .pending-workspace h2 { font-size:19px; margin:0 0 4px; }
.reception-pilot .pending-workspace>p { font-size:13px; color:#555e6a; margin:0; }
.reception-pilot .pending-cards { margin-top:15px; gap:12px; }
.reception-pilot .pending-cards button { display:grid; grid-template-columns:1fr auto; gap:5px 12px; padding:15px 16px; background:white; border:1px solid #d9dfe7; border-left:4px solid #c48a00; border-radius:9px; }
.reception-pilot .pending-cards button span { font-size:15px; font-weight:650; }
.reception-pilot .pending-cards strong { grid-column:2; grid-row:1/3; align-self:center; font-size:29px; line-height:1.1; }
.reception-pilot .pending-cards small { grid-column:1; line-height:1.5; color:#535c67; }
.reception-pilot .pending-cards .pending-ready { border-left-color:#16804b; }
.reception-pilot .pending-cards .pending-review { border-left-color:#356ab0; }
.reception-pilot #stats { gap:12px; margin-bottom:22px; }
.reception-pilot #stats .stat { border:1px solid #dce0e6; border-radius:10px; padding:15px 18px; box-shadow:none; min-width:0; }
.reception-pilot #stats .stat>span { color:#444c57; font-size:13px; }
.reception-pilot #stats .stat strong { font-size:27px; margin:7px 0; }
.reception-pilot #stats .stat.accent { background:#fff9db; border:1px solid #e3cf70; }
.reception-pilot .reception-orders { border:1px solid #d9dfe6; border-radius:14px; overflow:hidden; background:#fff; }
.reception-pilot .reception-orders>.toolbar { display:flex; flex-wrap:wrap; gap:16px; align-items:center; padding:20px; border-bottom:1px solid #e2e5ea; }
.reception-pilot .reception-orders .toolbar>div:first-child h2 { font-size:20px; margin:0; }
.reception-pilot .reception-orders .filters { display:flex; flex-wrap:wrap; justify-content:flex-start; width:100%; gap:8px; }
.reception-pilot .reception-orders #search { flex:1 1 260px; width:auto; min-width:180px; background:#f8f9fb; }
.reception-pilot .reception-orders .filters input,.reception-pilot .reception-orders .filters select,.reception-pilot .reception-orders .filters button { min-height:44px; }
.reception-pilot #groupedNoteShortcut { order:10; margin-left:auto; }
.reception-pilot #list th { background:#292d33; padding:13px 16px; font-size:11px; letter-spacing:.5px; }
.reception-pilot #list td { padding:18px 16px; border-bottom:1px solid #e5e8ed; vertical-align:middle; }
.reception-pilot #list tbody tr:hover { background:#fafbfc; }
.reception-pilot #list td:first-child strong { font-size:18px; line-height:1.35; }
.reception-pilot #list td small { margin-top:5px; line-height:1.5; }
.reception-pilot #list .order-creator { color:#626b78; font-size:12px; }
.reception-pilot #list .next-step-label { color:#4b5563; font-size:12px; }
.reception-pilot #list .badge { padding:6px 9px; border-radius:6px; line-height:1.3; }
.reception-pilot .tablefooter { padding:14px 20px; background:#fafbfc; }
.reception-pilot button:disabled { cursor:not-allowed; }
.reception-pilot button:focus-visible,.reception-pilot input:focus-visible,.reception-pilot select:focus-visible { outline:3px solid #997100; outline-offset:3px; }
.reception-pilot #create { width:760px; max-width:calc(100vw - 32px); padding:26px; }
.reception-pilot #create .formgrid { gap:18px 20px; }
.reception-pilot #create label { font-size:14px; line-height:1.5; color:#303844; }
.reception-pilot #create input,.reception-pilot #create select { min-height:46px; margin-top:6px; }
.reception-pilot #create fieldset { padding:18px; border:1px solid #d7dde5; border-radius:10px; margin-top:18px; }
.reception-pilot #create legend { font-weight:700; padding:0 8px; }
@media(max-width:1000px){
 .reception-pilot .heading { grid-template-columns:1fr; }
 .reception-pilot .daily-actions { grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
 .reception-pilot #stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px){
 .reception-pilot .content { padding:18px 12px; }
 .reception-pilot .pending-cards { grid-template-columns:1fr; }
 .reception-pilot #groupedNoteShortcut { width:100%; margin-left:0; }
 .reception-pilot #create { padding:18px; }
 .reception-pilot .daily-actions button { font-size:13px; padding:10px; }
}
.reception-pilot [hidden] { display:none!important; }
}


@media screen {
.reception-pilot #detail { width:920px; max-width:calc(100vw - 32px); }
.reception-pilot #detail .modalhead h2 { font-size:25px; margin-top:8px; }
.reception-pilot #detail .financial-summary { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin:20px 0 16px; }
.reception-pilot #detail .financial-summary>div { grid-column:span 2; background:#f3f5f8; border:1px solid #dce1e8; border-radius:10px; padding:14px 16px; }
.reception-pilot #detail .financial-summary>div:nth-last-child(-n+2) { grid-column:span 3; }
.reception-pilot #detail .financial-summary span { font-size:13px; color:#485260; }
.reception-pilot #detail .financial-summary b { font-size:25px; margin-top:6px; }
.reception-pilot #detail .financial-summary .summary-total { background:#eaf0f8; border-color:#bdcce0; }
.reception-pilot #detail .financial-summary .summary-balance { background:#fff4b9; border-color:#d9b73f; }
.reception-pilot #detail .payment-prominent { border:1px solid #cbd4df; border-left:4px solid #177b4b; background:#fff; padding:18px; border-radius:10px; margin:16px 0 20px; }
.reception-pilot #detail .payment-prominent h3 { font-size:19px; margin:0 0 12px; }
.reception-pilot #detail .payrow { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.reception-pilot #detail .payrow input { flex:1 1 130px; min-width:100px; }
.reception-pilot #detail .payrow select { flex:1 1 180px; }
.reception-pilot #detail .payrow button { background:#167747; border-color:#167747; color:white; }
.reception-pilot #detail .order-management,.reception-pilot #detail .saved-price-details { border:1px solid #dce1e8; border-radius:9px; padding:13px 16px; margin:12px 0; }
.reception-pilot #detail summary { cursor:pointer; font-weight:650; color:#414b58; }
.reception-pilot #detail .order-management .actions { margin:12px 0 0; }
.reception-pilot #detail .saved-price-details .pricequote { margin-bottom:0; }
@media(max-width:600px){.reception-pilot #detail .financial-summary { grid-template-columns:1fr 1fr; }.reception-pilot #detail .financial-summary>div,.reception-pilot #detail .financial-summary>div:nth-last-child(-n+2) { grid-column:auto; }.reception-pilot #detail .financial-summary .summary-total { grid-column:1/-1; }.reception-pilot #detail .financial-summary b { font-size:22px; }}
}


@media screen {
.reception-pilot #list td { padding:15px 16px; }
.reception-pilot #list td:nth-child(4),.reception-pilot #list td:nth-child(5),.reception-pilot #list th:nth-child(4),.reception-pilot #list th:nth-child(5) { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.reception-pilot #list th:last-child { width:245px; }
.reception-pilot #list .reception-row-actions { min-width:230px; }
.reception-pilot #list .reception-row-actions>button { display:block; margin:0 0 7px; max-width:100%; }
.reception-pilot #list .row-main-action { min-height:42px; padding:9px 16px; background:#175ea9; color:white; border:1px solid #175ea9; font-weight:650; }
.reception-pilot #list .row-confirm-finish { background:white; color:#19633e; border:1px solid #88b49b; padding:8px 11px; font-size:12px; min-height:36px; }
.reception-pilot #list .row-secondary-actions { display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:7px; }
.reception-pilot #list .row-secondary { background:transparent; color:#3f4b59; border:0; box-shadow:none; font-size:13px; padding:5px 0; min-height:32px; text-decoration:underline; text-underline-offset:3px; }
.reception-pilot #list .customer-notified-indicator { display:block; color:#326044; font-size:12px; font-weight:500; margin-top:8px; }
.reception-pilot #list .delivery-late { display:table; background:#fff0ef; color:#a52b24; border-radius:5px; padding:3px 7px; font-size:12px; }
.reception-pilot #list .delivery-today { display:table; background:#fff1b5; color:#715200; border-radius:5px; padding:3px 7px; font-size:12px; }
.reception-pilot #list td:nth-child(3) .badge { max-width:210px; white-space:normal; }
}


@media screen {
.reception-pilot #create .form-section-heading { margin:12px 0 0; padding:12px 0 9px; border-bottom:1px solid #dce1e8; color:#202b39; font-size:16px; line-height:1.4; }
.reception-pilot #create .form-section-heading:first-of-type { margin-top:0; }
.reception-pilot #create .formgrid>label { min-width:0; }
.reception-pilot #create .formgrid #priceFields { padding:14px; background:#f6f8fa; border:1px solid #e1e6ed; border-radius:8px; }
.reception-pilot #create .formgrid #priceFields:empty { display:none; }
.reception-pilot #create .modalhead { padding-bottom:14px; border-bottom:1px solid #e1e6ed; margin-bottom:12px; }
.reception-pilot #create .modalhead h2 { font-size:25px; }
.reception-pilot #create input:read-only { background:#f2f4f7; color:#495363; }
.reception-pilot #detail .polished-order>.modalhead { padding-bottom:14px; border-bottom:1px solid #e1e6ed; }
.reception-pilot #detail .polished-order>.modalhead .eyebrow { font-size:11px; letter-spacing:1px; color:#5c6571; }
.reception-pilot #detail .detailmeta { margin:14px 0 8px; gap:8px; }
.reception-pilot #detail .order-creator { margin:6px 0 12px; color:#626b78; font-size:13px; }
.reception-pilot #detail .delivery-detail { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; background:#f6f8fa; border:1px solid #dce1e8; border-radius:8px; padding:12px 14px; margin:12px 0 18px; }
.reception-pilot #detail .detail-section-label { color:#626d7a; letter-spacing:1px; font-size:11px; font-weight:700; margin-top:18px; }
.reception-pilot #detail .description { font-size:17px; line-height:1.6; margin:5px 0 20px; color:#253041; overflow-wrap:anywhere; }
.reception-pilot #detail .detail-section-title { font-size:19px; border-top:1px solid #e1e6ed; padding-top:18px; margin:20px 0 0; }
.reception-pilot #detail .next-step { border:1px solid #c8d8eb; border-left:4px solid #2c69aa; background:#f0f5fc; color:#263e59; border-radius:8px; padding:14px 16px; }
.reception-pilot #detail .next-step strong { color:#204f82; font-size:15px; }
.reception-pilot #detail .next-step p { color:#3f5269; font-size:14px; line-height:1.5; }
.reception-pilot #detail>.polished-order>.actions { padding:12px 0; gap:10px; }
.reception-pilot #detail .actions>button { min-height:44px; }
.reception-pilot #detail .customer-history { margin-top:14px; padding:13px 16px; border:1px solid #dce1e8; border-radius:8px; }
.reception-pilot #detail .event { padding:5px 0 16px 16px; }
.reception-pilot #detail .event p { font-size:13px; line-height:1.6; }
.reception-pilot #detail .event small { font-size:12px; }
.reception-pilot #create .formerror:not(:empty),.reception-pilot #detail .formerror:not(:empty) { background:#fff2f0; border:1px solid #e9b8b2; padding:12px 14px; border-radius:8px; color:#922e24; }
}


@media screen {
.reception-pilot #create { width:1180px; max-width:calc(100vw - 28px); max-height:calc(100dvh - 28px); padding:20px 24px; }
.reception-pilot #create .order-form-columns { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:26px; align-items:start; }
.reception-pilot #create .order-form-work,.reception-pilot #create .order-form-payment>.formgrid { gap:10px 14px; }
.reception-pilot #create .order-form-payment { border-left:1px solid #e0e5eb; padding-left:24px; min-width:0; }
.reception-pilot #create .form-section-heading { padding:6px 0; margin:2px 0 0; font-size:15px; }
.reception-pilot #create .formgrid .form-section-heading:first-of-type { margin:0; }
.reception-pilot #create .modalhead { margin-bottom:12px; padding-bottom:9px; }
.reception-pilot #create .modalhead h2 { margin:3px 0 0; font-size:23px; }
.reception-pilot #create input,.reception-pilot #create select { min-height:40px; padding:8px 10px; margin-top:4px; }
.reception-pilot #create label { font-size:13px; }
.reception-pilot #create .formgrid #priceFields { padding:10px; gap:10px; }
.reception-pilot #create .customer-search-status { font-size:12px; margin:5px 0; }
.reception-pilot #create .customer-search-results { max-height:160px; }
.reception-pilot #create .delivery-fields { margin-top:15px; padding:12px; }
.reception-pilot #create .delivery-fields .formgrid { gap:10px; }
.reception-pilot #create .delivery-shortcuts { display:flex; flex-wrap:wrap; gap:5px; }
.reception-pilot #create .delivery-shortcuts button,.reception-pilot #create .delivery-time-steps button { min-height:34px; padding:6px 9px; font-size:12px; }
.reception-pilot #create .delivery-clock { gap:4px; }
.reception-pilot #create .delivery-clock select { min-width:0; padding:7px; }
.reception-pilot #create .delivery-fields>small { font-size:11px; line-height:1.4; display:block; margin-top:8px; }
.reception-pilot #create .form-calculation-details { margin-top:10px; font-size:13px; }
.reception-pilot #create .form-calculation-details summary { cursor:pointer; color:#40546c; }
.reception-pilot #create footer { bottom:-20px; margin-top:14px; padding:12px 0; display:flex; align-items:center; flex-wrap:wrap; }
.reception-pilot #create .form-footer-total { margin-right:auto; font-size:17px; font-weight:700; }
.reception-pilot #create .formerror:empty { margin:0; }
@media(max-width:850px){
 .reception-pilot #create .order-form-columns { grid-template-columns:1fr; gap:14px; }
 .reception-pilot #create .order-form-payment { border-left:0; border-top:1px solid #e0e5eb; padding:14px 0 0; }
 .reception-pilot #create { padding:18px; }
 .reception-pilot #create footer { bottom:-18px; }
 .reception-pilot #create .form-footer-total { flex-basis:100%; }
}
}
@media screen{.reception-pilot #create .customer-search input{width:100%}.reception-pilot #create .order-form-work>label:has([name="customer"]){grid-column:1/-1}.reception-pilot #create .order-form-work>label:has(#post){order:11!important}.reception-pilot #create .delivery-clock select:first-child{min-width:82px}.reception-pilot #create .delivery-fields{margin-top:10px}.reception-pilot #create .delivery-fields>small{display:none}}


@media screen {
#technicalEditor.clear-armado { width:950px; max-width:calc(100vw - 28px); }
.clear-armado .armado-job { background:#f2f5f8; border:1px solid #d5dde6; border-radius:10px; padding:15px 18px; margin-bottom:16px; }
.clear-armado .armado-job strong { font-size:22px; color:#172536; }
.clear-armado .armado-job p { font-size:16px; color:#334155; margin-bottom:0; }
.clear-armado #technicalForm fieldset { border:0; padding:0; }
.clear-armado #technicalForm label { font-size:15px; font-weight:600; }
.clear-armado #technicalForm input,.clear-armado #technicalForm select { min-height:46px; font-size:16px; margin-top:6px; }
.clear-armado .armado-help { display:block; font-size:13px; font-weight:400; line-height:1.5; color:#526072; margin:6px 0 0; }
.clear-armado .material-picker { padding:15px; border:1px solid #d9e0e7; border-radius:9px; background:#f8fafc; }
.clear-armado .material-picker h3 { font-size:17px; margin:0; }
.clear-armado .armado-review { background:#fff9df; border:1px solid #dac778; border-radius:10px; margin:18px 0 12px; padding:16px; }
.clear-armado .armado-review>strong { font-size:17px; }
.clear-armado .armado-review p { color:#364152; line-height:1.6; }
.clear-armado .armado-check { font-size:13px; }
.clear-armado #technicalForm>.actions { position:sticky; bottom:-28px; background:white; padding:14px 0; border-top:1px solid #d9e0e7; }
.clear-armado #technicalForm>.actions button { min-height:46px; }
.clear-armado #technicalForm button:disabled { cursor:not-allowed; }
}

/* Guided separation of a PDF into individual armados. */
#multiArmadoDialog{width:min(1100px,96vw);max-height:92vh;padding:24px;box-sizing:border-box}
#multiArmadoDialog>p{line-height:1.6;color:#475569}
#multiArmadoDialog>label{display:block;margin-bottom:22px;font-weight:700}
#multiLines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.multi-armado-line{min-width:0;border:1px solid #cbd5e1;border-radius:12px;padding:18px;background:#f8fafc}
.multi-armado-line legend{font-size:18px;font-weight:750;padding:0 8px}
.multi-armado-line label{display:block;margin-bottom:12px}
.multi-armado-line .formgrid{gap:12px}
.multi-armado-line .material-picker{grid-column:1/-1}
.multi-armado-line textarea{width:100%;box-sizing:border-box;resize:vertical}
#multiAdd{margin-top:18px;border:2px solid #111;font-weight:700}
#multiReview p{padding:10px 0;border-bottom:1px solid #ddd;line-height:1.5}
#multiArmadoDialog footer{position:sticky;bottom:-24px;background:white;border-top:1px solid #ddd;padding:16px 0;display:flex;gap:12px;justify-content:flex-end}
@media(max-width:800px){#multiLines{grid-template-columns:1fr}#multiArmadoDialog footer{flex-wrap:wrap}}

.dtf-meter-help{display:block;margin-top:10px;padding:12px;background:#f1f5f9;border-left:3px solid #eab308;border-radius:6px;color:#334155;font-size:14px;font-weight:400;line-height:1.6}.dtf-meter-help b{display:block;margin-top:4px}

/* Shared capture colors: data blue, amounts amber, planning violet, confirmation green. */
@media screen {
 dialog {--capture-blue:#edf5fc;--capture-amber:#fff7df;--capture-violet:#f4f0fc;--capture-green:#edf8f0;}
 dialog label:has(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {border-left:3px solid #a9c7e5;padding:8px 10px;background:var(--capture-blue);border-radius:6px;box-sizing:border-box;min-width:0;}
 dialog label:has(input[type=password]) {background:transparent;border-left:0;}
 dialog label:has(input[name=total],input[name=deposit],input[name=amount],input[name=unit_price],input[name=post_price],input[name=agreed_price],input[name=fixed_net],select[name=pricing_mode],select[name=method],#pricingMode,#groupPayAmount,#groupPayMethod,#technicalMode,#technicalTotal,#quoteLineMode,#cashDay,input[name=opening],input[name=counted]) {background:var(--capture-amber);border-left-color:#d9a62b;}
 dialog label:has(textarea,input[type=date],input[type=time],select[name=priority],#ljPriority,#groupPayReference) {background:var(--capture-violet);border-left-color:#b5a0d5;}
 dialog label:has(input[type=checkbox]):not(:has(input:not([type=checkbox]),select,textarea)) {padding:9px 11px;border-radius:6px;background:#f2f5f3;box-sizing:border-box;}
 dialog label:has(input[type=checkbox]:checked):not(:has(input:not([type=checkbox]),select,textarea)) {background:var(--capture-green);outline:1px solid #a5ccb1;}
 dialog input:not([type=checkbox]):not([type=radio]),dialog select,dialog textarea {background-color:#fff;color:#17212e;}
 dialog input:disabled,dialog select:disabled,dialog textarea:disabled {background-color:#f0f2f4;color:#58616c;}
 dialog input:focus-visible,dialog select:focus-visible,dialog textarea:focus-visible {outline:2px solid #2563a8;outline-offset:2px;}
 dialog .customer-search,dialog .customer-search input {width:100%;box-sizing:border-box;}
 dialog .customer-search-results {max-height:210px;overflow:auto;}
 dialog .customer-search-result {width:100%;text-align:left;}
 dialog .customer-search-status {line-height:1.45;margin:7px 0 0;}
 dialog .form-section-heading {background:var(--capture-blue);border-left:4px solid #659ac8;border-radius:5px;padding:8px 10px!important;}
 dialog .order-form-payment .form-section-heading {background:var(--capture-amber);border-left-color:#d9a62b;}
 dialog fieldset:has(input[type=date])>legend {color:#59447f;font-weight:700;}
 dialog .formerror:not(:empty) {color:#9e2525;background:#fff0ef;border-left:3px solid #c53d35;border-radius:5px;padding:10px;}
 #groupPayOrders tr:has(input[type=checkbox]:checked) {background:#f0f6fc;}
 #groupPayOrders input[data-payment-amount] {border:2px solid #d4ac49;background:#fffdf5;font-weight:700;}
 #groupPaySummary {line-height:1.7;font-size:15px;}
 #groupPaySummary[data-review=waiting] {background:#f3f4f6;border-left-color:#87909b;}
 #groupPaySummary[data-review=pending] {background:#fff4d8;border-left-color:#bb8712;color:#624600;}
 #groupPaySummary[data-review=ready] {background:#edf8f0;border-left-color:#368152;color:#205c35;}
 #groupPayFields>label:first-child {display:block;}
 .reception-pilot #create label {padding:6px 9px;}
 .clear-armado #technicalForm label {padding:8px 10px;}
}

.pending-workspace:has([data-work-section]) ul{max-height:360px;overflow-y:auto}.pending-workspace [data-work-section="capture"]{background:#fff7df;border-left-color:#c49526}.pending-workspace [data-work-section="work"]{background:#edf5fc;border-left-color:#598aba}

@media screen{
#technicalEditor.simple-armado{width:min(1000px,96vw)}
.simple-armado .armado-job{margin:0 0 12px;padding:12px 16px}
.simple-armado .armado-block{padding:14px 16px;border-radius:9px;margin-bottom:12px;background:#f2f7fc;border:1px solid #d4e1ee}
.simple-armado .armado-instructions{background:#f6f3fa;border-color:#ddd5ea}
.simple-armado .armado-block h3{font-size:17px;margin:0 0 12px}
#technicalEditor.simple-armado #technicalForm .armado-block label{background:transparent;border:0;padding:0;margin-bottom:8px;font-size:14px}
.simple-armado .armado-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.simple-armado .armado-size-tip{font-size:13px;color:#48586c;margin:3px 0 0}
.simple-armado .armado-multiple{margin:4px 0 0;font-size:13px;border:1px solid #879eb6;background:white}
#technicalEditor.simple-armado .material-picker{background:transparent;border:0;padding:0;margin:0 0 10px}
.simple-armado .armado-review{padding:12px 16px;margin:10px 0}
.simple-armado .armado-review p{margin:5px 0}
@media(max-width:600px){.simple-armado .armado-size-grid{grid-template-columns:1fr}}
}

@media screen{
#technicalEditor.simple-armado .armado-multiple{background:#ffd400;color:#111;border:1px solid #d3ae00;font-size:15px;font-weight:750;padding:12px 18px;min-height:44px}
#technicalEditor.simple-armado .armado-multiple:hover{background:#f3c900}
.armado-multiple-help{display:block;color:#4a5868;margin-top:7px;line-height:1.4}
.armado-folio{display:block;color:#657080;font-size:12px;grid-column:1/-1;margin-bottom:8px}
#technicalEditor.simple-armado #technicalForm>.actions{flex-wrap:wrap}
.armado-send-help{flex-basis:100%;font-size:13px;color:#475569;line-height:1.4}
}

/* Readable quotation list, scoped away from order and printed documents. */
.quotations-workspace .toolbar>label{flex:1;max-width:720px;min-width:180px}
.quotations-workspace #quotationsSearch{display:block;width:100%;box-sizing:border-box;margin-top:6px}
#quotationsList .quote-client-name{font-size:17px;font-weight:750;color:#17212e}
#quotationsList .quote-folio{display:block;font-size:12px;color:#596779;margin-top:6px}
#quotationsList .quote-money{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#quotationsList td.quote-money{font-size:17px;font-weight:700}
#quotationsList .quote-state-pending{background:#fff4ce;border:1px solid #d8b74f;color:#654b00}
#quotationsList .quote-state-accepted{background:#eaf6ed;border:1px solid #91c2a1;color:#235f37}
#quotationsList .quote-state-expired{background:#fff0ef;border:1px solid #dda19b;color:#91342d}
#quotationsList .badge{padding:7px 11px;font-size:13px;white-space:nowrap}
.quotations-workspace .quote-status-filters{display:flex;gap:8px;flex-wrap:wrap}

@media screen{
.funds-choices{margin:16px 0 22px}.funds-choices h3{font-size:17px}.funds-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.funds-choice-grid button{text-align:left;padding:15px;white-space:normal;background:#f0f6fc;border:1px solid #a7bfd8}.funds-choice-grid button:nth-child(2){background:#fff6d8;border-color:#d0ad3b}.funds-choice-grid button:nth-child(3){background:#eef7f0;border-color:#9abea4}.funds-choice-grid small{display:block;line-height:1.5;margin-top:7px;font-size:13px}.funds-choices>p{font-size:13px;color:#58616c}#groupPayFields>.hint:empty{display:none}.funds-management{margin:12px 0}#fundsDialog{width:min(1000px,95vw)}#fundsSummary{font-size:16px;line-height:1.8}#fundsAllocations label{display:block;margin-bottom:10px}@media(max-width:700px){.funds-choice-grid{grid-template-columns:1fr}}
}

@media screen{
#fundsAllocations .funds-order-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 150px;gap:14px;align-items:center;padding:12px}
.funds-order-description strong{display:block;font-size:15px}.funds-order-description small{display:block;margin-top:6px;color:#5d6877;font-size:11px}.funds-order-balance{text-align:right;font-weight:700}.funds-order-head{font-size:12px;color:#546173}.funds-order-head b:nth-child(2){text-align:right}#fundsAllocations input{width:100%;box-sizing:border-box}.funds-fill{margin:0 0 10px}
.funds-review-cards{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;margin:14px 0}.funds-review-cards>div{padding:16px;border:1px solid #d8dee7;border-radius:8px;background:#f4f6f9}.funds-review-cards strong{display:block;font-size:25px;margin:8px 0}.funds-review-cards small{display:block;line-height:1.4}.funds-review-cards .funds-remaining{background:#edf8f0;border-color:#9bc6a8}.funds-review-cards .funds-overdraw{background:#fff0ef;border-color:#d39893}.funds-review-cards[hidden]{display:none}
#fundsForm .funds-confirm-footer{position:sticky;bottom:0;background:white;border-top:1px solid #ddd;padding:12px 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}#fundsForm .funds-confirm-footer label{flex:1;min-width:240px}#fundsForm .funds-confirm-footer .formerror:empty{display:none}
@media(max-width:650px){#fundsAllocations .funds-order-row{grid-template-columns:minmax(0,1fr) 85px 95px;gap:8px}.funds-review-cards{grid-template-columns:1fr}.funds-review-cards strong{font-size:22px}}
}

.print-color-notice{border:1px solid #dfb5b5;border-left:4px solid #a52727;background:#fff8f7;padding:14px 16px;margin:20px 0;break-inside:avoid;page-break-inside:avoid;color:#292929;text-align:left;}
.print-color-notice h3{color:#a52727;font-size:13px;line-height:1.4;margin:0 0 9px;}
.print-color-notice p{font-size:12px;line-height:1.5;margin:7px 0;}
@media print{.print-color-notice{padding:10px 12px;margin:14px 0;print-color-adjust:exact;-webkit-print-color-adjust:exact;}.print-color-notice p{font-size:9pt;line-height:1.35;}.print-color-notice h3{font-size:10pt;}}

/* Restrained, readable conditions on customer documents. */
.print-color-notice{border:1px solid #ddd;background:#fafafa;padding:10px 12px;margin:16px 0;color:#444;}
.print-color-notice h3{color:#444;font-size:12px;margin:0 0 6px;font-weight:600;}
.print-color-notice p{font-size:11px;line-height:1.4;margin:5px 0;font-weight:400;}
@media print{.print-color-notice{padding:8px 10px;margin:12px 0;}.print-color-notice p{font-size:8pt;line-height:1.3;}.print-color-notice h3{font-size:9pt;}}

#groupedNoteDialog h3{font-size:15px;margin:20px 0 10px;}
#groupedNoteDialog #noteCustomerSearch{width:100%;}
#groupedNoteDialog #noteCustomerStatus,#groupedNoteDialog .note-step-help{font-size:12px;color:#526174;margin:8px 0 12px;}
#groupedNoteDialog #noteCustomerResults{max-height:210px;overflow:auto;}
#groupedNoteDialog #noteOrders .scrolltable{max-height:310px;overflow:auto;}
#groupedNoteDialog #noteOrders thead{position:sticky;top:0;}
#groupedNoteDialog footer{position:sticky;bottom:0;background:white;padding:12px 0;z-index:2;}

.alta-production-spec{background:#f4f8fc;border:1px solid #cbd9e6;padding:18px;margin:16px 0;}
.alta-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.alta-spec-grid>div{background:white;border:1px solid #dbe3eb;border-radius:8px;padding:12px;}
.alta-spec-grid span{display:block;font-size:12px;color:#46576a;margin-bottom:6px;}
.alta-spec-grid strong{display:block;font-size:18px;overflow-wrap:anywhere;}
.alta-spec-grid>div:first-child strong{font-size:28px;color:#194e80;}
.alta-spec-help{font-size:13px;line-height:1.5;}
.alta-spec-missing{background:#fff5d8;padding:12px;border-left:3px solid #c48b12;}
@media(max-width:600px){.alta-spec-grid{grid-template-columns:1fr;}}
.alta-job-brief,.alta-job-notes,.alta-job-progress{padding:16px;margin:14px 0;border:1px solid #dce3eb;border-radius:10px;background:#fafbfd;}
.alta-job-brief h3,.alta-job-notes h3,.alta-job-progress h3,.alta-production-spec h3{font-size:16px;margin:0 0 12px;}
.alta-job-brief>strong{font-size:20px;display:block;overflow-wrap:anywhere;}
.alta-job-brief p,.alta-progress-help{font-size:13px;line-height:1.5;color:#46576a;}
.alta-instructions{white-space:pre-wrap;font-size:16px;line-height:1.5;}
.alta-job-progress .actions{margin:12px 0 0;}
.alta-history{margin-top:18px;color:#46576a;}.alta-history summary{cursor:pointer;padding:12px 0;}
.alta-list-copies{display:block;font-size:17px;color:#194e80;}

.alta-summary-caption{font-size:11px;letter-spacing:.08em;color:#486482;}
.alta-production-spec h2{font-size:24px;margin:8px 0;color:#173e68;}
.alta-production-spec .alta-summary-size{font-size:19px;font-weight:600;}
.alta-production-spec p{margin:7px 0;}
.alta-contents{padding:14px 16px;border-left:3px solid #9baec2;background:#f6f8fa;margin:12px 0;}
.alta-contents h3{font-size:14px;margin:0 0 8px;}.alta-contents p{margin:6px 0;white-space:pre-wrap;}
.alta-sticky-progress{position:sticky;bottom:0;z-index:3;background:#fff;box-shadow:0 -3px 12px #0000000c;padding:10px 16px!important;}
.alta-sticky-progress h3{font-size:13px;margin:0 0 5px;}.alta-sticky-progress .alta-progress-help{margin:5px 0;}

/* Keep instructions unobscured; optional notes are omitted when empty. */
.alta-production-spec p:not(.alta-summary-size){font-size:16px;line-height:1.45;}
.alta-sticky-progress{position:static;box-shadow:none;margin-top:16px;}

.assembly-progress{padding:16px;margin:16px 0;border:1px solid #d3dee8;border-radius:10px;background:#f7f9fc;}
.assembly-progress h3{font-size:16px;margin:0 0 10px;}.assembly-total{font-size:20px;}
.assembly-progress ul{list-style:none;padding:0;margin:12px 0;}.assembly-progress li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #dce3eb;}.assembly-progress li p{margin:5px 0;font-size:14px;}.assembly-complete{border-color:#8bb79b;background:#f1faf4;}
.technical-price-summary{display:grid;gap:9px;padding:16px;background:#fff9df;border:1px solid #e6d58d;border-radius:8px;}.technical-price-summary>span{display:flex;justify-content:space-between;font-size:15px;}.technical-price-summary>strong{font-size:23px;}.technical-price-summary>small{font-size:13px;}.technical-return{margin-top:18px;padding:12px;border-top:1px solid #ddd;}.technical-return summary{cursor:pointer;margin-bottom:12px;}

.clear-order-note .document-brand{padding-top:14px;padding-bottom:14px;}
.clear-order-note .order-breakdown h3{font-size:20px;margin:16px 0 8px;}
.clear-order-note .order-caption{background:transparent;border-left:3px solid #ffd000;padding:4px 10px;align-items:center;flex-wrap:wrap;font-size:14px;}
.clear-order-note .order-specs:empty{display:none;}
.clear-order-note .document-lines td{font-size:14px;}
.clear-order-note .document-tax-notice{font-size:11px;border:0;padding:0;}
@media print{.clear-order-note .order-breakdown h3{font-size:14pt;}#receipt .clear-order-note .document-lines td{font-size:10pt;}.clear-order-note .document-brand{padding:12px 16px;}}

#multiQueueDialog{width:850px;}.multi-job{padding:14px;border:1px solid #d5e0ec;border-radius:8px;margin:10px 0;background:#f7faff;}.multi-job p{margin:6px 0;}.multi-job button{margin:8px 8px 0 0;}

.agreed-unit-picker{border-left:4px solid #c59812!important;background:#fff5d4!important;}.agreed-unit-help{font-size:13px;line-height:1.4;color:#574315;}

/* Compact grouped payment form */
#groupPayDialog.compact-collection .collection-help {background:none;border:0;padding:0;margin:6px 0 12px;font-size:13px;color:#475569}
#groupPayDialog.compact-collection .collection-reference {margin:0;padding:4px 0;background:none;border:0}
#groupPayDialog.compact-collection .collection-reference summary {cursor:pointer;font-size:13px;color:#315675}
#groupPayDialog.compact-collection .collection-reference label {margin-top:8px}
#groupPayDialog.compact-collection h3 {font-size:16px;margin:14px 0 8px}
#groupPayDialog.compact-collection #groupPaySummary {display:flex;flex-wrap:wrap;gap:12px 24px;padding:14px;background:#f4f8fc;border:1px solid #cbd9e6;border-radius:8px}
#groupPayDialog.compact-collection #groupPaySummary > span {flex:1;min-width:130px;display:flex;flex-direction:column;gap:5px}
#groupPayDialog.compact-collection #groupPaySummary strong {font-size:20px;color:#142c43}
#groupPayDialog.compact-collection .collection-status {flex-basis:100%;color:#71530b}
#groupPayDialog.compact-collection #groupPayReload {font-size:12px;padding:8px;background:transparent}

/* Compact capture queue, numbered in visual and keyboard reading order. */
.pending-workspace ol.capture-queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:2px;max-height:480px;overflow-y:auto}
.pending-workspace ol.capture-queue>li{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dce2e8;border-radius:8px;padding:12px;background:#fafcff;min-width:0}
.capture-queue-content{min-width:0}.pending-workspace .capture-queue-content strong{display:block;font-size:16px}.pending-workspace .capture-queue-content span{font-size:14px;margin-top:3px;overflow-wrap:anywhere}
.capture-queue-position{display:block;font-weight:700;color:#184d7d;margin-bottom:5px}.capture-queue-date{display:block;color:#555;margin-top:7px;font-size:12px}.pending-workspace .capture-queue-reason{color:#795500}.pending-workspace .capture-queue-help{font-size:13px;color:#555;margin:0 0 10px}.pending-workspace .capture-queue button{font-size:13px;padding:9px 12px}
@media(max-width:1000px){.pending-workspace ol.capture-queue{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.pending-workspace ol.capture-queue>li{align-items:flex-start;flex-direction:column}}

/* Prioritize the work name and keep area summary cards compact. */
.pending-workspace .capture-queue-content strong{font-size:15px;font-weight:700;color:#184d7d;overflow-wrap:anywhere}
.pending-workspace .capture-queue-content>span:not(.capture-queue-reason){font-size:17px;font-weight:700;line-height:1.35;color:#111;margin-top:5px}
.pending-workspace .pending-cards:has([data-work-section]){margin-top:10px;gap:12px}
.pending-workspace .pending-cards button[data-work-section]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;padding:10px 14px}
.pending-workspace .pending-cards button[data-work-section]>span{grid-column:1;grid-row:1;font-weight:600}
.pending-workspace .pending-cards button[data-work-section]>strong{grid-column:2;grid-row:1 / span 2;font-size:25px;line-height:1}
.pending-workspace .pending-cards button[data-work-section]>small{grid-column:1;grid-row:2;font-size:12px;line-height:1.3}

#list.compact-production .compact-work-row td{padding:12px 16px;vertical-align:middle}
#list.compact-production .compact-work-row .rowbutton{padding:0;min-height:0;margin:0}
#list.compact-production .compact-work-row .rowbutton strong{font-size:15px;color:#184d7d}
#list.compact-production .compact-work-row .work-description{font-size:16px;font-weight:700;color:#111;margin:4px 0;line-height:1.3}
#list.compact-production .compact-work-row small{margin-top:4px;line-height:1.3}
#list.compact-production .work-service{font-size:12px;color:#555}
#list.compact-production .work-quantity{display:block;font-size:15px;margin-top:4px}
#list.compact-production .compact-work-row .production-action{padding:10px 12px;margin:0}

#list.compact-production .compact-work-row .order-creator{display:block;font-size:12px;font-weight:400;color:#4b5563;line-height:1.3;margin-top:5px}

#areaCaptureEditor .capture-customer{font-size:16px;font-weight:700;color:#184d7d;margin:0 0 8px}
#areaCaptureEditor .capture-finishing{font-size:13px;color:#555;margin:0 0 18px}
#areaCaptureEditor .capture-finishing b{font-weight:400}
.capture-meter-input{display:flex;align-items:center;gap:12px}.capture-meter-input input{min-width:0;flex:1}.capture-meter-input>span{font-size:14px;font-weight:600}
.capture-equivalent{display:block;margin-top:8px;font-size:14px;font-weight:600;color:#184d7d}
.capture-equivalent:empty{display:none}
.capture-save-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-top:12px}
.capture-save-actions>.capture-hold-panel{margin:0;padding:12px 14px;flex:1;min-width:220px}
.capture-save-actions>.capture-hold-panel summary{cursor:pointer;font-weight:600}
@media(max-width:600px){.capture-save-actions{flex-direction:column}.capture-save-actions>.capture-hold-panel{box-sizing:border-box;width:100%;min-width:0}}

/* Balanced quantity editor: compact secondary action, clear save action. */
#areaCaptureEditor:has(#inlineAreaForm){width:620px;max-width:calc(100vw - 24px);padding:24px}
#areaCaptureEditor:has(#inlineAreaForm) .modalhead{margin-bottom:12px;padding-bottom:0}
#areaCaptureEditor:has(#inlineAreaForm) .capture-customer{margin:0 0 4px}
#areaCaptureEditor:has(#inlineAreaForm) .capture-finishing{margin:0 0 12px}
#inlineAreaForm>.formgrid{grid-template-columns:minmax(0,1fr)}
#areaCaptureEditor #inlineAreaForm>.formgrid>label{width:100%;margin-top:0}
#areaCaptureEditor .capture-meter-input input{width:100%}
#areaCaptureEditor .capture-save-actions{display:flex;align-items:flex-start;gap:12px;margin-top:18px}
#areaCaptureEditor .capture-save-actions>button.primary{margin-left:auto;align-self:flex-end}
#areaCaptureEditor .capture-save-actions>.capture-hold-panel{order:-1;flex:0 1 auto;min-width:0;width:auto;padding:0;border:0;background:transparent!important}
#areaCaptureEditor .capture-hold-panel summary{display:list-item;list-style-position:inside;width:fit-content;border:1px solid #bbb;border-radius:8px;padding:11px 14px;background:white;font-size:13px;font-weight:500}
#areaCaptureEditor .capture-hold-panel summary:focus-visible{outline:2px solid #184d7d;outline-offset:3px}
#areaCaptureEditor .capture-save-actions>.capture-hold-panel:has(details[open]),#areaCaptureEditor .capture-save-actions>.capture-hold-panel:not(:has(details)){flex-basis:100%;width:100%}
#areaCaptureEditor .capture-hold-panel details[open]>.actions{margin-bottom:8px}
#areaCaptureEditor .capture-hold-panel:not(:has(details)){padding:12px;border:1px solid #e1ce84;border-radius:8px;background:#fff5cf!important}
@media(max-width:600px){#areaCaptureEditor:has(#inlineAreaForm){padding:18px}#areaCaptureEditor .capture-save-actions{flex-direction:row;flex-wrap:wrap}}

/* Focused sign-in screen; normal workspace returns after authentication. */
body.login-screen>aside,body.login-screen main>header{display:none}
body.login-screen main{margin-left:0;min-height:calc(100vh - 50px);background:radial-gradient(ellipse at 15% 10%,#fff7ca 0,transparent 45%),#f4f5f7}
body.login-screen .login-content:not([hidden]){display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 50px);padding:32px 18px;max-width:none}
body.login-screen .staff-login{width:100%;max-width:430px;margin:0;padding:28px;border:1px solid #e0e3e8;border-top:4px solid #ffd000;border-radius:18px;background:#fff;box-shadow:0 12px 36px #17212e12}
body.login-screen .staff-login .welcome-brand{display:flex;justify-content:center;align-items:center;margin:0 0 20px;padding:12px;background:#111;border:0;border-radius:12px;min-height:0}
body.login-screen .staff-login .welcome-brand img{width:116px;height:105px;object-fit:contain}
body.login-screen .staff-login h1{font-size:28px;line-height:1.2;letter-spacing:-.5px;text-align:center;margin:0 0 8px}
body.login-screen .staff-login h1+p{text-align:center;font-size:14px;color:#59616b;margin:0 0 22px}
body.login-screen #staffLogin label{margin:0 0 16px;font-size:14px;font-weight:600}
body.login-screen #staffLogin input{min-height:46px;font-size:16px;background:#fafbfc;border-color:#c9ced6}
body.login-screen #staffLogin>.primary{width:100%;min-height:46px;margin-top:4px}
body.login-screen #staffLogin .formerror:empty{display:none}
body.login-screen .login-owner-access{display:block;margin:18px auto 0;padding:8px 12px;border:0;background:transparent;color:#4b5563;font-size:13px;text-decoration:underline;text-underline-offset:3px}
@media(max-width:480px){body.login-screen .staff-login{padding:22px}body.login-screen .login-content:not([hidden]){padding:20px 12px}}

/* Lighter reception form: section colors remain, individual fields are white. */
#create #createForm label{background:#fff;border-left-color:transparent;padding:8px 10px}
#create #createForm input,#create #createForm select{background:#fff}
#create .material-picker{padding:10px;border:1px solid #dce3ec;border-radius:10px;background:#f8fafc}
#create .material-picker label{padding:5px!important;margin:0!important}
#create .formgrid{row-gap:8px}
#create #createForm label:has([name=method])[hidden]{display:none!important}
#create #createForm label:has([name=deposit]){background:#fff9e6}

#create .entry-register-link{width:auto!important;display:inline-block!important;padding:5px 0;margin:5px 0 0;border:0;background:transparent;font-size:13px;color:#184d7d;text-decoration:underline}
#create label.entry-auto-total{display:none!important}
#create .entry-time-options summary{cursor:pointer;font-size:12px;color:#184d7d;margin-top:6px}

#editOrderClientBox{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}#changeOrderClient{width:600px;max-width:calc(100vw - 24px)}#changeClientResults{max-height:230px;overflow:auto}#changeOrderClient input[type=checkbox]{width:auto}

/* PVC: one quantity, machine next to service, visible calculation. */
#createForm.pvc-entry label:has([name="quantity"]){display:none!important}
#createForm.pvc-entry #priceFields:empty{display:none!important}
#createForm.pvc-entry .order-form-work{row-gap:8px}
#createForm.pvc-entry .form-calculation-details>summary{display:none}
#createForm.pvc-entry .form-calculation-details{margin-top:12px}
#createForm.pvc-entry label.pvc-moved{grid-column:auto}
.delivery-shortcuts [data-quick-delivery]{background:#fff;color:#111}
.delivery-shortcuts [data-quick-delivery][aria-pressed="true"]{background:#ffd000;color:#111}

/* Compact reception summary keeps the order list closer to the top. */
.reception-pilot #stats.compact-reception-stats .stat{min-height:100px!important;padding:14px 16px!important;gap:5px}
.reception-pilot #stats.compact-reception-stats .stat strong{font-size:26px}
.reception-pilot .compact-reception-pending{padding:14px 18px!important;margin-bottom:12px}
.reception-pilot .compact-reception-pending h2{font-size:18px;margin:0 0 10px}
.reception-pilot .compact-reception-pending .pending-cards button{min-height:65px!important;padding:10px 14px!important}
.reception-pilot .heading{margin-bottom:18px!important;min-height:0!important}
.rework-summary{padding:14px 18px!important;margin:12px 0!important}
.rework-summary h2{font-size:18px;margin:0 0 3px}
.rework-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:10px}
.rework-cards article{border:1px solid #dce2e8;border-radius:8px;padding:12px;display:grid;gap:5px}
.rework-cards article strong{color:#184d7d}.rework-cards article button{justify-self:start;margin-top:4px}
.reception-pilot .daily-actions button:not(.primary){color:#202830}
@media(max-width:700px){.rework-cards{grid-template-columns:1fr}}

.reception-pilot .ready-sound-toggle{color:#344054!important;font-size:12px!important;background:#fff!important;border:1px solid #ccd3dc!important;padding:6px 10px!important;min-height:32px!important}
.reception-pilot #groupedNoteButton{background:#fff!important;color:#344054!important;border:1px solid #ccd3dc!important;box-shadow:none!important;font-weight:500!important}

/* Consistent reception action colors; labels remain the primary identifier. */
.reception-pilot .daily-actions #new{background:#ffd000!important;color:#111!important;border-color:#b38f00!important}
.reception-pilot .daily-actions .action-quote-color,#quotationsNew{background:#185abc!important;color:#fff!important;border-color:#185abc!important}
.reception-pilot .daily-actions .action-payment-color{background:#166534!important;color:#fff!important;border-color:#166534!important}
.reception-pilot #groupedNoteButton,.reception-pilot #groupedNoteShortcut{background:#6b21a8!important;color:#fff!important;border-color:#6b21a8!important;font-weight:650!important}
.reception-pilot #groupedNoteButton svg,.reception-pilot #groupedNoteShortcut svg{color:#fff!important}
.reception-pilot .daily-actions button:hover:not(:disabled),#groupedNoteShortcut:hover:not(:disabled){filter:brightness(.92)}
.reception-pilot .daily-actions button:focus-visible,#groupedNoteShortcut:focus-visible{outline:3px solid #111;outline-offset:3px}

#groupPayOrders .payment-order-price{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:9px}
#groupPayOrders .payment-net-highlight{display:grid;gap:3px;background:#fff5cc;border:1px solid #d5ae35;border-left:4px solid #bc8b00;border-radius:7px;padding:8px 12px;min-width:140px}
#groupPayOrders .payment-net-highlight span{font-size:11px;font-weight:750;letter-spacing:.3px;color:#483500}
#groupPayOrders .payment-net-highlight strong{font-size:23px;font-weight:800;line-height:1.15;color:#171717}
#groupPayOrders .payment-tax-detail{font-size:12px;line-height:1.6;color:#344054}

.assembly-mode-badge{display:grid;gap:3px;padding:9px 12px;margin:8px 0;border:2px solid;border-radius:7px;max-width:100%;white-space:normal}
.assembly-mode-badge small{font-size:10px!important;font-weight:700;letter-spacing:.5px;color:inherit!important}
.assembly-mode-badge strong{font-size:17px!important;font-weight:800;line-height:1.3;color:inherit!important}
.assembly-mode-simple{background:#dcfce7;border-color:#15803d;color:#14532d}
.assembly-mode-extra{background:#e8edff;border-color:#3359ac;color:#193a75}
.assembly-mode-unknown{background:#fff3cd;border-color:#b58200;color:#674800}

.assembly-quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px;position:sticky;top:52px;z-index:2;background:white;padding:10px 0}
.assembly-quick-filters button{font-size:14px;font-weight:650;border:1px solid #aab4c3;padding:10px 14px}
.assembly-quick-filters button b{margin-left:6px}
.assembly-quick-filters button[aria-pressed="true"]{background:#183d70;color:white;border-color:#183d70}
.assembly-compact-view .capture-queue{max-height:none!important;height:auto!important;overflow:visible!important}
.assembly-compact-view .capture-queue-card{padding:10px 12px!important;gap:8px!important;min-height:0!important}
.assembly-compact-view .assembly-mode-badge{padding:5px 8px;margin:4px 0;border-width:1px;border-left-width:4px}
.assembly-compact-view .assembly-mode-badge small{display:none}
.assembly-compact-view .assembly-mode-badge strong{font-size:14px!important}
.assembly-compact-view .capture-queue-help{display:none}

.my-profile-button{display:inline-flex;align-items:center;gap:8px}.my-profile-button img{width:34px;height:34px;border-radius:50%;object-fit:cover}.avatar-preview{width:128px;height:128px;border-radius:50%;background:#fff1b8;display:grid;place-items:center;overflow:hidden;font-size:48px;margin:16px auto}.avatar-preview img{width:100%;height:100%;object-fit:cover}#myProfileDialog{max-width:440px}#avatarError{color:#a01717}

.audit-avatar{display:inline-flex!important;vertical-align:middle;width:26px;height:26px;min-width:26px;border-radius:50%;object-fit:cover;align-items:center;justify-content:center;background:#e8edf5;color:#25446c!important;font-size:13px!important;font-weight:750;margin-right:7px;border:1px solid #ccd6e3}img.audit-avatar{display:inline-block!important}

.daily-points{background:#fff;border:1px solid #d8dee8;border-top:4px solid #ffd000;border-radius:12px;padding:14px 18px;margin:0 0 14px}
.points-heading,.points-players{display:flex;align-items:center;gap:16px;justify-content:space-between}.points-heading label{display:flex;gap:8px;align-items:center;font-size:12px}.points-heading input{width:auto;padding:5px}
.points-players{margin:12px 0;align-items:stretch}.points-player{flex:1;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:5px 10px;padding:10px;background:#f3f6fb;border:1px solid #d8dee8;border-radius:10px}.points-player.points-mine{border-color:#bd9000;background:#fff9df}.points-avatar{width:40px;height:40px;object-fit:cover;border-radius:50%;grid-row:span 2;display:grid;place-items:center;background:#fff}.points-player strong{font-size:22px}.points-player small{grid-column:2/4}.daily-points details{font-size:12px}
@media(max-width:650px){.points-heading,.points-players{flex-direction:column;align-items:stretch}.points-player{flex:auto}}

.rw-history-table{overflow-x:auto}.rw-history-table td{vertical-align:top;padding:12px}.rw-history-table small{font-weight:600}

.arm-priority-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}.arm-urgent-badge{background:#b91c1c;color:#fff;padding:5px 10px;border-radius:5px;font-size:14px}.capture-queue-card:has(.arm-urgent-badge){border:2px solid #b91c1c}

.assembly-quick-filters{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;background:#f4f7fb;border-top:1px solid #d8dee8}
.assembly-quick-filters[hidden]{display:none}.assembly-quick-filters button{font-weight:700}
.assembly-arrival{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px;color:#174f88}
.assembly-arrival strong{background:#e8f1fc;padding:4px 9px;border-radius:5px}.assembly-arrival span{font-size:12px}

.quotation-origin{display:block;width:fit-content;background:#efe7ff;color:#51258a;border:1px solid #c7adeb;border-radius:6px;padding:5px 9px;font-weight:700;margin:4px 0 8px}
.assembly-simple-navigation nav [data-view="all"]{display:none!important}

/* Compact optional production extras. */
.material-picker .material-extras{grid-column:1/-1;padding:12px!important;border:1px solid #dce2ea!important;border-radius:12px!important;background:#f7f9fc;text-align:left}
.material-extras>summary{cursor:pointer;font-weight:700;font-size:14px;color:#26364a;padding:3px 0}
.material-picker .material-extras label.material-extra-option{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;text-align:left!important;margin:9px 0 0!important;padding:12px!important;border:1px solid #dce2ea;border-radius:9px;background:white;cursor:pointer;min-height:0;box-shadow:none}
.material-extras .material-extra-option>input[type=checkbox]{appearance:auto!important;width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important;accent-color:#1765ad}
.material-extras .material-extra-copy{display:flex!important;flex:1;min-width:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px}
.material-extras .material-extra-copy strong{font-size:14px;line-height:1.4;color:#233449;font-weight:650}
.material-extras .material-extra-copy small{display:block;font-size:12px;color:#64748b;line-height:1.4;margin-top:2px}
.material-extras .material-extra-price{white-space:nowrap;font-size:12px;font-weight:700;padding:5px 8px;background:#f0f4f8;border-radius:6px;color:#294a70}
.material-picker .material-extras label.material-extra-option:has(input:checked){background:#edf6ff;border-color:#5794cc;box-shadow:inset 3px 0 #1765ad}
.material-picker .material-extras label.material-extra-option:has(input:disabled){opacity:.55;cursor:not-allowed}
.material-extras .material-extra-option:focus-within{outline:2px solid #1765ad;outline-offset:2px}
.material-extras>small{display:block;margin:10px 2px 0;font-size:12px;line-height:1.5;color:#64748b}

.funds-receipt-breakdown,.funds-current-balance{margin:18px 0;padding:16px;border:1px solid #cdd9e6;border-radius:10px;background:#f4f8fd}
.funds-receipt-breakdown h3,.funds-current-balance h3{margin:0 0 12px;font-size:16px}
.funds-receipt-breakdown p{display:flex;justify-content:space-between;gap:20px;margin:8px 0}
.funds-receipt-breakdown p:last-of-type{padding:10px;background:#fff3be;border-radius:6px;font-weight:700}
.funds-receipt-breakdown small,.funds-current-balance small,.receipt-order-tax{display:block;font-size:11px;line-height:1.5;margin-top:8px}
@media print{.funds-receipt-breakdown,.funds-current-balance{break-inside:avoid}}

.use-available-funds{background:#e9f7ef!important;color:#12603a!important;border:1px solid #6eb38e!important;font-weight:700!important;padding:12px 16px!important;border-radius:8px!important}
.use-available-funds:hover:not(:disabled){background:#d6efdf!important}.use-available-funds:disabled{opacity:.55}
.use-available-funds[hidden]{display:none!important}

.cash-base-choice{font-size:12px;padding:5px 8px;margin-top:6px;background:transparent;color:#44546a;border:1px solid #cbd5e1}.cash-base-choice[aria-pressed="true"]{background:#fff5d0;color:#5f4700;border-color:#c99b24}[data-cash-base-hint]{display:block;margin-top:4px;color:#5f4700}

.pending-planchado-choice{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;padding:12px;border:1px solid #d8ae40;border-radius:8px;background:#fff8df}.pending-planchado-choice input{width:18px!important;height:18px!important;flex:0 0 18px}.pending-planchado-choice small{display:block;margin-top:4px}.pending-planchado-notice{padding:10px 12px;border-left:4px solid #cc9200;background:#fff6d7;color:#694a00;border-radius:5px;font-size:13px}

.internal-comment-box{margin:10px 0;padding:12px 14px;background:#fff8dc;border:1px solid #e4c563;border-left:4px solid #d29b00;border-radius:8px;color:#292514;}.internal-comment-box p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;}.internal-comment-entry textarea{width:100%;box-sizing:border-box;resize:vertical;}.internal-comment-entry small{font-weight:normal;}

.internal-comment-entry{display:block;margin-top:18px;padding:14px;background:#fffaf0;border:1px solid #e7d49e;border-radius:9px;}.internal-comment-entry[hidden]{display:none!important}.internal-comment-entry textarea{margin-top:8px;min-height:96px;}.internal-comment-entry small{display:block;line-height:1.4;margin-top:6px;}

.workflow-guide{margin:8px 0;padding:10px 12px;border-left:4px solid #247647;background:#edf7f1;border-radius:6px;max-width:460px}.workflow-guide strong,.workflow-guide small{display:block}.workflow-guide small{margin-top:5px;line-height:1.45}.workflow-guide.needs-data{border-color:#bd8500;background:#fff7dc}

.collection-review{padding:16px;margin:14px 0;background:#f1f6fc;border:1px solid #ccd8e8;border-radius:10px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.collection-grid span,.collection-grid strong{display:block}.collection-grid strong{font-size:21px;margin-top:6px}.collection-base,.connection-warning{padding:12px;background:#fff2cf;border-left:4px solid #be8700;color:#493700}.connection-warning[hidden]{display:none}

.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:650px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Brief, non-blocking save feedback; no movement of work queues. */
.save-feedback{position:fixed;right:24px;bottom:24px;z-index:10050;max-width:min(420px,calc(100vw - 48px));padding:12px 18px;border:1px solid #c9d8e6;border-radius:10px;background:#f5f9ff;color:#153b60;box-shadow:0 3px 14px #0002;font:600 14px/1.4 system-ui;pointer-events:none;animation:save-feedback-in .16s ease-out;}
.save-feedback[hidden]{display:none!important}.save-feedback::before{content:'';display:inline-block;width:12px;height:12px;margin-right:9px;vertical-align:-1px;}
.save-feedback[data-state=saving]::before{border:2px solid #c5d4e4;border-top-color:#245c90;border-radius:50%;animation:save-feedback-spin .8s linear infinite;}
.save-feedback[data-state=saved]{background:#edf8f0;border-color:#acd3b8;color:#205d36}.save-feedback[data-state=saved]::before{content:'✓';width:auto;height:auto;}
.save-feedback[data-state=error]{background:#fff5e7;border-color:#e5c49a;color:#784511}.save-feedback[data-state=error]::before{content:'!';width:auto;height:auto;}
@keyframes save-feedback-spin{to{transform:rotate(360deg)}}@keyframes save-feedback-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.save-feedback,.save-feedback::before{animation:none!important}}