
/* CynthiaScreen ERP V5 integrated modules */
.nav-module-label{margin:13px 9px 4px;color:#7f9ab5;font-size:9px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}
.v5-page{min-height:500px}.v5-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px;flex-wrap:wrap}.v5-head h2{margin:0;font-size:20px;color:#163d64}.v5-head p{margin:4px 0 0;color:#718094;font-size:12px}.v5-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v5-toolbar>input,.v5-toolbar>select{width:auto;min-width:150px}
.v5-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px}.v5-kpi{background:#fff;border:1px solid #d6e0ea;border-radius:12px;padding:14px;box-shadow:0 8px 25px rgba(27,48,78,.06)}.v5-kpi small{display:block;color:#758499;font-size:10px;font-weight:800;text-transform:uppercase}.v5-kpi b{display:block;margin-top:6px;font-size:21px;color:#163f69}.v5-kpi .sub{font-size:10px;color:#7b8999;margin-top:4px}
.v5-panel{background:#fff;border:1px solid #d6e0ea;border-radius:12px;padding:14px;box-shadow:0 8px 25px rgba(27,48,78,.05);margin-bottom:13px}.v5-panel h3{margin:0 0 10px;color:#173e65;font-size:15px}.v5-panel h4{margin:12px 0 7px;color:#244f76}
.v5-board{display:grid;grid-template-columns:repeat(7,minmax(190px,1fr));gap:10px;overflow:auto;padding-bottom:8px}.v5-col{min-height:300px;background:#f5f8fb;border:1px solid #dbe4ec;border-radius:11px;padding:9px}.v5-col h4{display:flex;justify-content:space-between;margin:0 0 8px;font-size:12px;color:#40536a}.v5-card{background:#fff;border:1px solid #d5e0e9;border-radius:9px;padding:9px;margin-bottom:7px;box-shadow:0 3px 10px rgba(30,50,75,.05);cursor:pointer}.v5-card:hover{border-color:#8ab1d2}.v5-card b{display:block}.v5-card small{display:block;color:#748396;margin-top:3px;line-height:1.35}.v5-card .money{font-weight:800;color:#174f86;margin-top:6px}
.v5-chip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#edf4fb;color:#245b89;font-size:10px;font-weight:800}.v5-chip.green{background:#e6f6ef;color:#0c7551}.v5-chip.red{background:#fff0ee;color:#a52a21}.v5-chip.amber{background:#fff4dc;color:#8c5d00}.v5-chip.gray{background:#eef1f4;color:#647282}
.v5-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.v5-form-grid .wide{grid-column:span 2}.v5-form-grid .full{grid-column:1/-1}.v5-form-grid label{display:block;font-size:10px;font-weight:800;color:#596a7e;margin:4px 0}.v5-form-grid input,.v5-form-grid select,.v5-form-grid textarea{width:100%;border:1px solid #cad6e1;border-radius:8px;padding:8px 9px;background:#fff;color:#172033}.v5-form-grid textarea{min-height:80px}
.v5-table-wrap{overflow:auto;border:1px solid #d8e1ea;border-radius:9px}.v5-table{width:100%;border-collapse:collapse;min-width:850px}.v5-table th,.v5-table td{padding:9px 10px;border-bottom:1px solid #e3e9ef;text-align:left;font-size:11px;vertical-align:top}.v5-table th{background:#f4f7fa;color:#55667a;text-transform:uppercase;font-size:9.5px;white-space:nowrap}.v5-table tbody tr:hover{background:#f9fbfd}.v5-table .right{text-align:right}.v5-table .nowrap{white-space:nowrap}
.v5-matrix{overflow:auto}.v5-matrix table{border-collapse:collapse;min-width:850px;width:100%}.v5-matrix th,.v5-matrix td{border:1px solid #dbe3ea;padding:7px 8px;font-size:10.5px}.v5-matrix th{background:#174f86;color:#fff;position:sticky;top:0}.v5-matrix td.price{background:#fffaf0;font-weight:800;text-align:right}.v5-matrix td.item{font-weight:750}
.v5-rec{border:1px solid #cfe0ed;border-left:4px solid #198167;background:#fbfefd;border-radius:9px;padding:10px;margin-bottom:8px}.v5-rec.warn{border-left-color:#d48a17;background:#fffaf1}.v5-rec .score{float:right;font-weight:900;color:#18785d}.v5-rec ul{margin:6px 0 0 18px;padding:0}.v5-rec p{margin:5px 0;color:#53687a;font-size:11px}
.v5-summary{white-space:pre-wrap;background:#f7fafc;border:1px solid #d8e3ec;border-radius:10px;padding:13px;line-height:1.55;font-size:12px;min-height:120px}
.v5-file-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.v5-file{border:1px solid #dae3eb;border-radius:10px;padding:10px;background:#fff}.v5-file b{display:block;overflow-wrap:anywhere}.v5-file small{display:block;color:#748395;margin-top:4px}
.v5-modal-backdrop{position:fixed;inset:0;background:rgba(7,20,34,.58);z-index:85;display:flex;align-items:flex-start;justify-content:center;padding:30px;overflow:auto;backdrop-filter:blur(3px)}.v5-modal{width:min(900px,100%);background:#fff;border-radius:14px;border:1px solid #d3dee8;box-shadow:0 25px 90px rgba(0,0,0,.28);padding:18px}.v5-modal.wide{width:min(1150px,100%)}.v5-modal-head,.v5-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.v5-modal-head{border-bottom:1px solid #e0e7ed;padding-bottom:10px;margin-bottom:10px}.v5-modal-head h3{margin:0;color:#173e65}.v5-modal-foot{border-top:1px solid #e0e7ed;padding-top:11px;margin-top:12px;justify-content:flex-end}.v5-close{border:0;background:transparent;font-size:24px;cursor:pointer;color:#66788a}
.v5-checkbox-list{border:1px solid #d9e2ea;border-radius:8px;max-height:170px;overflow:auto;padding:7px}.v5-checkbox-list label{display:flex;gap:7px;align-items:flex-start;padding:5px;border-bottom:1px solid #edf1f4;font-size:11px}.v5-checkbox-list input{width:auto}.v5-email-body{min-height:230px!important}.v5-note{font-size:10.5px;color:#738296;line-height:1.45}.v5-danger{color:#a82c23}.v5-good{color:#087452}.v5-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v5-actions{display:flex;gap:6px;flex-wrap:wrap}.v5-empty{padding:24px;text-align:center;color:#7b8998}.v5-currency-lines{font-size:12px;line-height:1.65}.v5-currency-lines b{color:#174f86}
html[data-theme="dark"] .v5-kpi,html[data-theme="dark"] .v5-panel,html[data-theme="dark"] .v5-card,html[data-theme="dark"] .v5-file,html[data-theme="dark"] .v5-modal{background:#111c28;color:#e5edf4;border-color:#293d50}
html[data-theme="dark"] .v5-col,html[data-theme="dark"] .v5-summary{background:#0d1823;border-color:#293d50;color:#dbe5ed}
html[data-theme="dark"] .v5-head h2,html[data-theme="dark"] .v5-panel h3,html[data-theme="dark"] .v5-modal-head h3{color:#d8e9f5}
html[data-theme="dark"] .v5-form-grid input,html[data-theme="dark"] .v5-form-grid select,html[data-theme="dark"] .v5-form-grid textarea{background:#0d1722;color:#e4edf4;border-color:#334a5f}
html[data-theme="dark"] .v5-table th{background:#172738;color:#aebdca}html[data-theme="dark"] .v5-table td{border-color:#26394b}html[data-theme="dark"] .v5-table tbody tr:hover{background:#142331}
html[data-theme="dark"] .v5-matrix td{border-color:#304559}html[data-theme="dark"] .v5-matrix td.price{background:#2b2618}html[data-theme="dark"] .v5-rec{background:#10231f;border-color:#2d594e}html[data-theme="dark"] .v5-rec.warn{background:#2b2417}
@media(max-width:1200px){.v5-grid{grid-template-columns:repeat(2,1fr)}.v5-file-list{grid-template-columns:repeat(2,1fr)}.v5-board{grid-template-columns:repeat(7,210px)}}
@media(max-width:760px){.v5-grid,.v5-two,.v5-form-grid,.v5-file-list{grid-template-columns:1fr}.v5-form-grid .wide,.v5-form-grid .full{grid-column:auto}.v5-modal-backdrop{padding:8px}.v5-toolbar{align-items:stretch}.v5-toolbar>*{width:100%!important}}
/* V5 navigation has more modules; keep the sidebar usable on smaller screens. */
.sidebar nav{overflow-y:auto;min-height:0;padding-right:2px}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:rgba(160,190,215,.28);border-radius:5px}.sidebar .side-foot{flex:0 0 auto}.sidebar .brand{flex:0 0 auto}
@media(max-width:760px){.sidebar nav{overflow-x:auto;overflow-y:hidden}.nav-module-label{display:none}}
