#v483-contract-root{position:fixed;inset:0;z-index:99990;background:#f4f7fb;color:#172033;font-family:Inter,Arial,sans-serif;display:none;overflow:auto}
#v483-contract-root.open{display:block}
.v488-shell{min-height:100%;max-width:1680px;margin:auto;padding:20px 22px 46px}
.v488-topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}
.v488-eyebrow{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4263a7;margin-bottom:5px}
.v488-title{font-size:28px;line-height:1.15;font-weight:850;margin:0;color:#13213c}
.v488-sub{color:#667085;font-size:13px;margin-top:6px}
.v488-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.v488-btn{border:1px solid #d5dce8;background:#fff;color:#344054;border-radius:10px;min-height:40px;padding:0 14px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 1px 2px rgba(16,24,40,.03)}
.v488-btn:hover{background:#f8fafc}.v488-btn.primary{background:#1749a6;color:#fff;border-color:#1749a6}.v488-btn.danger{color:#b42318}.v488-btn.soft{background:#eef4ff;color:#1749a6;border-color:#dce7ff}
.v488-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.v488-kpi{position:relative;overflow:hidden;background:#fff;border:1px solid #e1e7f0;border-radius:15px;padding:15px 16px;min-height:102px;box-shadow:0 4px 15px rgba(16,24,40,.035)}
.v488-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#9aa8bd}.v488-kpi.ok:before{background:#23a26d}.v488-kpi.warn:before{background:#f59e0b}.v488-kpi.bad:before{background:#e0524d}
.v488-kpi-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.v488-kpi-label{font-size:12px;font-weight:750;color:#667085}.v488-kpi-icon{width:30px;height:30px;border-radius:9px;background:#f2f5fa;display:flex;align-items:center;justify-content:center;font-size:15px}
.v488-kpi strong{display:block;margin-top:9px;font-size:27px;line-height:1;font-weight:850;color:#101828}.v488-kpi small{display:block;margin-top:7px;color:#98a2b3;font-size:10.5px}
.v488-panel{background:#fff;border:1px solid #e0e7f0;border-radius:16px;box-shadow:0 5px 18px rgba(16,24,40,.04);overflow:hidden}
.v488-panel-head{padding:13px 14px;border-bottom:1px solid #edf1f5;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.v488-tabs{display:flex;gap:5px;flex-wrap:wrap}.v488-tab{border:1px solid transparent;background:#f5f7fa;color:#475467;border-radius:9px;min-height:35px;padding:0 11px;font-weight:750;font-size:12px;cursor:pointer}.v488-tab.active{background:#eaf1ff;border-color:#d3e0ff;color:#1749a6}.v488-tab .n{margin-left:5px;background:#fff;border-radius:999px;padding:1px 6px;font-size:10px}
.v488-tools{display:flex;gap:8px;align-items:center;flex:1;justify-content:flex-end;min-width:420px}.v488-search{position:relative;flex:1;max-width:390px}.v488-search:before{content:"⌕";position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#98a2b3;font-size:17px}.v488-input,.v488-select,.v488-textarea{border:1px solid #d5dce8;border-radius:9px;background:#fff;padding:10px 11px;font:inherit;box-sizing:border-box;color:#344054}.v488-search .v488-input{width:100%;padding-left:34px;min-width:0}.v488-select{min-width:160px}
.v488-summarybar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 14px;background:#fbfcfe;border-bottom:1px solid #edf1f5;color:#667085;font-size:11.5px}.v488-summarybar b{color:#344054}
.v488-tablewrap{overflow:auto}.v488-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1120px}.v488-table th,.v488-table td{padding:12px 12px;border-bottom:1px solid #edf1f5;text-align:left;font-size:12.5px;vertical-align:middle}.v488-table th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#667085;font-size:10.5px;text-transform:uppercase;letter-spacing:.035em;font-weight:800;white-space:nowrap}.v488-table tbody tr:hover{background:#fbfdff}.v488-table tr.urgent{background:#fffaf2}.v488-table tr.overdue{background:#fff6f5}
.v488-code{font-weight:850;color:#1749a6;white-space:nowrap}.v488-partner{font-weight:800;color:#101828}.v488-contract-name{display:block;color:#667085;font-size:11px;margin-top:3px;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v488-date{white-space:nowrap}.v488-money{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:750}.v488-owner{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v488-days{display:inline-flex;align-items:center;gap:5px;font-weight:800;white-space:nowrap}.v488-days.ok{color:#287a54}.v488-days.warn{color:#b56800}.v488-days.bad{color:#b42318}.v488-badge{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10.5px;font-weight:850;white-space:nowrap}.v488-badge.active{background:#eaf8ef;color:#147a3f}.v488-badge.expiring{background:#fff3da;color:#9a5a00}.v488-badge.expired{background:#feeceb;color:#b42318}.v488-badge.renewed{background:#e8f0ff;color:#1749a6}.v488-badge.liquidated{background:#eef0f4;color:#475467}
.v488-rowactions{display:flex;gap:5px;justify-content:flex-end}.v488-iconbtn{border:1px solid #d8e0eb;background:#fff;color:#344054;border-radius:8px;padding:7px 9px;font-weight:750;font-size:11px;cursor:pointer;white-space:nowrap}.v488-iconbtn:hover{background:#f8fafc}.v488-iconbtn.primary{color:#1749a6;border-color:#cfdcff;background:#f6f9ff}
.v488-empty{padding:54px 18px;text-align:center;color:#667085}.v488-empty-icon{font-size:30px;margin-bottom:8px}.v488-empty b{display:block;color:#344054;margin-bottom:4px}
.v488-modal{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.56);display:flex;align-items:center;justify-content:center;padding:18px}.v488-card{background:#fff;width:min(920px,100%);max-height:92vh;overflow:auto;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.24)}.v488-card.detail{width:min(980px,100%)}.v488-cardhead{padding:17px 20px;border-bottom:1px solid #e7ebf2;display:flex;justify-content:space-between;gap:12px;align-items:center;position:sticky;top:0;background:#fff;z-index:2}.v488-cardtitle{font-weight:850;font-size:16px;color:#172033}.v488-cardmeta{font-size:11px;color:#667085;margin-top:3px}.v488-cardbody{padding:20px}.v488-cardfoot{padding:14px 20px;border-top:1px solid #e7ebf2;display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:#fff}
.v488-formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.v488-field label{display:block;font-size:11.5px;font-weight:800;margin-bottom:6px;color:#344054}.v488-field .v488-input,.v488-field .v488-select,.v488-field .v488-textarea{width:100%;min-width:0}.v488-span2{grid-column:1/-1}
.v488-detailgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.v488-detailbox{border:1px solid #e3e8ef;border-radius:12px;padding:12px;background:#fbfcfe}.v488-detailbox span{display:block;font-size:10px;text-transform:uppercase;color:#98a2b3;font-weight:800}.v488-detailbox b{display:block;margin-top:5px;font-size:13px;color:#101828}.v488-section-title{font-size:13px;font-weight:850;margin:18px 0 9px;color:#344054}.v488-note{border:1px solid #e5eaf1;border-radius:12px;padding:12px;background:#fbfcfe;color:#475467;white-space:pre-wrap}.v488-doc{display:inline-flex;margin-top:10px;color:#1749a6;font-weight:800;text-decoration:none}.v488-history{position:relative;border-left:2px solid #dbe4f3;padding:0 0 13px 14px;margin-left:5px}.v488-history:before{content:"";position:absolute;left:-5px;top:2px;width:8px;height:8px;border-radius:50%;background:#1749a6}.v488-history b{font-size:12px}.v488-history small{display:block;color:#667085;margin-top:3px;font-size:10.5px}
.v483-menu-btn{width:calc(100% - 16px);margin:4px 8px;border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font:inherit;text-align:left}.v483-alertdot{display:inline-flex;min-width:20px;height:20px;border-radius:999px;align-items:center;justify-content:center;background:#d92d20;color:#fff;font-size:10px;font-weight:800;margin-left:auto}
@media(max-width:1180px){.v488-shell{padding:16px 14px 38px}.v488-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v488-tools{min-width:100%;justify-content:stretch}.v488-search{max-width:none}.v488-detailgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.v488-shell{padding:12px 10px 30px}.v488-topbar{display:block}.v488-title{font-size:22px}.v488-actions{margin-top:12px;justify-content:flex-start}.v488-actions .v488-btn{flex:1}.v488-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.v488-kpi{padding:12px;min-height:92px}.v488-kpi strong{font-size:23px}.v488-panel-head{display:block}.v488-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.v488-tab{white-space:nowrap}.v488-tools{display:grid;grid-template-columns:1fr auto;margin-top:10px;min-width:0}.v488-search{grid-column:1/-1}.v488-select{min-width:0;width:100%}.v488-summarybar{align-items:flex-start}.v488-table{min-width:0}.v488-table thead{display:none}.v488-table,.v488-table tbody,.v488-table tr,.v488-table td{display:block;width:100%}.v488-table tr{margin:10px;border:1px solid #e1e7f0;border-radius:13px;padding:10px;width:auto;box-shadow:0 2px 8px rgba(16,24,40,.03)}.v488-table td{border:0;padding:5px 4px}.v488-table td:before{content:attr(data-label);display:block;font-size:9.5px;color:#98a2b3;text-transform:uppercase;font-weight:800;margin-bottom:2px}.v488-money{text-align:left!important}.v488-rowactions{justify-content:flex-start;margin-top:5px}.v488-contract-name{max-width:none;white-space:normal}.v488-formgrid{grid-template-columns:1fr}.v488-span2{grid-column:auto}.v488-cardbody{padding:15px}.v488-cardhead{padding:14px 15px}.v488-cardfoot{padding:12px 15px}.v488-detailgrid{grid-template-columns:1fr 1fr}.v488-modal{padding:9px}.v488-card{border-radius:14px}}
@media(max-width:460px){.v488-kpis{grid-template-columns:1fr 1fr}.v488-kpi small{display:none}.v488-detailgrid{grid-template-columns:1fr}.v488-tools{grid-template-columns:1fr}.v488-search{grid-column:auto}.v488-actions{display:grid;grid-template-columns:1fr 1fr}.v488-actions .primary{grid-column:1/-1}}


/* V489 Contract Builder */
.v489-template-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 18px;background:linear-gradient(135deg,#fff 0%,#f7f9ff 100%);border:1px solid #e3e8f2;border-radius:16px;box-shadow:0 4px 18px rgba(15,23,42,.05)}
.v489-template-strip>div:first-child{min-width:210px}.v489-template-strip b{display:block;font-size:14px;color:#172033}.v489-template-strip span{display:block;margin-top:4px;font-size:12px;color:#64748b}
.v489-mini-templates{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v489-mini-templates button{display:flex;align-items:center;gap:7px;border:1px solid #dbe3ef;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;color:#334155;font-weight:700;font-size:12px}.v489-mini-templates button:hover{border-color:#315efb;box-shadow:0 4px 12px rgba(49,94,251,.12)}.v489-mini-templates i{font-style:normal;color:#315efb}
.v489-template-modal{max-width:900px!important}.v489-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v489-template-card{text-align:left;border:1px solid #e1e7f0;background:#fff;border-radius:16px;padding:18px;cursor:pointer;transition:.18s;display:flex;flex-direction:column;min-height:160px}.v489-template-card:hover{transform:translateY(-2px);border-color:#315efb;box-shadow:0 12px 30px rgba(15,23,42,.09)}.v489-template-card .ico{width:40px;height:40px;border-radius:12px;background:#eef3ff;color:#315efb;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}.v489-template-card b{font-size:15px;color:#172033}.v489-template-card span{font-size:12px;color:#64748b;margin-top:6px;line-height:1.5}.v489-template-card em{font-style:normal;font-size:12px;font-weight:800;color:#315efb;margin-top:auto;padding-top:14px}
.v489-builder{max-width:1040px!important}.v489-builder-steps{display:flex;gap:4px;padding:0 22px 14px;border-bottom:1px solid #edf0f5}.v489-builder-steps span{font-size:11px;font-weight:800;color:#94a3b8;background:#f8fafc;border-radius:999px;padding:6px 10px}.v489-builder-steps span.active{color:#315efb;background:#eef3ff}
.v489-code-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;margin-bottom:18px;border-radius:12px;background:#0f172a;color:#fff}.v489-code-banner span{display:block;font-size:10px;letter-spacing:.08em;color:#94a3b8;font-weight:800}.v489-code-banner b{font-size:18px;letter-spacing:.03em}.v489-code-banner small{font-size:11px;color:#cbd5e1}
.v489-contract-editor{width:100%;min-height:330px;resize:vertical;border:1px solid #d7deea;border-radius:12px;padding:14px 15px;font-family:"Times New Roman",serif;font-size:15px;line-height:1.55;background:#fff;color:#172033;outline:none}.v489-contract-editor:focus{border-color:#315efb;box-shadow:0 0 0 3px rgba(49,94,251,.10)}
.v489-content-preview{font-family:"Times New Roman",serif;font-size:15px;line-height:1.65;padding:18px;background:#fff;border:1px solid #e3e8ef;border-radius:12px;max-height:360px;overflow:auto;color:#1f2937}
.v488-cardfoot button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.v489-template-strip{align-items:flex-start;flex-direction:column}.v489-mini-templates{justify-content:flex-start}.v489-template-grid{grid-template-columns:1fr}.v489-builder-steps{overflow:auto}.v489-code-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.v489-mini-templates{display:grid;grid-template-columns:1fr 1fr;width:100%}.v489-mini-templates button{justify-content:flex-start}.v489-contract-editor{min-height:280px}}

/* V490 editable parties and supplied products */
.v490-party,.v490-products{border:1px solid #dfe6f0;border-radius:14px;background:#fbfcfe;padding:15px;margin-top:4px}
.v490-party-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.v490-party-title b{font-size:13px;color:#172033}.v490-party-title span{font-size:11px;color:#64748b}
.v490-party-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v490-party-grid .v488-field{margin:0}.v490-product-editor{min-height:130px!important}.v490-products>small{display:block;color:#64748b;font-size:11px;margin-top:7px}
@media(max-width:700px){.v490-party-grid{grid-template-columns:1fr}.v490-party-title{align-items:flex-start;flex-direction:column}}

/* V492 - Professional Contract Management */
#v483-contract-root.open{background:#f4f7fb}
.v492-shell{min-height:100vh;padding:22px 24px 34px;max-width:1720px;margin:0 auto;color:#172033}
.v492-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#111827 0%,#1d2a44 62%,#20345f 100%);border-radius:20px;padding:24px 26px;color:#fff;box-shadow:0 14px 36px rgba(15,23,42,.14)}
.v492-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#9fb3d8;margin-bottom:7px}.v492-hero h1{font-size:28px;line-height:1.15;margin:0 0 7px;font-weight:800}.v492-hero p{margin:0;color:#cbd5e1;font-size:13px;line-height:1.5}
.v492-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v492-btn{border:1px solid #d8e0eb;background:#fff;color:#263246;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:800;cursor:pointer;transition:.15s}.v492-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(15,23,42,.08)}.v492-btn.primary{background:#315efb;border-color:#315efb;color:#fff}.v492-btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}.v492-btn.compact{padding:9px 13px;white-space:nowrap}
.v492-alertline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 18px;border-radius:14px;padding:12px 14px;border:1px solid}.v492-alertline.has{background:#fff8ed;border-color:#f8d5a5}.v492-alertline.clear{background:#f3fbf7;border-color:#ccebd8}.v492-alertline>div{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center}.v492-alertline .dot{width:8px;height:8px;border-radius:50%;background:#f59e0b}.v492-alertline.clear .dot{background:#16a34a}.v492-alertline b{font-size:12px}.v492-alertline small{grid-column:2;font-size:11px;color:#6b7280;margin-top:2px}.v492-alertline button{border:0;background:transparent;color:#b45309;font-size:11px;font-weight:800;cursor:pointer}
.v492-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.v492-kpi{appearance:none;text-align:left;border:1px solid #e1e7f0;background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:13px;cursor:pointer;box-shadow:0 5px 16px rgba(15,23,42,.04);transition:.16s}.v492-kpi:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.08)}.v492-kpi .ico{width:42px;height:42px;border-radius:12px;background:#eef3ff;color:#315efb;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px}.v492-kpi.ok .ico{background:#edf9f1;color:#16813e}.v492-kpi.warn .ico{background:#fff5e7;color:#d97706}.v492-kpi.bad .ico{background:#fff0f0;color:#dc2626}.v492-kpi div{min-width:0}.v492-kpi small{display:block;font-size:11px;color:#687386;font-weight:700}.v492-kpi strong{display:block;font-size:27px;line-height:1.1;color:#172033;margin:3px 0}.v492-kpi em{display:block;font-style:normal;font-size:10px;color:#98a1af}
.v492-templatebar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e1e7f0;border-radius:16px;padding:14px 16px;margin-bottom:18px}.v492-template-copy b{display:block;font-size:13px;color:#172033}.v492-template-copy span{display:block;font-size:11px;color:#718096;margin-top:3px}.v492-template-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v492-template-pills button{border:1px solid #dfe6f0;background:#f9fbfd;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;color:#374151;cursor:pointer}.v492-template-pills button:hover{border-color:#315efb;background:#f2f5ff;color:#315efb}.v492-template-pills button span{margin-right:5px;color:#315efb}
.v492-panel{background:#fff;border:1px solid #e1e7f0;border-radius:18px;box-shadow:0 8px 28px rgba(15,23,42,.05);overflow:hidden}.v492-panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid #edf1f5}.v492-tabs{display:flex;gap:6px;flex-wrap:wrap}.v492-tabs .v488-tab{border:1px solid transparent;background:#f5f7fa;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;color:#667085}.v492-tabs .v488-tab.active{background:#172033;color:#fff}.v492-tabs .v488-tab .n{margin-left:4px;opacity:.75}
.v492-filterbar{display:flex;align-items:center;gap:8px}.v492-search{display:flex;align-items:center;gap:7px;border:1px solid #dbe2ec;border-radius:10px;padding:0 10px;background:#fff;min-width:320px}.v492-search span{font-size:18px;color:#8a94a4}.v492-search input{border:0;outline:none;width:100%;height:36px;font-size:12px;color:#253047;background:transparent}.v492-filterbar select{height:38px;border:1px solid #dbe2ec;border-radius:10px;padding:0 10px;background:#fff;color:#374151;font-size:12px}
.v492-resultbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fafbfd;border-bottom:1px solid #edf1f5;color:#6b7280;font-size:11px}.v492-tablewrap{overflow:auto}.v492-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1180px}.v492-table thead th{position:sticky;top:0;z-index:1;background:#172033!important;color:#fff!important;font-size:10px;letter-spacing:.03em;text-transform:uppercase;padding:12px 11px;border:0!important}.v492-table tbody td{padding:13px 11px;border-bottom:1px solid #edf1f5;font-size:12px;vertical-align:middle}.v492-table tbody tr:hover{background:#f8faff}.v492-table tbody tr.urgent{background:#fffaf2}.v492-table tbody tr.overdue{background:#fff5f5}.v492-code{display:inline-flex;background:#eef3ff;color:#315efb;border-radius:8px;padding:5px 7px;font-size:11px;font-weight:900}.v492-partner{display:block;color:#172033;font-weight:800}.v492-contract-name{display:block;color:#7b8492;font-size:10.5px;margin-top:3px;max-width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v492-rowactions{display:flex;justify-content:flex-end;gap:5px}.v492-rowactions .v488-iconbtn{padding:6px 8px;border-radius:8px;font-size:10.5px}
.v492-modal .v488-card{border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.20)}.v492-builder{width:min(1080px,calc(100vw - 40px));max-height:92vh;overflow:auto}.v492-template-modal{width:min(900px,calc(100vw - 40px))}
@media(max-width:1300px){.v492-shell{padding:18px}.v492-panel-top{align-items:flex-start;flex-direction:column}.v492-filterbar{width:100%}.v492-search{flex:1;min-width:0}.v492-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v492-templatebar{align-items:flex-start;flex-direction:column}.v492-template-pills{justify-content:flex-start}}
@media(max-width:900px){#v483-contract-root.open{overflow:auto}.v492-shell{padding:12px}.v492-hero{border-radius:16px;padding:18px;flex-direction:column}.v492-hero h1{font-size:23px}.v492-hero-actions{width:100%;justify-content:flex-start}.v492-hero-actions .v492-btn{flex:1;min-width:120px}.v492-alertline{align-items:flex-start;flex-direction:column}.v492-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v492-kpi{padding:13px}.v492-kpi strong{font-size:23px}.v492-templatebar{padding:13px}.v492-template-pills{display:grid;grid-template-columns:1fr 1fr;width:100%}.v492-template-pills button{text-align:left;border-radius:10px}.v492-filterbar{display:grid;grid-template-columns:1fr 1fr;width:100%}.v492-search{grid-column:1/-1}.v492-filterbar .v492-btn{width:100%}.v492-resultbar .desktop-only{display:none}.v492-tablewrap{overflow:visible}.v492-table{min-width:0;display:block;padding:10px;background:#f7f9fc}.v492-table thead{display:none}.v492-table tbody{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v492-table tr{display:block!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px;padding:13px;box-shadow:0 4px 12px rgba(15,23,42,.04)}.v492-table tr.urgent{border-left:4px solid #f59e0b!important}.v492-table tr.overdue{border-left:4px solid #ef4444!important}.v492-table td{display:flex!important;justify-content:space-between;align-items:flex-start;gap:12px;border:0!important;padding:5px 0!important;font-size:11px!important}.v492-table td:before{content:attr(data-label);color:#8a94a4;font-size:10px;font-weight:800;min-width:92px}.v492-table td:nth-child(2){display:block!important;padding:8px 0 10px!important}.v492-table td:nth-child(2):before{display:block;margin-bottom:5px}.v492-contract-name{max-width:none;white-space:normal}.v492-rowactions{justify-content:flex-start;flex-wrap:wrap}.v492-table td:last-child{display:block!important;border-top:1px solid #edf1f5!important;margin-top:5px;padding-top:10px!important}.v492-table td:last-child:before{display:none}.v492-builder{width:calc(100vw - 16px);max-height:96vh}.v492-template-modal{width:calc(100vw - 16px)}}
@media(max-width:560px){.v492-shell{padding:8px}.v492-hero{padding:16px}.v492-hero-actions{display:grid;grid-template-columns:1fr 1fr}.v492-hero-actions .v492-btn{width:100%;min-width:0}.v492-kpis{grid-template-columns:1fr 1fr}.v492-kpi{gap:9px}.v492-kpi .ico{width:36px;height:36px}.v492-kpi strong{font-size:21px}.v492-template-pills{grid-template-columns:1fr}.v492-filterbar{grid-template-columns:1fr}.v492-search{grid-column:auto}.v492-table tbody{grid-template-columns:1fr}.v492-panel{border-radius:14px}.v492-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.v492-tabs .v488-tab{width:100%;text-align:center}.v492-builder .v488-cardfoot{display:grid;grid-template-columns:1fr 1fr}.v492-builder .v488-cardfoot .v488-btn{width:100%}}

/* V493 - Mockup-faithful Contract UI */
#v483-contract-root.open{background:#f5f7fb}
.v493-shell{max-width:1600px;margin:0 auto;padding:18px 20px 32px;color:#172033}
.v493-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.v493-head-title{font-size:22px;font-weight:800}.v493-head-actions{display:flex;gap:8px}.v493-btn{border:1px solid #dbe3ef;border-radius:9px;background:#fff;color:#334155;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer}.v493-btn.primary{background:#1468ff;border-color:#1468ff;color:#fff}.v493-btn.light{background:#fff}.v493-btn.push{margin-left:auto}
.v493-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.v493-kpi{border:1px solid #e4e9f1;background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;box-shadow:0 3px 10px rgba(15,23,42,.03)}.v493-kpi-ico{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:900}.v493-kpi-ico.blue{background:#eaf1ff;color:#1468ff}.v493-kpi-ico.green{background:#eaf8ef;color:#31a354}.v493-kpi-ico.orange{background:#fff1df;color:#e88b13}.v493-kpi-ico.red{background:#ffe8e8;color:#e13b3b}.v493-kpi small{display:block;color:#687386;font-size:11px}.v493-kpi strong{display:block;font-size:24px;line-height:1.1;margin:3px 0}.v493-kpi em{font-style:normal;color:#8792a2;font-size:10px}
.v493-alert{display:flex;align-items:center;justify-content:space-between;margin:14px 0;background:#fff8ec;border:1px solid #f4d39f;border-radius:11px;padding:14px 16px}.v493-alert-left{display:flex;gap:12px;align-items:flex-start}.v493-alert .bell{width:34px;height:34px;border-radius:50%;background:#fff0d8;color:#d97706;display:flex;align-items:center;justify-content:center}.v493-alert b{font-size:12px;display:block}.v493-alert span span{display:flex;gap:18px;margin-top:4px}.v493-alert i{font-style:normal;font-size:11px;color:#b45309}.v493-alert>button{border:1px solid #f0b766;background:#fffaf2;color:#b45309;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:800}
.v493-templates{background:#fff;border:1px solid #e4e9f1;border-radius:12px;padding:14px 15px;margin-bottom:14px}.v493-section-title{font-size:12px;font-weight:800;margin-bottom:10px}.v493-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.v493-template-card{border:1px solid #dfe6f0;border-radius:10px;background:#fff;padding:12px;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;cursor:pointer}.v493-template-card .ico{grid-row:1/3;width:36px;height:36px;border-radius:10px;background:#eef4ff;color:#1468ff;display:flex;align-items:center;justify-content:center}.v493-template-card b{font-size:11px}.v493-template-card small{font-size:10px;color:#8a94a4;margin-top:3px}.v493-template-card.add{border-style:dashed;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.v493-template-card.add .ico{grid-row:auto;background:#fff;color:#1468ff}
.v493-filterrow{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e4e9f1;border-radius:11px;padding:10px;margin-bottom:10px}.v493-search{display:flex;align-items:center;gap:6px;border:1px solid #dbe3ef;border-radius:8px;padding:0 9px;min-width:280px}.v493-search input{height:34px;border:0;outline:0;width:100%;font-size:11px}.v493-filterrow select{height:36px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;padding:0 9px;font-size:11px}
.v493-listhead{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e4e9f1;border-bottom:0;border-radius:11px 11px 0 0;padding:11px 13px}.v493-listhead span{font-size:12px;font-weight:800}.v493-listhead small{font-size:10px;color:#7b8492}
.v493-tablewrap{overflow:auto;background:#fff;border:1px solid #e4e9f1;border-radius:0 0 11px 11px}.v493-table{width:100%;min-width:1180px;border-collapse:collapse}.v493-table th{background:#f8fafc;color:#445066;font-size:10px;font-weight:800;padding:11px 10px;border-bottom:1px solid #e5eaf1;text-align:left}.v493-table td{padding:12px 10px;border-bottom:1px solid #edf1f5;font-size:11px;vertical-align:middle}.v493-table tbody tr:hover{background:#f8fbff}.v493-table tr.urgent{background:#fffaf4}.v493-table tr.overdue{background:#fff6f6}.v493-code{color:#1468ff;font-weight:900}.v493-partner{font-size:11px}.v493-money{font-weight:700}.v493-actions{display:flex;gap:6px}.v493-actions button{width:28px;height:28px;border:0;background:transparent;color:#1468ff;cursor:pointer;border-radius:6px}.v493-actions button:hover{background:#edf4ff}
@media(max-width:1200px){.v493-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v493-filterrow{flex-wrap:wrap}.v493-btn.push{margin-left:0}}
@media(max-width:900px){.v493-shell{padding:10px}.v493-head{position:sticky;top:0;z-index:5;background:#0f6bdc;color:#fff;margin:-10px -10px 12px;padding:13px 14px}.v493-head-title{font-size:15px}.v493-head-actions .v493-btn.light{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}.v493-head-actions .v493-btn.primary{display:none}.v493-kpis{grid-template-columns:1fr 1fr;gap:8px}.v493-kpi{padding:12px;gap:10px}.v493-kpi-ico{width:38px;height:38px;border-radius:10px;font-size:16px}.v493-kpi strong{font-size:20px}.v493-alert{padding:11px;align-items:flex-start}.v493-alert span span{display:block}.v493-alert i{display:block;margin-top:2px}.v493-alert>button{border:0;background:transparent;padding:0;margin-top:2px}.v493-template-grid{grid-template-columns:repeat(4,1fr)}.v493-template-card{display:flex;flex-direction:column;align-items:center;text-align:center;border:0;padding:6px}.v493-template-card .ico{width:38px;height:38px}.v493-template-card small{display:none}.v493-template-card b{font-size:9px;line-height:1.25;margin-top:5px}.v493-template-card.add{display:none}.v493-filterrow{display:grid;grid-template-columns:1fr auto;padding:8px}.v493-search{grid-column:1/-1;min-width:0}.v493-filterrow select{display:none}.v493-filterrow .v493-btn.light{display:none}.v493-filterrow .v493-btn.primary:not(.push){display:none}.v493-filterrow .push{grid-column:2;grid-row:2;margin:0}.v493-filterrow:before{content:"☷ Bộ lọc";grid-column:1;grid-row:2;border:1px solid #dbe3ef;border-radius:8px;padding:9px 11px;font-size:11px;font-weight:800;width:max-content}.v493-listhead{margin-top:10px}.v493-tablewrap{border:0;background:transparent;overflow:visible}.v493-table{min-width:0;display:block}.v493-table thead{display:none}.v493-table tbody{display:block}.v493-table tr{display:block;background:#fff!important;border:1px solid #e4e9f1!important;border-radius:12px;margin-bottom:9px;padding:12px;box-shadow:0 2px 8px rgba(15,23,42,.04)}.v493-table tr.urgent{border-left:4px solid #f59e0b!important}.v493-table tr.overdue{border-left:4px solid #ef4444!important}.v493-table td{display:flex!important;justify-content:space-between;gap:12px;padding:4px 0!important;border:0!important;font-size:10.5px!important}.v493-table td:before{content:attr(data-label);color:#8a94a4;font-size:9.5px;font-weight:700}.v493-table td:nth-child(2){font-size:13px!important}.v493-table td:nth-child(3){display:block!important;padding:6px 0 10px!important}.v493-table td:nth-child(3):before{display:none}.v493-table td:nth-child(4){display:none!important}.v493-table td:last-child{display:block!important;border-top:1px solid #edf1f5!important;margin-top:7px;padding-top:9px!important}.v493-table td:last-child:before{display:none}.v493-actions{justify-content:space-around}.v493-actions button{width:36px;height:32px}.v493-table td:first-child{display:none!important}}
@media(max-width:560px){.v493-kpis{grid-template-columns:1fr 1fr}.v493-template-grid{grid-template-columns:repeat(4,1fr)}.v493-filterrow .push{font-size:11px;padding:9px}.v493-head-actions{gap:4px}.v493-head-actions .v493-btn{padding:7px 8px}.v493-listhead small{display:none}}


/* ===== V493 FINAL DESIGN FIX ===== */
:root{--v493-sidebar-offset:0px}
#v483-contract-root{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:var(--v493-sidebar-offset)!important;
  z-index:9990!important;
  background:#f5f7fb!important;
  color:#172033!important;
  font-family:Inter,Arial,sans-serif!important;
  display:none;
  overflow:auto!important;
}
#v483-contract-root.open{display:block!important}
#v483-contract-root *{box-sizing:border-box}
.v493-shell{max-width:1600px!important;margin:0 auto!important;padding:20px 22px 36px!important}
.v493-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important}
.v493-head-title{font-size:24px!important;line-height:1.2!important;font-weight:800!important;color:#111827!important}
.v493-head-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.v493-btn{appearance:none!important;border:1px solid #dbe3ef!important;background:#fff!important;color:#334155!important;border-radius:8px!important;padding:9px 12px!important;font-size:12px!important;line-height:1.2!important;font-weight:700!important;cursor:pointer!important}
.v493-btn.primary{background:#1468ff!important;border-color:#1468ff!important;color:#fff!important}
.v493-btn.light{background:#fff!important;color:#334155!important}
.v493-btn:hover{filter:brightness(.98)}
.v493-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important}
.v493-kpi{appearance:none!important;border:1px solid #e2e8f0!important;background:#fff!important;border-radius:12px!important;padding:16px!important;display:flex!important;align-items:center!important;gap:14px!important;text-align:left!important;min-height:98px!important;box-shadow:0 2px 8px rgba(15,23,42,.035)!important;cursor:pointer!important}
.v493-kpi-ico{flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;font-weight:900!important}
.v493-kpi-ico.blue{background:#eaf1ff!important;color:#1468ff!important}.v493-kpi-ico.green{background:#e8f8ee!important;color:#2da44e!important}.v493-kpi-ico.orange{background:#fff1df!important;color:#e88b13!important}.v493-kpi-ico.red{background:#ffe9e9!important;color:#e13b3b!important}
.v493-kpi small{display:block!important;font-size:11px!important;color:#64748b!important;font-weight:600!important}
.v493-kpi strong{display:block!important;font-size:25px!important;line-height:1.05!important;color:#0f172a!important;margin:4px 0!important}
.v493-kpi em{display:block!important;font-size:10px!important;color:#94a3b8!important;font-style:normal!important}
.v493-alert{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 14px!important;background:#fff8eb!important;border:1px solid #f6d49c!important;border-radius:11px!important;padding:14px 16px!important}
.v493-alert-left{display:flex!important;align-items:flex-start!important;gap:12px!important}.v493-alert .bell{flex:0 0 36px!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#fff0d7!important;color:#f59e0b!important;display:flex!important;align-items:center!important;justify-content:center!important}
.v493-alert b{display:block!important;font-size:12px!important;color:#1f2937!important}.v493-alert span span{display:flex!important;gap:18px!important;margin-top:5px!important;flex-wrap:wrap!important}.v493-alert i{font-style:normal!important;font-size:11px!important;color:#92400e!important}.v493-alert>button{border:1px solid #f0b766!important;background:#fffaf2!important;color:#b45309!important;border-radius:8px!important;padding:8px 12px!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}
.v493-templates{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:11px!important;padding:14px 15px!important;margin-bottom:14px!important}
.v493-section-title{font-size:12px!important;font-weight:800!important;color:#1f2937!important;margin-bottom:10px!important}
.v493-template-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.v493-template-card{appearance:none!important;border:1px solid #dfe6f0!important;background:#fff!important;border-radius:9px!important;padding:11px 12px!important;min-height:64px!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;column-gap:10px!important;text-align:left!important;cursor:pointer!important}
.v493-template-card .ico{grid-row:1/3!important;width:36px!important;height:36px!important;border-radius:9px!important;background:#eef4ff!important;color:#1468ff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important}
.v493-template-card b{font-size:11px!important;color:#253047!important;line-height:1.25!important}.v493-template-card small{font-size:9.5px!important;color:#8a94a4!important;margin-top:3px!important}.v493-template-card.add{border-style:dashed!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.v493-template-card.add .ico{grid-row:auto!important;background:#fff!important}
.v493-filterrow{display:flex!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:10px!important;margin-bottom:10px!important}
.v493-search{display:flex!important;align-items:center!important;gap:7px!important;min-width:320px!important;flex:1 1 340px!important;max-width:440px!important;border:1px solid #dbe3ef!important;border-radius:8px!important;padding:0 10px!important;background:#fff!important}
.v493-search span{color:#64748b!important}.v493-search input{width:100%!important;height:34px!important;border:0!important;outline:0!important;background:transparent!important;color:#334155!important;font-size:11px!important}
.v493-filterrow select{height:36px!important;border:1px solid #dbe3ef!important;border-radius:8px!important;background:#fff!important;color:#334155!important;padding:0 10px!important;font-size:11px!important;min-width:126px!important}
.v493-btn.push{margin-left:auto!important}
.v493-listhead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-bottom:0!important;border-radius:10px 10px 0 0!important;padding:11px 13px!important}.v493-listhead span{font-size:12px!important;font-weight:800!important}.v493-listhead small{font-size:10px!important;color:#7b8492!important}
.v493-tablewrap{overflow:auto!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:0 0 10px 10px!important}
.v493-table{width:100%!important;min-width:1180px!important;border-collapse:collapse!important;background:#fff!important}
.v493-table thead{display:table-header-group!important}.v493-table th{background:#f8fafc!important;color:#334155!important;font-size:10px!important;font-weight:800!important;padding:11px 10px!important;border-bottom:1px solid #e2e8f0!important;text-align:left!important;white-space:nowrap!important}
.v493-table td{padding:12px 10px!important;border-bottom:1px solid #edf1f5!important;font-size:11px!important;color:#334155!important;vertical-align:middle!important;white-space:nowrap!important}
.v493-table tbody tr:hover{background:#f8fbff!important}.v493-table tr.urgent{background:#fffaf3!important}.v493-table tr.overdue{background:#fff6f6!important}
.v493-code{color:#1468ff!important;font-weight:800!important}.v493-partner{font-size:11px!important;color:#172033!important}.v493-money{font-weight:700!important}
.v493-actions{display:flex!important;align-items:center!important;gap:5px!important}.v493-actions button{appearance:none!important;width:28px!important;height:28px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#1468ff!important;font-size:13px!important;cursor:pointer!important}.v493-actions button:hover{background:#edf4ff!important}
.v488-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:5px 8px!important;font-size:9.5px!important;font-weight:800!important;white-space:nowrap!important}.v488-badge.active{background:#e7f8ec!important;color:#17843b!important}.v488-badge.expiring{background:#fff1dd!important;color:#d97706!important}.v488-badge.expired{background:#ffe8e8!important;color:#dc2626!important}.v488-badge.renewed{background:#eaf1ff!important;color:#1468ff!important}.v488-badge.liquidated{background:#eef0f3!important;color:#667085!important}
.v488-days{font-weight:800!important}.v488-days.ok{color:#15803d!important}.v488-days.warn{color:#d97706!important}.v488-days.bad{color:#dc2626!important}
.v488-empty{padding:54px 18px!important;text-align:center!important;color:#64748b!important}.v488-empty b{display:block!important;color:#334155!important;margin-top:8px!important}.v488-empty span{display:block!important;margin-top:5px!important;font-size:11px!important}
@media(max-width:1200px) and (min-width:901px){
 .v493-shell{padding:16px!important}.v493-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v493-filterrow{flex-wrap:wrap!important}.v493-btn.push{margin-left:0!important}.v493-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
 :root{--v493-sidebar-offset:0px}
 #v483-contract-root{left:0!important;z-index:99990!important;background:#f5f7fb!important}
 .v493-shell{padding:0 10px 18px!important}
 .v493-head{position:sticky!important;top:0!important;z-index:30!important;background:#0867d6!important;color:#fff!important;margin:0 -10px 12px!important;padding:13px 14px!important;min-height:52px!important}
 .v493-head-title{font-size:15px!important;color:#fff!important}.v493-head-actions{gap:4px!important}.v493-head-actions .v493-btn{padding:7px 8px!important;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}.v493-head-actions .v493-btn.primary{display:none!important}
 .v493-kpis{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:10px!important}.v493-kpi{min-height:78px!important;padding:11px!important;gap:9px!important}.v493-kpi-ico{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:10px!important;font-size:16px!important}.v493-kpi strong{font-size:20px!important}.v493-kpi small{font-size:9.5px!important}.v493-kpi em{font-size:9px!important}
 .v493-alert{padding:11px!important;align-items:flex-start!important}.v493-alert span span{display:block!important;margin-top:3px!important}.v493-alert i{display:block!important;margin-top:2px!important}.v493-alert>button{border:0!important;background:transparent!important;padding:2px 0!important}
 .v493-templates{border:0!important;background:transparent!important;padding:3px 0 8px!important;margin-bottom:6px!important}.v493-template-grid{grid-template-columns:repeat(4,1fr)!important;gap:5px!important}.v493-template-card{border:0!important;background:transparent!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;min-height:70px!important;padding:4px!important;text-align:center!important}.v493-template-card .ico{width:38px!important;height:38px!important;flex:0 0 38px!important}.v493-template-card b{font-size:9px!important;margin-top:5px!important}.v493-template-card small,.v493-template-card.add{display:none!important}
 .v493-filterrow{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;background:transparent!important;border:0!important;padding:0!important;margin-bottom:10px!important}.v493-search{grid-column:1/-1!important;min-width:0!important;max-width:none!important;width:100%!important;background:#fff!important}.v493-filterrow select,.v493-filterrow .v493-btn.light,.v493-filterrow .v493-btn.primary:not(.push){display:none!important}.v493-filterrow .push{grid-column:2!important;grid-row:2!important;margin:0!important}.v493-filterrow:before{content:"☷ Bộ lọc"!important;grid-column:1!important;grid-row:2!important;display:inline-flex!important;align-items:center!important;width:max-content!important;border:1px solid #dbe3ef!important;border-radius:8px!important;background:#fff!important;padding:9px 11px!important;font-size:11px!important;font-weight:800!important;color:#334155!important}
 .v493-listhead{border-radius:10px!important;border-bottom:1px solid #e2e8f0!important;margin-bottom:8px!important}.v493-listhead small{display:none!important}
 .v493-tablewrap{overflow:visible!important;border:0!important;background:transparent!important}.v493-table{display:block!important;min-width:0!important;background:transparent!important}.v493-table thead{display:none!important}.v493-table tbody{display:block!important}.v493-table tr{display:block!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:11px!important;margin-bottom:9px!important;padding:11px 12px!important;box-shadow:0 2px 7px rgba(15,23,42,.04)!important}.v493-table tr.urgent{border-left:4px solid #f59e0b!important}.v493-table tr.overdue{border-left:4px solid #ef4444!important}
 .v493-table td{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;padding:4px 0!important;border:0!important;font-size:10.5px!important;white-space:normal!important}.v493-table td:before{content:attr(data-label)!important;color:#8a94a4!important;font-size:9.5px!important;font-weight:700!important;flex:0 0 92px!important}.v493-table td:first-child{display:none!important}.v493-table td:nth-child(2){font-size:13px!important}.v493-table td:nth-child(3){display:block!important;padding:7px 0 9px!important}.v493-table td:nth-child(3):before{display:none!important}.v493-table td:nth-child(4){display:none!important}.v493-table td:last-child{display:block!important;border-top:1px solid #edf1f5!important;margin-top:7px!important;padding-top:9px!important}.v493-table td:last-child:before{display:none!important}.v493-actions{justify-content:space-around!important}.v493-actions button{width:38px!important;height:32px!important}
}
@media(max-width:560px){
 .v493-shell{padding-left:8px!important;padding-right:8px!important}
 .v493-head{margin-left:-8px!important;margin-right:-8px!important}
 .v493-kpis{grid-template-columns:1fr 1fr!important}
 .v493-template-grid{grid-template-columns:repeat(4,1fr)!important}
}

/* V494 downloads */
.v493-template-grid .v493-template-wrap{position:relative;min-width:0}
.v493-template-wrap .v493-template-card{width:100%;height:100%;padding-bottom:28px!important}
.v494-template-download{position:absolute;left:12px;bottom:7px;border:0;background:transparent;color:#1468ff;font-size:9.5px;font-weight:800;padding:2px 0;cursor:pointer}
.v494-template-download:hover{text-decoration:underline}
@media(max-width:900px){
 .v493-template-grid .v493-template-wrap{display:flex;flex-direction:column;align-items:center;min-width:0}
 .v493-template-wrap .v493-template-card{padding-bottom:4px!important}
 .v494-template-download{position:static;margin-top:1px;font-size:8px;line-height:1.1}
}

/* V495 - Home button */
.v495-home-btn{display:inline-flex!important;align-items:center!important;gap:5px!important}
@media(max-width:900px){.v495-home-btn{background:rgba(255,255,255,.18)!important}}
@media(max-width:560px){.v493-head-actions [data-act="reload"]{display:none!important}.v493-head-actions [data-act="close"]{font-size:0!important}.v493-head-actions [data-act="close"]::after{content:"←";font-size:13px!important}.v495-home-btn{font-size:10px!important;padding:7px 8px!important}}

/* V496 - Uploaded contract template library */
.v496-upload-btn{color:#1468ff!important;border-color:#bcd0ff!important;background:#f5f8ff!important}
.v496-upload-modal{width:min(720px,calc(100vw - 28px));border-radius:18px!important}
.v496-upload-box{display:grid;gap:10px}
.v496-upload-box label{font-size:12px;font-weight:800;color:#334155}
.v496-file{width:100%;border:1px dashed #aebbd0;background:#f8fafc;border-radius:10px;padding:16px;font-size:12px}
.v496-upload-box>small{font-size:10.5px;line-height:1.5;color:#64748b}
.v496-sync-note{margin-top:7px;border:1px solid #cfe0ff;background:#f4f8ff;border-radius:11px;padding:12px}
.v496-sync-note b{display:block;font-size:11px;color:#174ea6;margin-bottom:4px}.v496-sync-note span{display:block;font-size:10.5px;color:#54647c;line-height:1.5}
.v496-library-actions{display:flex;justify-content:flex-end;margin-bottom:12px}
.v496-library-item{position:relative;min-width:0}.v496-library-item .v489-template-card{width:100%;height:100%}
.v496-delete-template{position:absolute;right:9px;top:9px;border:0;background:#fff0f0;color:#c62828;border-radius:7px;padding:4px 7px;font-size:9px;font-weight:800;cursor:pointer}
@media(max-width:900px){
 .v496-upload-btn{font-size:10px!important}
 .v496-upload-modal{width:calc(100vw - 14px)!important;max-height:94vh;overflow:auto}
 .v496-library-actions{justify-content:stretch}.v496-library-actions .v493-btn{width:100%}
}
@media(max-width:560px){
 .v493-head-actions .v496-upload-btn{display:none!important}
}

/* V497 - Template category + direct edit/delete */
.v497-library-modal{width:min(1040px,calc(100vw - 30px))!important;max-height:94vh;overflow:auto}
.v497-library-groups{display:grid;gap:18px}.v497-group{border-top:1px solid #edf1f5;padding-top:12px}.v497-group:first-child{border-top:0;padding-top:0}
.v497-group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.v497-group-title b{font-size:12px;color:#1f2937}.v497-group-title span{font-size:10px;color:#8a94a4}
.v497-template-actions{display:flex;gap:5px;margin-top:6px}.v497-template-actions button{flex:1;border:1px solid #dbe3ef;background:#fff;color:#315efb;border-radius:7px;padding:6px 8px;font-size:9.5px;font-weight:800;cursor:pointer}.v497-template-actions button.danger{color:#c62828;border-color:#ffd5d5;background:#fff8f8}
.v497-menu-help{margin-top:-5px!important;color:#315efb!important}
.v497-edit-modal{width:min(860px,calc(100vw - 28px))!important;max-height:94vh;overflow:auto}.v497-template-editor{min-height:380px!important}
@media(max-width:760px){.v497-library-modal{width:calc(100vw - 12px)!important}.v497-template-editor{min-height:300px!important}.v497-template-actions button{font-size:9px}}

/* V500 navigation handoff: avoid exposing router 404 between menu changes */
#v483-contract-root{opacity:1!important}
#v483-contract-root:not(.open){display:none!important}