@font-face{font-family:Ravi;src:url('../assets/font/Ravi-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Ravi;src:url('../assets/font/Ravi-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{--navy:#0A1D3D;--navy2:#07172f;--blue:#1E5BFF;--cyan:#00C2FF;--silver:#C9D1D9;--bg:#F6F8FC;--panel:#fff;--text:#10213F;--muted:#7A879B;--line:#E5EAF1;--success:#15966b;--danger:#d94747;--shadow:0 10px 30px rgba(10,29,61,.06);--radius:16px;--sidebar:238px}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Ravi,Tahoma,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}a{text-decoration:none;color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 0 0 auto;width:var(--sidebar);padding:28px 14px 24px;color:#fff;background:radial-gradient(circle at 15% 6%,rgba(0,194,255,.16),transparent 28%),linear-gradient(180deg,#0A234A,var(--navy) 48%,#06172F);z-index:30;box-shadow:-10px 0 30px rgba(10,29,61,.08)}.brand-block{display:flex;align-items:center;gap:11px;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.1);direction:ltr}.brand-emblem{width:54px;height:54px;border:1px solid rgba(0,194,255,.7);border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#0e346b,#00a9e8);font:700 17px/1 "Segoe UI";box-shadow:0 5px 18px rgba(0,194,255,.22);flex:none}.brand-block>span:last-child{display:grid;text-align:left;min-width:0}.brand-block strong{font:700 12px/1.4 "Segoe UI";white-space:nowrap}.brand-block small{margin-top:5px;color:#9bb1cd;font:500 7px "Segoe UI";letter-spacing:1.8px}.side-nav{display:grid;gap:8px;padding-top:22px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:11px;color:#c8d4e5;font-size:13px}.nav-item:hover:not(.is-disabled){color:#fff;background:rgba(255,255,255,.06)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(30,91,255,.58),rgba(0,194,255,.12));box-shadow:inset 3px 0 var(--cyan)}.nav-item.is-disabled{opacity:.45;cursor:not-allowed}.sidebar-tagline{position:absolute;bottom:28px;right:28px;direction:ltr;text-align:left;color:#7890ad;font:500 9px/2 "Segoe UI";letter-spacing:4px}.main-content{flex:1;margin-right:var(--sidebar);min-width:0;min-height:100vh}.topbar{min-height:96px;padding:19px 30px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:20}.page-heading{display:flex;align-items:center;gap:12px}.heading-icon,.panel-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--blue);background:#eef4ff}.page-heading h1{margin:0;font-size:21px;font-weight:700}.page-heading p{margin:6px 0 0;color:var(--muted);font-size:11px}.user-chip{display:flex;align-items:center;gap:9px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eaf1ff;color:var(--blue);font-weight:700}.user-chip>span:nth-child(2){display:grid}.user-chip strong{font-size:11px}.user-chip small{color:var(--muted);font-size:9px}.link-btn{border:0;background:transparent;color:var(--blue);padding:5px;font-size:10px}.link-btn.danger{color:var(--danger)}.content-wrap{padding:25px 30px 105px;max-width:1540px;margin:auto}.mobile-menu{display:none;position:fixed;right:12px;top:13px;z-index:50;width:42px;height:42px;border:0;border-radius:10px;background:var(--navy);color:#fff}
.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.search-box{height:44px;min-width:min(620px,65vw);display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#8391a5}.search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;text-align:right;font-size:11px}.search-box button{border:0;background:transparent;color:var(--blue);font-size:10px}.compact-check{display:flex;align-items:center;gap:4px;font-size:9px;white-space:nowrap}.list-panel,.panel{background:var(--panel);border:1px solid #e7ecf3;border-radius:var(--radius);box-shadow:var(--shadow)}.list-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.list-head span,.list-head small{font-size:11px;color:var(--muted)}.customer-table{display:grid}.customer-row{display:grid;grid-template-columns:minmax(210px,2fr) 90px 130px 130px 150px 160px;align-items:center;gap:14px;min-height:82px;padding:12px 20px;border-bottom:1px solid #edf1f6}.customer-row:last-child{border-bottom:0}.table-header{min-height:48px;background:#fafbfd;color:#7d8b9f;font-size:10px}.customer-row.is-archived{opacity:.58}.customer-name{display:grid;gap:5px}.customer-name b{font-size:13px}.customer-name small,.customer-row small{font-size:9.5px;color:var(--muted)}.badge{display:inline-flex;padding:5px 8px;border-radius:20px;background:#eef4ff;color:var(--blue);font-size:9px}.completion{display:flex;align-items:center;gap:7px}.completion i{width:76px;height:6px;border-radius:5px;background:linear-gradient(90deg,var(--blue) var(--progress),#e8edf4 var(--progress));direction:ltr}.row-actions{display:flex;align-items:center;gap:5px}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;padding:18px;border-top:1px solid var(--line);font-size:10px}.pagination a{color:var(--blue)}.empty-state{padding:70px 20px;display:grid;justify-items:center;text-align:center}.empty-state h2{margin:20px 0 6px;font-size:17px}.empty-state p{margin:0;color:var(--muted);font-size:11px}
.btn{height:42px;border-radius:9px;border:1px solid transparent;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:11px;white-space:nowrap}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-sm{height:34px;padding:0 11px;font-size:9.5px}.btn-primary{background:linear-gradient(135deg,var(--blue),#176fee);color:#fff;box-shadow:0 5px 13px rgba(30,91,255,.16)}.btn-dark{background:var(--navy);color:#fff}.btn-outline{border-color:#afc5ff;background:#fff;color:var(--blue)}.btn-ghost{border-color:#dce5f1;background:#fff;color:var(--blue)}.full-btn{width:100%}
.stepper{max-width:720px;margin:0 auto 24px;display:flex;align-items:flex-start}.stepper .step{border:0;background:transparent;width:150px;display:grid;justify-items:center;gap:7px;color:#8290a4}.stepper .step b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #c6d0dd;background:#fff}.stepper .step span{font-size:10px}.stepper .step.active{color:var(--blue)}.stepper .step.active b{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(30,91,255,.22)}.stepper i{height:1px;flex:1;background:#d9e0e9;margin-top:17px}.step-page{display:none}.step-page.active{display:block}.editor-grid{display:grid;grid-template-columns:minmax(330px,.88fr) minmax(520px,1.4fr);gap:18px;align-items:start}.editor-grid.three{grid-template-columns:repeat(3,minmax(290px,1fr))}.panel{padding:22px}.panel-head{display:flex;align-items:center;gap:11px;margin-bottom:20px}.panel-head h2{margin:0;font-size:15px}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:9.5px}.panel-icon{font-size:13px;font-weight:700}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 11px}.field{display:grid;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field>span{font-size:10px;font-weight:700;color:#31425e}.field em{color:var(--danger);font-style:normal}.field input,.field select,.field textarea{width:100%;border:1px solid #dce4ed;border-radius:9px;background:#fbfcfe;color:var(--text);outline:0;padding:10px 11px;font-size:10.5px}.field input,.field select{height:41px}.field textarea{min-height:68px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#afc4ff;background:#fff;box-shadow:0 0 0 3px rgba(30,91,255,.07)}.field>small{color:var(--danger);font-size:8px}.color-text{direction:ltr;text-align:left}.logo-box{margin-top:18px;min-height:140px;border:1.5px dashed #c7d5e6;border-radius:11px;background:#fafcff;display:grid;place-items:center;gap:7px;padding:16px;text-align:center}.logo-box img{max-width:180px;max-height:100px;object-fit:contain}.logo-box div{display:grid;gap:6px}.logo-box small{color:var(--muted);font-size:9px}.logo-box input[type=file]{max-width:220px;font-size:9px}.feature-toggle{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px;padding:16px 18px;border:1px solid #dfe7f2;border-radius:12px;background:#fff}.feature-toggle>span{display:grid;gap:4px}.feature-toggle strong{font-size:11px}.feature-toggle small{font-size:9px;color:var(--muted)}.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.output-card{min-height:100px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px}.output-card>svg{color:var(--blue);width:26px;height:26px}.output-card>div{display:grid;gap:6px}.output-card strong{font-size:12px}.output-card small{font-size:9px;color:var(--muted)}.phase-note{margin-top:18px;padding:17px;border-radius:11px;background:#eef5ff;display:grid;gap:5px}.phase-note strong{font-size:11px}.phase-note span{font-size:9px;color:var(--muted)}.actionbar{position:fixed;right:var(--sidebar);left:0;bottom:0;min-height:76px;padding:13px 30px;background:rgba(255,255,255,.95);backdrop-filter:blur(13px);border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;z-index:22}.save-state{font-size:9px;color:var(--muted)}.validation{margin-bottom:14px;padding:10px 14px;border-radius:9px;background:#fff2f2;color:var(--danger);font-size:9px}.validation:empty{display:none}.toast{position:fixed;left:26px;bottom:95px;min-width:250px;padding:12px 15px;border-radius:10px;background:var(--navy);color:#fff;box-shadow:0 14px 35px rgba(10,29,61,.22);font-size:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;z-index:99}.toast.show{opacity:1;transform:none}
.auth-body{display:grid;place-items:center;background:radial-gradient(circle at 50% 0,rgba(0,194,255,.16),transparent 35%),var(--navy);padding:24px}.auth-shell{width:min(430px,100%)}.auth-card{padding:32px;border-radius:18px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.22)}.auth-brand{display:flex;align-items:center;gap:12px;direction:ltr;text-align:left}.auth-brand>div{display:grid}.auth-brand strong{font:700 13px "Segoe UI"}.auth-brand small{font-size:9px;color:var(--muted)}.auth-card h1{margin:28px 0 5px;font-size:21px}.auth-card>p{margin:0 0 22px;color:var(--muted);font-size:10px}.auth-card form{display:grid;gap:14px}.check-row{font-size:10px;display:flex;gap:7px;align-items:center}
@media(max-width:1250px){:root{--sidebar:210px}.editor-grid.three{grid-template-columns:1fr 1fr}.customer-row{grid-template-columns:minmax(190px,2fr) 80px 120px 120px 145px}.customer-row>span:nth-child(5),.table-header>span:nth-child(5){display:none}}
@media(max-width:920px){:root{--sidebar:74px}.brand-block{justify-content:center;padding:0 0 18px}.brand-block>span:last-child,.nav-item span,.sidebar-tagline{display:none}.nav-item{justify-content:center}.editor-grid,.editor-grid.three{grid-template-columns:1fr}.customer-row{grid-template-columns:2fr 80px 110px 140px}.customer-row>span:nth-child(4),.table-header>span:nth-child(4){display:none}.topbar{padding:17px}.content-wrap{padding:20px 18px 100px}.actionbar{padding:12px 18px}}
@media(max-width:650px){:root{--sidebar:0px}.sidebar{transform:translateX(110%);width:238px;transition:.22s}.sidebar.open{transform:none}.main-content{margin-right:0}.mobile-menu{display:grid;place-items:center}.topbar{padding-right:65px;position:relative}.user-chip>span:nth-child(2){display:none}.content-wrap{padding:18px 12px 96px}.page-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:0;width:100%}.customer-table{gap:10px}.table-header{display:none}.customer-row{margin:0 10px;padding:15px;border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;min-height:0}.customer-row>span:nth-child(3),.customer-row>span:nth-child(4),.customer-row>span:nth-child(5){display:none}.row-actions{justify-self:end}.fields,.output-grid{grid-template-columns:1fr}.field{grid-column:1!important}.panel{padding:17px}.stepper{overflow:auto}.stepper .step{min-width:105px}.page-heading h1{font-size:17px}.page-heading p{display:none}.actionbar{right:0}.output-card{grid-template-columns:auto 1fr}.output-card button{grid-column:1/-1}.toast{left:12px;right:12px;min-width:0}}
.color-picker-wrap{height:41px;border:1px solid #dce4ed;border-radius:9px;background:#fbfcfe;padding:5px 9px;display:flex;align-items:center;gap:10px;direction:ltr}.field input.color-picker{width:54px;height:29px;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:0;border-radius:6px}.color-picker::-moz-color-swatch{border:0;border-radius:6px}.color-picker-wrap output{font:600 10px/1 Consolas,monospace;color:#516079;letter-spacing:.3px}.logo-upload{display:grid;justify-items:center;gap:6px;color:var(--blue);font-size:9px;font-weight:700}
.contract-toolbar{margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:end;justify-content:space-between;gap:12px}.contract-toolbar label{display:grid;gap:5px;min-width:min(520px,70%)}.contract-toolbar label span{font-size:9px;color:var(--muted)}.contract-toolbar select{height:42px;border:1px solid #dce4ed;border-radius:9px;background:#fbfcfe;padding:0 11px;color:var(--text);font-size:10.5px}.contract-sections{display:grid;gap:13px;margin-top:18px}.contract-section{padding:0;overflow:hidden}.contract-section summary{min-height:68px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.contract-section summary::-webkit-details-marker{display:none}.contract-section summary>span{display:grid;gap:4px}.contract-section summary b{font-size:12px}.contract-section summary small{font-size:9px;color:var(--muted)}.contract-section summary i{font-style:normal;color:var(--blue);transition:.2s}.contract-section[open] summary{border-bottom:1px solid var(--line)}.contract-section[open] summary i{transform:rotate(180deg)}.section-body{padding:20px}.section-body>h3,.subcard h3{margin:0 0 13px;font-size:11px}.section-body>h3:not(:first-child){margin-top:24px}.fields.four{grid-template-columns:repeat(4,1fr)}.repeat-list{display:grid;gap:9px;margin-bottom:10px}.repeat-row{display:grid;grid-template-columns:1fr .7fr 1.2fr 1fr 30px;gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafbfd}.icon-remove{width:30px;height:40px;border:0;border-radius:8px;background:#fff0f0;color:var(--danger);font-size:18px}.guarantee-grid,.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.subcard{padding:16px;border:1px solid var(--line);border-radius:11px;background:#fafbfd}.milestone-list{display:grid;gap:8px}.milestone-row{display:grid;grid-template-columns:34px 1.25fr 1fr .8fr 1fr;gap:8px;align-items:end;padding:10px;border-bottom:1px solid var(--line)}.milestone-row>b{align-self:center;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:var(--blue);font-size:10px}.document-status{padding:5px 9px;border-radius:20px;background:#fff2f2;color:var(--danger);font-size:8.5px}.output-card.is-ready{border-color:#b9e6d5}.output-card.is-ready .document-status{background:#e9f8f2;color:var(--success)}.output-card{grid-template-columns:auto 1fr auto auto}.drawer-open{overflow:hidden}.evaluation-drawer{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none}.evaluation-drawer.open{visibility:visible;pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:rgba(7,23,47,.38);opacity:0;transition:.2s}.evaluation-drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;inset:0 0 0 auto;width:min(920px,92vw);background:#f7f9fc;box-shadow:-20px 0 70px rgba(10,29,61,.2);transform:translateX(105%);transition:.24s;display:grid;grid-template-rows:auto auto 1fr auto}.evaluation-drawer.open .drawer-panel{transform:none}.drawer-panel>header{padding:19px 23px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer-panel>header h2{margin:0;font-size:17px}.drawer-panel>header p{margin:5px 0 0;color:var(--muted);font-size:9px}.drawer-panel>header button{width:36px;height:36px;border:0;border-radius:9px;background:#f1f4f8;color:var(--text);font-size:20px}.evaluation-summary{padding:12px 23px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.evaluation-summary span{padding:10px;border-radius:9px;background:#f6f8fc;display:grid;gap:4px}.evaluation-summary small{font-size:8.5px;color:var(--muted)}.evaluation-summary b{font-size:11px}.drawer-content{padding:20px 23px 28px;overflow:auto}.evaluation-meta{margin-bottom:20px}.evaluation-section-title{margin:22px 0 9px;font-size:12px}.criterion-row{display:grid;grid-template-columns:minmax(260px,1.6fr) 145px 70px minmax(170px,1fr);align-items:end;gap:8px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:7px}.criterion-title{align-self:center;display:flex;align-items:center;gap:7px}.criterion-title b{font-size:9.5px;font-weight:600}.criterion-title span{padding:3px 6px;border-radius:10px;background:#fff0f0;color:var(--danger);font-size:7.5px}.criterion-row label{display:grid;gap:5px}.criterion-row label small{font-size:8px;color:var(--muted)}.criterion-row input,.criterion-row select{height:37px;border:1px solid #dce4ed;border-radius:8px;background:#fbfcfe;padding:0 9px;font-size:9.5px}.drawer-panel>footer{padding:13px 23px;background:#fff;border-top:1px solid var(--line)}
@media(max-width:1100px){.fields.four{grid-template-columns:1fr 1fr}.repeat-row{grid-template-columns:1fr 1fr}.repeat-row .icon-remove{grid-column:2;justify-self:end}.milestone-row{grid-template-columns:34px 1fr 1fr}.milestone-row .field:last-child{grid-column:2/-1}.criterion-row{grid-template-columns:1fr 130px 70px}.criterion-note{grid-column:1/-1}}
@media(max-width:650px){.contract-toolbar{align-items:stretch;flex-direction:column}.contract-toolbar label{min-width:0}.fields.four,.guarantee-grid,.signature-grid,.repeat-row{grid-template-columns:1fr}.milestone-row{grid-template-columns:30px 1fr}.milestone-row .field{grid-column:2}.repeat-row .icon-remove{grid-column:1}.output-card{grid-template-columns:auto 1fr}.document-status{grid-column:2;justify-self:start}.drawer-panel{width:100vw}.evaluation-summary{grid-template-columns:1fr 1fr}.criterion-row{grid-template-columns:1fr 1fr}.criterion-title,.criterion-note{grid-column:1/-1}.drawer-content{padding:15px}.drawer-panel>header{padding:15px}}
.document-toolbar{margin-bottom:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}.document-toolbar>div{display:grid;gap:4px}.document-toolbar strong{font-size:12px}.document-toolbar small{font-size:9px;color:var(--muted)}.document-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.output-card.is-generated{border-color:#b7d0ff;background:linear-gradient(145deg,#fff,#f8fbff)}.output-card.is-generated .document-status{background:#eaf1ff;color:var(--blue)}
@media(max-width:780px){.document-toolbar{align-items:stretch;flex-direction:column}.document-toolbar .btn{width:100%}.document-actions{grid-column:1/-1;justify-content:stretch}.document-actions .btn{flex:1}.output-card{grid-template-columns:auto 1fr auto}}
.validation{padding:11px 15px;border:1px solid #ffd6d6;font-size:10px}.validation.validation-summary-valid{display:none}.validation ul{margin:0;padding:0 18px 0 0;display:grid;gap:5px}
.followup-alert{margin-top:14px;padding:14px 16px;border:1px solid #ffd59a;border-radius:11px;background:#fff9ef;color:#805714;display:flex;align-items:center;justify-content:space-between;gap:12px}.followup-alert strong{font-size:11px}.followup-alert span{font-size:9px}.delivery-panel{margin-top:14px;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.delivery-panel>header{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.delivery-panel>header>div{display:grid;gap:4px}.delivery-panel>header strong{font-size:12px}.delivery-panel>header small{font-size:9px;color:var(--muted)}.delivery-panel>header>span{padding:5px 9px;border-radius:20px;background:#eef4ff;color:var(--blue);font-size:8.5px}.delivery-empty{padding:28px;text-align:center;color:var(--muted);font-size:10px}.delivery-list{display:grid}.delivery-row{min-height:72px;padding:12px 17px;border-bottom:1px solid #edf1f6;display:grid;grid-template-columns:minmax(220px,2fr) 120px 120px auto auto;align-items:center;gap:12px}.delivery-row:last-child{border-bottom:0}.delivery-row.is-due{background:#fffaf2}.delivery-row.is-received{background:#f8fcfa}.delivery-row.is-cancelled{opacity:.58}.delivery-main{display:grid;gap:5px}.delivery-main strong{font-size:10.5px}.delivery-main small,.delivery-time small{font-size:8.5px;color:var(--muted)}.delivery-time{display:grid;gap:4px}.delivery-time time{font-size:9px}.delivery-status{padding:5px 8px;border-radius:20px;background:#eaf1ff;color:var(--blue);font-size:8px;white-space:nowrap}.is-due .delivery-status{background:#fff0d9;color:#9a6210}.is-received .delivery-status{background:#e9f8f2;color:var(--success)}.delivery-actions{display:flex;gap:5px}.audit-section{margin-top:14px;padding:0;overflow:hidden}.audit-section summary{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer}.audit-section summary::-webkit-details-marker{display:none}.audit-section summary>span{display:grid;gap:4px}.audit-section summary b{font-size:11px}.audit-section summary small{font-size:8.5px;color:var(--muted)}.audit-section[open] summary{border-bottom:1px solid var(--line)}.audit-list{max-height:360px;overflow:auto}.audit-row{min-height:55px;padding:10px 18px;border-bottom:1px solid #edf1f6;display:grid;grid-template-columns:10px minmax(180px,1fr) 140px 120px;align-items:center;gap:10px}.audit-row:last-child{border-bottom:0}.audit-dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}.audit-row>div{display:grid;gap:3px}.audit-row strong{font-size:9.5px}.audit-row small,.audit-row>span,.audit-row time{font-size:8.5px;color:var(--muted)}
.delivery-drawer{position:fixed;inset:0;z-index:105;visibility:hidden;pointer-events:none}.delivery-drawer.open{visibility:visible;pointer-events:auto}.delivery-drawer.open .drawer-backdrop{opacity:1}.delivery-drawer-panel{position:absolute;inset:0 0 0 auto;width:min(470px,94vw);background:#f7f9fc;box-shadow:-20px 0 70px rgba(10,29,61,.2);transform:translateX(105%);transition:.24s;display:grid;grid-template-rows:auto 1fr auto}.delivery-drawer.open .delivery-drawer-panel{transform:none}.delivery-drawer-panel>header{padding:19px 21px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.delivery-drawer-panel>header h2{margin:0;font-size:16px}.delivery-drawer-panel>header p{margin:5px 0 0;color:var(--muted);font-size:9px}.delivery-drawer-panel>header button{width:36px;height:36px;border:0;border-radius:9px;background:#f1f4f8;color:var(--text);font-size:20px}.delivery-form{padding:21px;overflow:auto;display:grid;gap:13px}.delivery-drawer-panel>footer{padding:13px 21px;background:#fff;border-top:1px solid var(--line)}.delivery-drawer-panel>footer .btn{width:100%}
@media(max-width:1050px){.delivery-row{grid-template-columns:minmax(190px,1fr) 110px auto}.delivery-row .delivery-time:nth-of-type(2){display:none}.delivery-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:650px){.followup-alert,.delivery-panel>header{align-items:flex-start;flex-direction:column}.delivery-row{grid-template-columns:1fr auto;padding:14px}.delivery-main{grid-column:1/-1}.delivery-time{display:grid!important}.delivery-status{justify-self:end}.delivery-actions{grid-column:1/-1;width:100%}.delivery-actions .btn{flex:1}.audit-row{grid-template-columns:10px minmax(0,1fr)}.audit-row>.audit-dot{grid-column:1!important;grid-row:1}.audit-row>div{grid-column:2;grid-row:1}.audit-row>span:not(.audit-dot),.audit-row time{grid-column:2}.delivery-drawer-panel{width:100vw}}