@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/barlow-condensed-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/barlow-condensed-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/barlow-condensed-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/barlow-condensed-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/barlow-condensed-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/barlow-condensed-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/dm-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/dm-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/dm-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/dm-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/dm-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/dm-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/dm-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/dm-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--red:#ed2028;--red-dark:#c9171e;--ink:#1b1d22;--muted:#6b717d;--line:#e6e8ed;--bg:#f5f6f8;--white:#fff;--radius:12px;--shadow:0 12px 50px #171a2520;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ed202860;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #ed202815}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;flex-shrink:0}button svg{width:18px;height:18px}.sidebar{width:228px;position:fixed;inset:0 auto 0 0;background:#191b20;color:#adb0ba;display:flex;flex-direction:column;padding:28px 18px;z-index:30}.brand{padding:0 18px 24px;border-bottom:1px solid #ffffff13;color:white}.brand-word{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;letter-spacing:5px;line-height:1;color:white;font-weight:800}.brand-word span{color:var(--red)}.brand-sub{font-weight:800;font-size:16px;letter-spacing:3px;margin-top:3px}.brand-image{display:block;width:128px;height:91px;object-fit:contain;object-position:left center;margin:-10px 0 -4px}.brand-caption{font-size:12px;letter-spacing:2px;color:#838894;text-transform:uppercase;margin-top:15px}.nav-label{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#6e7481;margin:28px 16px 12px}.nav-button{width:100%;border:0;background:transparent;color:#b9bdc7;display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:8px;margin:3px 0;text-align:left;font-weight:500}.nav-button.active{background:var(--red);color:white;box-shadow:0 5px 16px #ed202820}.nav-button:hover:not(.active){background:#ffffff08;color:white}.nav-count{margin-left:auto;background:#ffffff14;border-radius:5px;padding:2px 7px;font-size:12px}.sidebar-bottom{margin-top:auto}.demo-card{border:1px solid #ffffff16;border-radius:9px;padding:13px;font-size:12px;color:#9298a5;line-height:1.7}.demo-card strong{color:#d2d5dd;display:flex;gap:8px;align-items:center;font-size:13px}.sidebar-footer{margin:20px 13px 0;font-size:12px;color:#656d7b}.shell{margin-left:228px}.topbar{height:80px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;gap:22px;padding:0 36px;position:sticky;top:0;z-index:20}.breadcrumb{display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--muted);font-size:13px}.breadcrumb strong{color:var(--ink);font-weight:500}.search-box{position:relative;display:flex;align-items:center;gap:10px;margin-left:auto;max-width:370px;width:100%;color:#8a909d}.search-box input{border:1px solid var(--line);background:#f9fafb;border-radius:8px;padding:11px 38px;width:100%;font-size:13px}.search-box>svg{position:absolute;left:12px}.search-box kbd{position:absolute;right:10px;border:1px solid var(--line);border-radius:4px;font-size:10px;padding:2px 5px}.bell{background:transparent;border:0;position:relative;color:#616777;padding:7px}.bell:after{content:'';width:6px;height:6px;border:2px solid white;background:var(--red);position:absolute;top:4px;right:5px;border-radius:50%}.profile{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:22px}.avatar{background:#fbe9eb;color:#bb2531;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.profile select{border:0;background:white;color:var(--muted);font-size:12px;padding:2px 16px 2px 0;max-width:120px}.profile-name{font-weight:600;font-size:13px}.mobile-toggle{display:none}.content{padding:30px 36px 40px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);margin:0 0 9px}.page-heading h1{font-size:28px;letter-spacing:-1px;font-weight:700;margin:0 0 7px}.page-heading p{font-size:14px;color:var(--muted);margin:0}.btn{border:1px solid var(--line);background:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border-radius:7px;font-size:13px;font-weight:600;color:var(--ink);min-height:40px}.btn:hover{background:#f4f5f7}.btn.primary{background:var(--red);color:white;border-color:var(--red);box-shadow:0 3px 6px #ed202812}.btn.primary:hover{background:var(--red-dark)}.btn.dark{background:var(--ink);color:white;border-color:var(--ink)}.btn.small{font-size:12px;min-height:32px;padding:6px 10px}.btn.danger{color:#d02028;background:#fff2f2;border-color:#ffd7d9}.btn.quiet{border:0;background:transparent;color:var(--muted)}.btn.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:20px 22px;position:relative;overflow:hidden}.stat label{font-size:13px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px}.stat label svg{color:#9fa4ae;width:18px;height:18px}.stat-number{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:600;font-size:42px;line-height:1;margin:13px 0 9px;letter-spacing:-.4px}.stat-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.stat-note.red{color:#c1323a}.stat:first-child:before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red)}.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 22px 17px}.panel-header h2{margin:0;font-size:17px;font-weight:700;letter-spacing:-.25px}.panel-header p{color:var(--muted);font-size:12px;margin:5px 0 0}.tabs{display:flex;align-items:center;gap:20px;padding:0 22px;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}.tab{border:0;background:transparent;padding:12px 0 14px;color:var(--muted);font-size:12px;font-weight:500;position:relative}.tab.active{color:var(--red);font-weight:600}.tab.active:after{content:'';height:2px;background:var(--red);position:absolute;bottom:0;left:0;right:0}.tab b{font-size:10px;background:#f0f1f4;color:#686e7c;border-radius:4px;padding:2px 5px;margin-left:5px}.tab.active b{color:#cc222b;background:#ffeeee}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9196a2;font-weight:600;padding:14px 18px;background:#fafbfc;white-space:nowrap}td{padding:15px 18px;border-bottom:1px solid #eff0f3;font-size:13px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcfd}.tool-cell{display:flex;gap:12px;align-items:center}.tool-symbol{border:1px solid #e9ebef;border-radius:7px;background:#f7f8fa;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#656d7a;flex-shrink:0}.tool-model{font-weight:600;white-space:nowrap;font-size:13px}.subtext{font-size:11px;color:#969ba7;margin-top:5px;line-height:1.4}.entry-id{color:#ba2933;font-weight:600}.client-name{font-size:12px;font-weight:500;white-space:nowrap}.pill{font-size:11px;font-weight:500;border-radius:5px;padding:5px 8px;display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.pill.received,.pill.agent{background:#edf1f8;color:#566b8e}.pill.diagnosed{background:#f2edfa;color:#7c5eab}.pill.quoted,.pill.unanswered{background:#fff3df;color:#a16a13}.pill.waiting{background:#fff0e8;color:#b66d34}.pill.repair{background:#eaf2fc;color:#3b74aa}.pill.ready{background:#e8f5ee;color:#338666}.pill.delivered{background:#eef0f3;color:#6c737e}.pill.abandon,.pill.scrapped{background:#feecee;color:#c13c44}.day-count{color:#6d7481;font-size:12px;white-space:nowrap}.day-count.urgent{color:#ce313c}.row-open{border:0;background:transparent;color:#959ba5;padding:5px}.row-open:hover{color:var(--red)}.table-footer{padding:15px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:var(--muted)}.priority-header{display:flex;align-items:center;gap:8px}.priority-header svg{color:var(--red);width:17px;height:17px}.priority-list{padding:0 18px 5px}.priority{padding:16px 0;border-top:1px solid var(--line);display:flex;gap:11px;align-items:start}.priority-icon{width:29px;height:29px;background:#fff0e8;color:#c98649;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.priority-icon svg{width:15px;height:15px}.priority-icon.red{background:#ffecef;color:#d03e49}.priority strong{font-size:12px;font-weight:600;display:block;margin:0 0 6px;line-height:1.5}.priority p{font-size:11px;color:var(--muted);line-height:1.7;margin:0 0 6px}.text-link{border:0;background:transparent;padding:0;font-size:11px;font-weight:600;color:var(--red);text-align:left}.side-note{margin-top:18px;background:#eef0f4;border:1px solid #e4e7ed;border-radius:var(--radius);padding:18px;color:#616b7b}.side-note h3{margin:0 0 10px;font-size:13px;display:flex;align-items:center;gap:7px;color:#3f4859}.side-note svg{width:16px;height:16px}.side-note p{font-size:12px;line-height:1.8;margin:0}.side-note a{display:block;margin-top:11px;color:#3f4859;font-size:11px;font-weight:600}.flow-panel{margin-top:23px;padding:20px 22px}.flow-title{font-size:14px;font-weight:600;margin-bottom:17px;display:flex;justify-content:space-between}.flow-title span{font-size:11px;color:#939aa7;font-weight:400}.flow-stages{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.flow-step{min-width:0}.flow-bar{height:5px;border-radius:4px;background:#e9edf4;margin-bottom:12px;overflow:hidden}.flow-bar span{height:100%;display:block;background:#768aa7;min-width:10%}.flow-step label{font-size:11px;color:#737b89;display:block;white-space:nowrap}.flow-step strong{font-family:'Barlow Condensed',sans-serif;font-size:23px;margin-top:5px;display:block}.footer-caption{display:flex;justify-content:space-between;gap:15px;margin-top:22px;color:#989eaa;font-size:11px}.empty{padding:48px 25px;text-align:center;color:var(--muted);line-height:1.8}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.toolbar input,.toolbar select{padding:10px 12px;background:white;border:1px solid var(--line);border-radius:7px}.toolbar input{min-width:230px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.section-card{padding:23px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.section-card h2{margin:0 0 18px;font-size:17px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field label{font-size:13px;font-weight:500;color:#525a68}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe2e8;border-radius:7px;padding:11px 12px;background:white;color:var(--ink);min-height:43px}.field textarea{min-height:86px;resize:vertical}.field small{font-size:11px;color:var(--muted);line-height:1.6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-all{grid-column:1/-1}.checkline{display:flex;align-items:start;gap:9px;font-size:13px;line-height:1.7;margin-bottom:14px}.checkline input{accent-color:var(--red);margin-top:4px;width:16px;height:16px}.form-error{color:#bb2837;background:#fff1f3;border:1px solid #f8cbd1;padding:12px;border-radius:7px;font-size:13px;margin-bottom:15px}.info{background:#f4f7fc;border:1px solid #e4eaf4;border-radius:8px;color:#596982;padding:13px;font-size:12px;line-height:1.8;margin:13px 0}.warning{background:#fff6e8;border-color:#f3dfb8;color:#9a712b}.success{background:#eaf6ef;border-color:#cfe7d9;color:#377b5b}.danger-note{background:#fff0f2;border-color:#f4d2d8;color:#b73946}.modal-backdrop{position:fixed;inset:0;background:#11162066;z-index:80;display:flex;justify-content:center;align-items:center;padding:24px;backdrop-filter:blur(3px)}.modal{width:640px;max-width:100%;max-height:calc(100dvh - 48px);background:white;border-radius:14px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.modal.large{width:860px}.modal-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;align-items:start;justify-content:space-between;gap:15px}.modal-head h2{font-size:20px;margin:0 0 5px}.modal-head p{font-size:12px;color:var(--muted);margin:0}.close{border:0;background:#f1f3f5;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close svg{width:16px;height:16px}.modal-body{padding:24px 25px;overflow:auto}.modal-foot{padding:16px 25px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;background:#fafbfc}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:23px}.detail-top{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px}.detail-title{font-size:24px;font-weight:700;margin:8px 0 0}.detail-tabs{margin-bottom:22px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-bottom:20px}.kv label{font-size:11px;color:var(--muted);display:block;margin-bottom:6px}.kv span{font-size:14px;line-height:1.6}.timeline{position:relative;padding-left:22px}.timeline:before{content:'';position:absolute;left:5px;top:7px;bottom:12px;width:1px;background:#e1e5eb}.event{position:relative;margin-bottom:23px}.event:before{content:'';width:9px;height:9px;border:2px solid white;box-shadow:0 0 0 1px #d6dce6;border-radius:50%;background:#8a97a9;position:absolute;left:-21px;top:4px}.event strong{font-size:13px;font-weight:500}.event small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.quote-total{font-family:'Barlow Condensed',sans-serif;font-size:38px;font-weight:600}.sum-row{display:flex;justify-content:space-between;gap:18px;padding:10px 0;font-size:13px;border-bottom:1px solid #eff0f3}.sum-row.final{border:0;font-size:17px;font-weight:700;margin-top:4px}.action-card{position:sticky;top:100px}.action-card h3{font-size:16px;margin:0 0 12px}.action-card .btn{margin-top:9px}.signature{border:1px dashed #c4cad4;border-radius:8px;background:#fafbfc;width:100%;height:130px;touch-action:none;display:block}.signature-actions{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin:7px 0 13px}.reception-tool{border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:15px}.reception-tool h3{margin:0 0 15px;display:flex;justify-content:space-between;font-size:14px}.conditions{font-size:12px;line-height:1.8;color:#626d7b;background:#f8f9fb;padding:15px;border-radius:8px;margin:15px 0}.big-numbers{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.big-number{background:#fff0f1;border:1px solid #fad4d7;padding:16px 25px;border-radius:9px;color:var(--red);font-family:'Barlow Condensed',sans-serif;font-size:43px;font-weight:700}.document{max-width:800px;margin:0 auto;background:white;padding:40px;border:1px solid var(--line);line-height:1.7}.document h1{font-size:27px}.document header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--red);padding-bottom:22px;margin-bottom:24px}.document img{width:100px;max-height:85px;object-fit:contain}.document th,.document td{padding:10px}.document-sign{max-width:250px;margin-top:20px}.client-card{border:1px solid var(--line);border-radius:10px;background:white;padding:22px;cursor:pointer}.client-card h3{margin:13px 0 8px;font-size:16px}.client-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-avatar{width:40px;height:40px;border-radius:10px;background:#f1f3f7;display:flex;align-items:center;justify-content:center;color:#697586;font-weight:600}.order-card{margin-bottom:18px}.order-footer{padding:18px 22px;background:#fafbfc;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}.chart{height:180px;display:flex;align-items:end;gap:18px;border-bottom:1px solid var(--line);padding:15px 0 0}.chart-col{flex:1;text-align:center;min-width:0}.chart-bar{background:#ed2028;width:65%;max-width:42px;margin:auto;border-radius:5px 5px 0 0;min-height:2px}.chart-col label{display:block;font-size:11px;color:var(--muted);margin-top:10px}.chart-col span{font-size:12px;display:block;margin-bottom:6px}.settings-tabs{margin-bottom:24px}.status-filter{border:1px solid var(--line);padding:8px 11px;border-radius:7px;background:white;font-size:12px}.status-filter.active{background:#fff0f1;border-color:#f3cbd0;color:var(--red)}.file-preview{display:flex;gap:7px;flex-wrap:wrap}.file-preview img{width:70px;height:70px;object-fit:cover;border-radius:5px}.toast-visible{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);background:#242a34;color:white;padding:13px 20px;border-radius:9px;box-shadow:var(--shadow);z-index:100;max-width:90%;font-size:13px}.table-actions{display:flex;gap:7px}.notification-count{color:var(--red)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}details summary{color:var(--muted);cursor:pointer;font-size:13px;margin-bottom:14px}details[open]{padding-bottom:12px}.no-print{display:block}
@media(min-width:1500px){.work-layout{grid-template-columns:minmax(0,1fr) 310px}td{padding-top:18px;padding-bottom:18px}}
@media(max-width:1250px){.sidebar{width:205px;padding-left:13px;padding-right:13px}.shell{margin-left:205px}.topbar{padding:0 25px;gap:14px}.content{padding:26px 25px}.work-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.stats{gap:13px}.stat{padding:18px}.tabs{gap:16px;padding:0 18px}td,th{padding-left:13px;padding-right:13px}.tool-symbol{display:none}.client-name{white-space:normal}.profile{padding-left:15px}.breadcrumb{display:none}}
@media(max-width:1020px){.work-layout{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.side-note{margin:0}.priority-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.priority-list .priority:nth-child(3){display:none}.stats{grid-template-columns:repeat(4,1fr)}.stat{padding:15px}.stat label{font-size:12px}.stat label svg{display:none}.stat-note{font-size:11px}.detail-layout{grid-template-columns:1fr 290px}.client-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{font-size:16px}.sidebar{transform:translateX(-100%);transition:transform .2s;width:228px}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax #11162066}.shell{margin-left:0}.topbar{height:65px;padding:0 16px;gap:10px}.mobile-toggle{display:flex;border:0;background:transparent;padding:6px}.mobile-toggle svg{width:23px}.profile{padding-left:10px;gap:7px}.profile-name{font-size:12px}.profile select{font-size:11px;max-width:96px}.avatar{display:none}.search-box{max-width:none}.search-box input{font-size:12px;padding-right:10px;padding-left:32px}.search-box kbd{display:none}.bell{display:none}.content{padding:22px 16px}.page-heading{gap:10px;align-items:start;margin-bottom:22px}.page-heading h1{font-size:24px}.page-heading p{font-size:12px;line-height:1.6}.page-heading>.btn{padding:10px;font-size:12px;white-space:nowrap}.page-heading>.btn svg{display:none}.eyebrow{font-size:10px}.stats{grid-template-columns:1fr 1fr;gap:12px}.stat{padding:17px}.stat label{font-size:13px}.stat-number{font-size:37px}.stat-note{font-size:12px}.panel-header{padding:19px 16px}.panel-header h2{font-size:16px}.panel-header .btn{font-size:11px;padding:6px 9px}.tabs{padding:0 16px;gap:22px}.tab{font-size:12px}.table-wrap{overflow-x:auto}th{font-size:10px}td{font-size:13px;padding-top:16px;padding-bottom:16px}.tool-model{font-size:14px}.subtext{font-size:12px}.client-name{font-size:13px;min-width:110px}.pill{font-size:12px}.day-count{font-size:12px}.table-footer{padding:15px 16px}.side-column{display:block}.side-note{display:none}.priority-list{display:block}.priority-list .priority:nth-child(3){display:flex}.priority strong{font-size:14px}.priority p,.text-link{font-size:12px}.flow-panel{padding:20px 16px}.flow-stages{grid-template-columns:repeat(3,1fr);gap:20px}.flow-title span{display:none}.flow-step label{font-size:12px}.footer-caption{font-size:10px}.footer-caption span:last-child{display:none}.grid-two,.detail-layout{grid-template-columns:1fr}.detail-layout .action-card{position:static;order:-1}.section-card{padding:19px}.form-row{gap:13px}.field input,.field select,.field textarea{font-size:16px}.field label{font-size:14px}.modal-backdrop{padding:8px}.modal{max-height:calc(100dvh - 16px);border-radius:12px}.modal-head{padding:19px}.modal-body{padding:19px}.modal-foot{padding:14px 19px}.modal-head h2{font-size:19px}.btn{font-size:14px}.toolbar{gap:8px}.toolbar input{min-width:180px;flex:1;font-size:16px}.toolbar select{font-size:14px;max-width:100%}.client-grid{grid-template-columns:1fr}.document{padding:20px}.profile .profile-name{display:none}.tool-symbol{display:none}.toast-visible{left:50%}.conditions{font-size:13px}.kv span{font-size:15px}.info{font-size:13px}.reception-tool{padding:14px}.form-row.stack-mobile{grid-template-columns:1fr}.detail-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{.sidebar,.topbar,.no-print,.footer-caption,#toast{display:none!important}.shell{margin:0}.content{padding:0}.document{border:0;max-width:none;padding:10px}.modal-backdrop{position:static;background:none;padding:0}.modal{max-height:none;box-shadow:none;width:100%}.modal-body{overflow:visible}.modal-head,.modal-foot{display:none}.document th{background:#f4f4f4!important}body{background:white}}

@media print{body.print-document #app{display:none!important}body.print-document #overlay .document{padding:0;border:0}body.print-document #overlay .modal-body{padding:0}}

.tool-model,.client-name,.pill,.day-count{font-size:14px}.priority strong{font-size:14px}.priority p,.text-link{font-size:12px}.brand-image{width:160px}

.demo-card .text-link{display:block}

/* Search and direct stock editing */
.mechanic-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.mechanic-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
.billing-summary{display:flex;flex-direction:column;gap:5px;background:#f5f6f8;border:1px solid var(--line);border-radius:9px;padding:14px 16px;margin-bottom:16px}.billing-summary span{font-size:14px;color:var(--muted)}.billing-summary strong{font-size:16px}.recipient-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.recipient-actions .primary{flex:1}
@media(max-width:650px){#recipient-form input,#recipient-form select,#recipient-form textarea{font-size:16px}.recipient-actions{flex-wrap:wrap}.recipient-actions .primary{flex-basis:100%}}
.search-picker{margin:2px 0 24px}.picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.picker-heading>label{font-size:14px;font-weight:600;color:var(--text)}.picker-input{max-width:none;width:100%}.picker-input input{width:100%;background:white;border:1px solid #d6dbe2;height:46px;border-radius:8px;padding-right:12px}.picker-help{display:block;font-size:12px;line-height:1.6;color:#737d8b;margin:7px 0 12px}.search-results{border:1px solid #dfe3e9;border-radius:10px;overflow:hidden;background:white;margin-top:8px;box-shadow:0 8px 18px #11182708}.search-results[hidden],.selected-client[hidden]{display:none}.search-result{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #edf0f3;background:white;padding:13px 15px;text-align:left;color:#232a34;cursor:pointer}.search-result:last-child{border-bottom:0}.search-result:hover,.search-result:focus-visible{background:#fff3f3;outline:2px solid #e51d2d;outline-offset:-2px}.search-result>span:nth-child(2){flex:1;min-width:0}.search-result strong{display:block;font-size:14px;font-weight:650}.search-result small{display:block;color:#78818e;font-size:12px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}.search-result>svg{width:17px;flex-shrink:0;color:#a0a8b3}.search-result:disabled{cursor:default;background:#f7f9fb}.result-action{color:#cf1e2e;font-size:12px;font-weight:600;white-space:nowrap}.search-result:disabled .result-action{color:#849080}.search-message{font-size:13px;color:#727d8b;padding:16px}.part-result-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#f4f5f7;color:#68788b;flex-shrink:0}.part-result-icon svg{width:20px}.selected-client{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#faf2f2;border:1px solid #f0d4d6;padding:14px 16px;border-radius:9px;margin-top:12px}.selected-client strong,.selected-client span,.selected-client small{display:block}.selected-client strong{font-size:14px;margin:3px 0}.selected-client span,.selected-client small{font-size:12px;color:#7e6970}.selection-heading{display:flex;align-items:center;gap:10px;margin:18px 0 12px}.selection-heading h3{margin:0;font-size:15px}.selection-empty{border:1px dashed #d7dce3;background:#fafbfc;padding:20px;border-radius:9px;text-align:center;font-size:13px;color:#7b8491}.quantity-input{width:65px;padding:8px;border:1px solid #d7dce3;border-radius:6px;font:inherit}.stock-row{cursor:pointer}.stock-row:hover td{background:#fff8f8}.stock-piece-button{display:block;padding:0;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.stock-piece-button strong,.stock-piece-button span,.stock-piece-button small{display:block}.stock-piece-button span{font-size:13px;margin-top:4px;color:#626d7b}.stock-piece-button small{font-size:12px;margin-top:4px;color:#8c95a1}.editor-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid #e8ebef}.editor-actions>.danger{margin-right:auto}.field input[readonly]{background:#f4f5f7;color:#74808f}.field small{display:block;font-size:12px;color:#7c8591;line-height:1.5;margin-top:7px}
@media(max-width:680px){.mechanic-stats{grid-template-columns:1fr 1fr}.mechanic-stats .stat:last-child{grid-column:auto}.search-result{padding:12px 10px;gap:9px}.search-result .mini-avatar,.part-result-icon{display:none}.picker-heading>label{font-size:14px}.result-action{font-size:11px}.editor-actions .btn{flex:1}.picker-input input{font-size:16px}.search-result strong{font-size:13px}.search-result small{font-size:11px}}

/* Installed app, safe areas and touch controls */
html,body{min-height:100%;overflow-x:clip}.shell,.content,.search-box{min-width:0}.table-wrap{max-width:100%;overscroll-behavior-x:contain}.modal-body{overscroll-behavior-y:contain;min-height:0}.sidebar{padding-top:calc(28px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));overflow-y:auto}.content{padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}.topbar{height:calc(80px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.toast-visible{bottom:calc(25px + env(safe-area-inset-bottom,0px))}
.pwa-card{margin:16px 0 0;padding-top:13px;border-top:1px solid #ffffff16}.pwa-entry{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:#ffffff08;color:#f2f3f6;text-align:left;font-size:13px;font-weight:600;min-height:44px}.pwa-entry:hover{background:#ffffff12}.pwa-entry svg{width:18px}.pwa-state{display:block;color:#9299a7;font-size:12px;padding:7px 12px 0;line-height:1.5}.pwa-state.ready{color:#a9c6b5}.pwa-state.offline{color:#e6b769}.install-brand{display:flex;align-items:center;gap:15px;margin-bottom:22px}.install-brand img{width:72px;height:72px;border-radius:18px}.install-brand strong{display:block;font-size:20px}.install-brand span{display:block;color:var(--muted);margin-top:5px;font-size:14px}.install-steps h3{font-size:16px;margin:22px 0 12px}.install-steps p,.install-steps li{font-size:14px;line-height:1.8;color:#606b7b}.install-steps ol{padding-left:21px;margin:0}.install-steps li{padding-left:5px;margin-bottom:10px}.install-data-note{font-size:13px;line-height:1.7;color:#76808d;margin:20px 0 0}.pwa-notice{position:fixed;right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:45;background:white;border:1px solid #e1e5eb;border-radius:12px;box-shadow:0 6px 32px #171a251c;display:flex;align-items:center;gap:20px;padding:16px 18px;max-width:calc(100vw - 32px)}.pwa-notice[hidden]{display:none}.pwa-notice strong,.pwa-notice small{display:block}.pwa-notice strong{font-size:14px}.pwa-notice small{font-size:12px;color:#818999;margin-top:5px}.drawer-scrim{display:none}
@media(max-width:680px){
 body{font-size:16px}.topbar{display:grid;grid-template-columns:44px minmax(0,1fr) 128px;gap:8px;height:calc(72px + env(safe-area-inset-top,0px));padding-left:calc(12px + env(safe-area-inset-left,0px));padding-right:calc(12px + env(safe-area-inset-right,0px));padding-top:env(safe-area-inset-top,0px)}.topbar .breadcrumb,.topbar .avatar,.topbar .bell{display:none}.mobile-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}.topbar .profile{padding-left:8px;min-width:0}.topbar .profile select{font-size:16px;min-height:44px;width:120px;max-width:120px}.topbar .search-box{margin:0;max-width:none;min-width:0}.topbar .search-box input{font-size:16px;min-height:44px;min-width:0;padding-left:34px;padding-right:8px}.content{padding:22px calc(16px + env(safe-area-inset-right,0px)) calc(30px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px))}.sidebar{width:min(300px,calc(100vw - 48px));padding-top:calc(20px + env(safe-area-inset-top,0px));padding-left:calc(18px + env(safe-area-inset-left,0px));z-index:65;max-height:100dvh}.nav-button{font-size:15px;min-height:48px}.sidebar-footer{margin-top:12px}.drawer-scrim:not([hidden]){display:block;position:fixed;inset:0;border:0;border-radius:0;background:#11162080;z-index:60;touch-action:none}.page-heading{flex-wrap:wrap}.page-heading>.btn{font-size:14px;min-height:44px}.page-heading h1{font-size:26px}.page-heading p{font-size:14px}.eyebrow{font-size:12px!important}.btn,.btn.small,.row-open,.close,.tab,.status-filter{min-height:44px}.close,.row-open{min-width:44px}.btn.small,.tab,.pill,.stat label,.stat-note,.text-link{font-size:14px}.stat label{align-items:flex-start}.stat-note{line-height:1.5}.tabs{gap:20px}.tool-model{white-space:normal}.toolbar{align-items:stretch}.toolbar input{min-width:0;width:100%;flex-basis:100%;min-height:44px}.toolbar select,.field input,.field select,.field textarea,.quantity-input{font-size:16px}.toolbar>.btn{flex:1}.modal-backdrop{padding:calc(8px + env(safe-area-inset-top,0px)) calc(8px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px))}.modal{max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.modal-head{padding:16px}.modal-body{padding:18px 16px}.modal-foot{padding:12px 16px;flex-wrap:wrap}.modal-foot .btn{flex:1;white-space:normal}.form-row,.kv{grid-template-columns:1fr;gap:0}.kv{gap:20px}.checkline{font-size:14px;gap:12px;align-items:center;min-height:44px}.checkline input{min-width:22px;width:22px;height:22px;margin:0;flex-shrink:0}.signature{height:160px}.signature-actions{flex-wrap:wrap;gap:10px;font-size:13px}.signature-actions .text-link{min-height:44px}.info,.conditions{font-size:14px}.field label{font-size:14px}.subtext,.picker-help{font-size:13px}.search-result{min-height:60px}.search-result strong{font-size:14px}.search-result small{font-size:12px}.selected-client{align-items:flex-start}.selected-client .text-link{min-height:44px}.selected-client span{overflow-wrap:anywhere}.pwa-entry{font-size:14px}.pwa-state{font-size:13px}.pwa-notice{left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:12px;padding:14px;max-width:none}.pwa-notice .btn{flex-shrink:0}.toast-visible{font-size:14px;left:50%;width:max-content;max-width:calc(100vw - 24px);bottom:calc(20px + env(safe-area-inset-bottom,0px))}.table-footer{flex-wrap:wrap;font-size:13px}.event strong{font-size:14px}.event small{font-size:12px}.detail-title{overflow-wrap:anywhere}.detail-top{flex-wrap:wrap}.document{overflow-wrap:anywhere;padding:20px 12px}.sum-row{font-size:14px}.chart{gap:8px}
 #table-container table,#table-container tbody{display:block;width:100%}#table-container thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#table-container tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:18px 16px;gap:11px 12px;border-bottom:1px solid var(--line)}#table-container td{border:0;padding:0;min-width:0}#table-container td:first-child{grid-column:1/-1}#table-container td:nth-child(2){grid-column:1}#table-container td:nth-child(3){grid-column:2;justify-self:end;align-self:start}#table-container td:nth-child(4){grid-column:1;display:flex;gap:8px;flex-wrap:wrap;align-items:center}#table-container td:nth-child(5){grid-column:2;grid-row:3;justify-self:end}#table-container .client-name{white-space:normal;min-width:0;font-size:14px}#table-container .tool-model{font-size:16px}#table-container .day-count{font-size:14px}#table-container .subtext{font-size:13px}#table-container .tool-cell{min-height:44px}#table-container .btn.quiet{text-align:left;width:100%;max-width:100%}#table-container td[colspan]{grid-column:1/-1}
}
@media(display-mode:standalone){body{overscroll-behavior-y:none}.topbar{border-bottom-color:#dfe3e9}}
@media print{.pwa-card,.pwa-notice,.drawer-scrim{display:none!important}html,body{overflow:visible}.sidebar{padding:0}}

/* Persistent supplier baskets and receiving workflow. */
.orders-tabs-panel{margin-bottom:20px}.order-tabs{padding-top:3px}.order-tabs .tab{font-size:15px}.orders-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.orders-toolbar>div{display:flex;gap:8px;flex-shrink:0}.orders-toolbar>p{margin:0;max-width:600px;font-size:14px;line-height:1.6}.supplier-carts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.supplier-cart{min-width:0;overflow:hidden}.supplier-cart .panel-header{padding:22px;gap:12px;align-items:start}.supplier-cart h2{font-size:19px;overflow-wrap:anywhere}.supplier-cart-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#fff0f1;color:var(--red);border-radius:10px}.supplier-cart-icon svg{width:21px;height:21px}.supplier-items{min-width:0}.supplier-item{padding:20px 22px;border-top:1px solid var(--line)}.supplier-item-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.supplier-item-heading>div{min-width:0}.supplier-item-heading strong{display:block;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.supplier-item-heading .subtext{display:block;margin-top:5px;overflow-wrap:anywhere}.cart-quantity{white-space:nowrap;color:var(--red);font-size:20px;line-height:1.4}.cart-quantity small{font-size:12px;font-weight:500;color:var(--muted)}.cart-allocations{display:flex;flex-direction:column;gap:7px;margin:14px 0}.cart-allocation{display:flex;gap:8px;align-items:baseline;font-size:12px;color:var(--muted);line-height:1.5}.cart-allocation button{font-size:13px;flex-shrink:0}.supplier-item-total{display:flex;justify-content:space-between;gap:8px;font-size:13px;line-height:1.5}.supplier-item-total>span{color:var(--muted)}.supplier-item-total>strong{font-size:14px;white-space:nowrap}.cart-empty{padding:38px 22px 40px;text-align:center;font-size:16px;font-weight:600;color:var(--muted);border-top:1px solid var(--line)}.cart-empty>span{display:block;margin-top:8px;font-size:13px;font-weight:400;line-height:1.6}.cart-summary{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);background:#fafbfc}.cart-summary>span{color:var(--muted);font-size:13px}.cart-summary>strong{font-size:21px;white-space:nowrap;font-family:'Barlow Condensed',sans-serif}.cart-footer{display:flex;flex-direction:column;padding:0 22px 22px;background:#fafbfc;gap:10px}.cart-footer .btn{justify-content:center;min-height:44px;white-space:normal}.btn:disabled{cursor:not-allowed;opacity:.45}.received-history{padding:22px 0}.received-history>summary{font-size:15px;font-weight:600;color:var(--ink);padding:10px 0}.order-value{margin-right:auto;font-size:13px;color:var(--muted);line-height:1.5}.order-value strong{display:block;font-size:17px;color:var(--ink)}.order-footer{align-items:center;flex-wrap:wrap}.receipt-order-line{padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.receipt-order-line>div:first-child>strong{font-size:15px}.supplier-edit-row{cursor:pointer}.supplier-edit-row:hover{background:#fff7f7}
@media(max-width:1200px){.supplier-carts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.supplier-carts{grid-template-columns:1fr}.orders-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.orders-toolbar>div{width:100%;flex-wrap:wrap}.orders-toolbar .btn{flex:1;min-height:44px}.order-tabs{gap:20px}.order-tabs .tab{font-size:14px}.supplier-cart .panel-header{padding:20px}.supplier-item{padding:20px}.cart-summary{padding:20px}.cart-footer{padding:0 20px 20px}.cart-allocation,.cart-allocation button{font-size:14px}.cart-allocations{gap:6px}.cart-allocation button{min-height:32px}.supplier-item-total{font-size:14px}.cart-empty>span,.cart-summary>span{font-size:14px}.order-footer{padding:18px 20px}.order-footer>.btn{width:100%;justify-content:center}.order-value{width:100%}.supplier-edit-row td:nth-child(2){overflow-wrap:anywhere;max-width:160px;white-space:normal}.receipt-order-line .field{margin-top:12px}.received-history{padding-top:12px}}
/* Named agents and client contacts use the existing spacing and brand tokens. */
.agent-label{display:block;color:#85505b;font-size:11px;font-weight:600;margin-top:5px}.responsible-agent{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px;color:var(--muted);font-size:13px}.responsible-agent strong{color:var(--ink)}.agent-picker{display:flex;align-items:center;gap:12px;margin-bottom:20px}.agent-picker label{color:var(--muted);font-size:13px}.agent-picker select{min-height:44px;border:1px solid var(--line);border-radius:7px;padding:8px 14px;background:white;max-width:100%;font:inherit}.heading-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}.client-card-contact{display:flex;flex-direction:column;gap:5px;margin:12px 0 16px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.client-card-contact strong{color:var(--ink);font-weight:500}.client-card-contact span{font-size:13px}.client-contact-detail{display:flex;flex-direction:column;gap:6px;line-height:1.6;border-top:1px solid var(--line);padding-top:20px;margin-top:22px;color:var(--muted)}.external-card{margin-top:20px;border-top:3px solid #9981bb}.pill.external{background:#eee9f7;color:#75509a}.external-card h2{overflow-wrap:anywhere}.external-card .kv span{overflow-wrap:anywhere}
@media(max-width:650px){.heading-actions{width:100%;flex-shrink:1}.heading-actions .btn{flex:1;white-space:normal;min-height:44px}.agent-label,.client-card-contact span{font-size:13px}.agent-picker{flex-wrap:wrap}.agent-picker select{font-size:16px;flex:1;min-width:150px}.responsible-agent{font-size:14px}.detail-top .pill{white-space:normal}}
.detail-layout>div,.detail-layout>.action-card{min-width:0}
.external-line-head,.external-quote-line{display:grid;grid-template-columns:minmax(0,1fr) 140px 40px;gap:12px;align-items:center}.external-line-head{font-size:13px;font-weight:600;color:var(--muted);margin:22px 0 10px}.external-quote-line{margin-bottom:12px}.external-quote-line input{min-width:0;width:100%;min-height:44px;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:white}.external-quote-line .close{min-height:44px;min-width:40px}.external-quote-summary{padding:20px 0;border-bottom:1px solid var(--line)}.external-quote-summary .sum-row>span{overflow-wrap:anywhere}.external-quote-summary .sum-row>strong{flex-shrink:0}.pill.external_returned{background:#eee9f7;color:#75509a}
@media(max-width:650px){.external-line-head,.external-quote-line{grid-template-columns:minmax(0,1fr) 95px 38px;gap:8px}.external-quote-line input{font-size:16px;padding:10px 8px}.external-line-head{font-size:14px}.external-quote-summary .sum-row{gap:12px;flex-wrap:wrap}.external-quote-line .close{min-width:38px}}

/* Delivered history and user contact profiles */
.archive-search{padding:20px 22px;border-bottom:1px solid var(--line)}.archive-search>label{display:block;font-weight:600;font-size:14px;margin-bottom:10px}.archive-search .search-box{max-width:none;width:100%}.archive-search input{width:100%;height:46px;font-size:14px}.archive-search>p{margin:10px 0 0;line-height:1.6}.user-table td{vertical-align:middle}.user-table td:nth-child(2){overflow-wrap:anywhere;min-width:190px}.user-name{font-size:14px;text-align:left}.user-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sender-summary{display:flex;flex-direction:column;gap:5px;padding:14px 16px;margin-bottom:16px;border:1px solid #edd6d8;background:#fff8f8;border-radius:9px}.sender-summary>span{color:var(--muted);font-size:14px}.sender-summary>strong{font-size:15px;overflow-wrap:anywhere}.sender-summary>small{color:var(--muted);font-size:13px;line-height:1.5}
@media(max-width:650px){.archive-search{padding:16px}.archive-search input,#user-form input,#user-form select,#demo-login-form input{font-size:16px}.user-table{min-width:760px}.user-actions{min-width:150px}}

/* Gross price stays primary; the derived net amount is consistently visible. */
.price-pair{display:inline-flex;flex-direction:column;gap:4px;max-width:100%;vertical-align:middle;line-height:1.45;font-variant-numeric:tabular-nums}
.price-gross small{font-size:10px;font-weight:500;color:var(--muted);white-space:nowrap}
.price-net,.price-input-net{display:block;font-size:11px;font-weight:500;color:var(--muted);line-height:1.5}
.price-input-net{margin-top:6px;min-height:17px}
.external-price-input{min-width:0}.external-price-input input{width:100%}
.sum-row.final .price-net,.quote-total .price-net{font-size:12px}.stock-row .price-pair{min-width:150px}
.document td{white-space:normal}.document .price-net{color:#444}
@media(max-width:600px){.price-gross small{display:block}.price-net{font-size:11px}.supplier-item-total{align-items:flex-start;gap:12px}.external-price-input .price-input-net{font-size:10px}.document table{font-size:11px}}

/* Autentificare, cont și starea de lucru cu serverul. */
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg,#f5f6f8)}
.login-card{width:100%;max-width:400px;background:white;border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:0 6px 32px #171a2512}
.login-card h1{font-size:24px;margin:22px 0 18px}
.login-card .subtext{margin:16px 0 0;line-height:1.6}
.login-brand{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.login-brand img{width:170px;height:auto}
.login-brand span{font-size:13px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.account-card{overflow-wrap:anywhere}
.profile-role{font-size:12px;color:var(--muted)}
body.is-busy{cursor:progress}
body.is-busy .modal button,body.is-busy .action-card button{pointer-events:none;opacity:.65}
a.btn{text-decoration:none}
.shared-document{padding:25px 15px}
.shared-document .document-toolbar{max-width:800px;margin:0 auto 20px;display:flex;justify-content:flex-end;gap:15px}
@media print{.shared-document{padding:0}}

/* Ecrane înguste: nimic nu iese din ecran și nimic nu se citește derulând lateral. */
.work-layout>*,.detail-layout>*,.grid-two>*,.side-column>*,.panel{min-width:0}
@media(max-width:1020px){.work-layout{grid-template-columns:minmax(0,1fr)}.side-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.priority-list{display:block}.priority-list .priority:nth-child(3){display:flex}}
.priority>*{min-width:0}
th,.tab b,.price-gross small,.search-box kbd{font-size:11px}
.document th{white-space:normal}.pill{max-width:100%}
.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.tabs.more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
@media screen{
 /* Un rând de tabel devine un card: prima valoare este titlul, celelalte au antetul coloanei ca etichetă. */
 .table-wrap:has(>table.stacked){overflow-x:visible}
 table.stacked,table.stacked tbody{display:block;width:100%;min-width:0}
 table.stacked thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 table.stacked tbody tr{display:block;padding:14px 16px;border-bottom:1px solid var(--line)}
 table.stacked tbody tr:last-child{border-bottom:0}
 table.stacked td{display:block;border:0;padding:6px 0;min-width:0;max-width:none!important;white-space:normal;text-align:left;overflow-wrap:anywhere;font-size:14px;background:transparent!important}
 table.stacked td[data-label]:not(:first-child){display:grid;grid-template-columns:minmax(92px,36%) minmax(0,1fr);gap:4px 12px;align-items:baseline;justify-items:start}
 table.stacked td[data-label]:not(:first-child)>*{grid-column:2}
 table.stacked td[data-label]:not(:first-child)::before{content:attr(data-label);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);overflow-wrap:normal}
 table.stacked td:first-child{font-size:15px;padding-top:0}
 table.stacked td:empty{display:none}
 table.stacked .price-pair,table.stacked .stock-row .price-pair{min-width:0}
 /* Stocul: cele trei cantități stau pe un rând, ca să se vadă dintr-o privire ce este disponibil. */
 table.stacked tr.stock-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 12px;position:relative;padding-right:56px}
 table.stacked tr.stock-row td{grid-column:1/-1}
 table.stacked tr.stock-row td:nth-child(3),table.stacked tr.stock-row td:nth-child(4),table.stacked tr.stock-row td:nth-child(5){grid-column:auto;display:block}
 table.stacked tr.stock-row td:nth-child(3)::before,table.stacked tr.stock-row td:nth-child(4)::before,table.stacked tr.stock-row td:nth-child(5)::before{display:block;margin-bottom:4px}
 table.stacked tr.stock-row td:last-child{position:absolute;right:6px;top:8px;padding:0}
 table.stacked .stock-piece-button{text-align:left;width:100%}
 .document table.stacked{font-size:14px}.document table.stacked tbody tr{padding:12px 0}
 /* Lista de scule, când nu încape ca tabel: aceeași așezare de card ca pe telefon. */
 #table-container table.stacked,#table-container table.stacked tbody{display:block;width:100%}#table-container table.stacked thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#table-container table.stacked tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:18px 16px;gap:11px 12px;border-bottom:1px solid var(--line)}#table-container table.stacked td{border:0;padding:0;min-width:0}#table-container table.stacked td:first-child{grid-column:1/-1}#table-container table.stacked td:nth-child(2){grid-column:1}#table-container table.stacked td:nth-child(3){grid-column:2;justify-self:end;align-self:start}#table-container table.stacked td:nth-child(4){grid-column:1;display:flex;gap:8px;flex-wrap:wrap;align-items:center}#table-container table.stacked td:nth-child(5){grid-column:2;grid-row:3;justify-self:end}#table-container table.stacked .client-name{white-space:normal;min-width:0;font-size:14px}#table-container table.stacked .tool-model{font-size:16px}#table-container table.stacked .day-count{font-size:14px}#table-container table.stacked .subtext{font-size:13px}#table-container table.stacked .tool-cell{min-height:44px}#table-container table.stacked .btn.quiet{text-align:left;width:100%;max-width:100%}#table-container table.stacked td[colspan]{grid-column:1/-1}
 table.stacked .pill{white-space:normal}
}
/* Două atingeri rapide pe același buton nu măresc pagina (mărirea cu două degete rămâne). */
html{touch-action:manipulation}
/* Degetul: tot ce se apasă are cel puțin 44 px, iar câmpurile au text de 16 px (sub atât, iPhone mărește pagina la focalizare). */
@media(pointer:coarse){
 .btn,.btn.small,.row-open,.close,.tab,.status-filter,.text-link,.cart-allocation button,.quantity-input,.nav-button{min-height:44px}
 .close,.row-open,.text-link,.cart-allocation button,.bell{min-width:44px}.bell{min-height:44px}
 .text-link{display:inline-flex;align-items:center}
 summary{padding:12px 0;min-height:44px}
 input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{font-size:16px!important}
 .checkline{min-height:44px}.checkline input{min-width:22px;width:22px;height:22px}
}
@media screen and (max-width:680px){
 .text-link,.cart-allocation button{min-height:44px;min-width:44px;display:inline-flex;align-items:center}.quantity-input{min-height:44px}
 summary{padding:12px 0;min-height:44px}
 .tab b,.price-gross small{font-size:12px}.footer-caption{font-size:11px}
 .detail-tabs{gap:12px;justify-content:space-between;padding:0 12px}
}
@media screen and (max-width:400px){.detail-tabs .tab{font-size:13px}}
@media(max-width:1400px){.tool-model{white-space:normal}}
@media(max-width:900px){.detail-layout{grid-template-columns:minmax(0,1fr)}.detail-layout .action-card{position:static;order:-1}}
/* Furnizori: câmp cu butoanele lui (deschide, copiază, afișează) pe același rând; pe telefon butoanele coboară dedesubt. */
.credential-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.credential-row input{flex:1 1 220px;min-width:0}.credential-title{font-size:15px;margin:22px 0 10px}
/* Mediul de testare: butoanele de repornire și de calendar, conturile de pe ecranul de autentificare. */
.demo-actions,.demo-accounts{display:flex;gap:8px;flex-wrap:wrap}.demo-accounts{margin:12px 0 18px}
/* Listă de selecție cu căutare (agenți, furnizori) și rândurile de piese noi din constatare. */
.pick{position:relative}.pick-options .search-result{padding:10px 12px}.pick-options .search-result[aria-selected=true]{background:var(--soft,#f4f6fa)}
.new-part-row{border:1px solid var(--line,#e3e7ee);border-radius:12px;padding:14px 14px 2px;margin:0 0 12px}