.itc-page{padding:22px 26px;color:#142639;font-family:Arial,'Noto Sans Thai',sans-serif;max-width:1800px;margin:0 auto}.itc-head{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.itc-head h1{font-size:30px;margin:7px 0}.itc-head small{font-size:12px;color:#06765a;letter-spacing:.04em}.itc-head p{font-size:14px;color:#596b79;margin:0 0 5px}.itc-actions{display:flex;gap:10px}.itc-page button,.itc-dialog button,.itc-secure button{border:1px solid #bdd9ce;background:white;color:#09644c;border-radius:9px;font-weight:700;padding:10px 16px;cursor:pointer;font:inherit}.itc-page button.strong,.itc-dialog button.strong,.itc-secure button{background:#05966c;color:white;border-color:#05966c}.itc-page button:disabled,.itc-dialog button:disabled{opacity:.5;cursor:not-allowed}.itc-notice{padding:13px 17px;border:1px solid #a9e7cd;background:#effdf5;border-radius:12px;margin:20px 0;color:#12634a;font-size:14px;line-height:1.6}.itc-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.itc-kpi{border:1px solid #dce8ef;border-top:4px solid #3b82f6;background:#fff;border-radius:12px;padding:17px}.itc-kpi small{display:block;font-size:12px;font-weight:700;color:#56687c}.itc-kpi strong{display:block;font-size:30px;color:#1d4ed8;margin-top:6px}.itc-kpi.green{border-top-color:#10b981}.itc-kpi.green strong{color:#047857}.itc-kpi.amber{border-top-color:#f59e0b}.itc-kpi.amber strong{color:#b45309}.itc-kpi.red{border-top-color:#ef4444}.itc-kpi.red strong{color:#b91c1c}.itc-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:22px 0 12px}.itc-filters label{min-width:180px;display:grid;gap:5px;font-size:12px;color:#526173;font-weight:700}.itc-filters label:first-child{flex:1;min-width:260px}.itc-filters input,.itc-filters select,.itc-dialog input,.itc-secure input,.itc-secure textarea{padding:10px 12px;border:1px solid #d1dee8;border-radius:8px;background:#fff;width:100%;font:inherit;box-sizing:border-box;color:#142639}.itc-table{background:#fff;border:1px solid #e0e8ed;border-radius:12px;overflow:auto}.itc-table table{width:100%;border-collapse:collapse;min-width:850px;font-size:13px}.itc-table th{background:#f2f7fa;color:#516478;text-align:left;padding:12px 10px;white-space:nowrap}.itc-table td{padding:11px;border-top:1px solid #edf0f3;vertical-align:top}.itc-table td small{display:block;color:#667b8b;margin-top:4px}.itc-badge{display:inline-block;padding:5px 8px;border-radius:18px;font-size:12px}.itc-badge.ok{background:#dcfce7;color:#065f46}.itc-badge.wait{background:#fff7ed;color:#92400e}.itc-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#617083;padding:14px}.itc-footer div{display:flex;gap:7px}.itc-overlay{position:fixed;inset:0;background:#10231eaa;display:flex;justify-content:center;align-items:center;z-index:99999;padding:12px}.itc-dialog{background:#fff;border-radius:15px;max-width:1000px;width:100%;max-height:92%;display:flex;flex-direction:column;color:#172635;overflow:hidden}.itc-dialog>header,.itc-secure article>header{background:#09856c;color:#fff;display:flex;justify-content:space-between;gap:15px;padding:18px 24px;align-items:center}.itc-dialog header h2{margin:4px 0;font-size:23px}.itc-dialog header small{opacity:.8}.itc-dialog .itc-body{padding:20px;overflow:auto}.itc-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.itc-details>div{background:#f7faf9;border:1px solid #e2ebe7;padding:12px;border-radius:9px;min-width:0;overflow-wrap:anywhere}.itc-details small{display:block;color:#617383;font-size:12px;margin-bottom:5px}.itc-details b{font-size:14px}.itc-dialog h3{font-size:16px;margin:20px 0 10px}.itc-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.itc-alerts span{padding:8px;background:#eaf8f3;border-radius:8px;font-size:12px}.itc-dialog li{margin:7px 0;font-size:13px}.itc-recipients{border-top:1px solid #dde7e3;margin-top:18px;padding-top:15px}.itc-recipients label,.itc-secure label{display:grid;gap:5px;margin:10px 0}.itc-recipients p{font-size:13px;color:#61717f}.itc-dialog footer{display:flex;gap:8px;justify-content:end;padding:14px;border-top:1px solid #dfe9e5}.itc-error{padding:32px;border:1px solid #fecaca;border-radius:12px;background:#fff1f2}.itc-secure{padding:24px;max-width:1150px;margin:0 auto;font-family:Arial,'Noto Sans Thai',sans-serif;color:#143044}.itc-secure article{background:white;border-radius:14px;overflow:hidden;border:1px solid #dce8df}.itc-secure article>header{display:block}.itc-secure article>header h1{font-size:27px;margin:7px 0}.itc-secure article>.itc-details{padding:19px}.itc-secure h2{margin:20px}.itc-steps{padding:0 18px 24px;display:grid;gap:10px}.itc-steps>div{border:1px solid #cde7dc;padding:14px;border-radius:11px}.itc-steps p{margin:7px 0;color:#45616b}.itc-step-data{margin-top:10px;max-width:650px}.itc-step-data button{margin:8px 0}.itc-buttons{display:flex;gap:10px;flex-wrap:wrap}.itc-secure [data-itc-message]{margin:0 20px 20px;color:#047857;font-weight:bold}
@media(max-width:840px){.itc-page{padding:14px}.itc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.itc-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.itc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.itc-dialog .itc-body{padding:12px}.itc-dialog header h2{font-size:19px}.itc-alerts{grid-template-columns:repeat(2,minmax(0,1fr))}.itc-details{grid-template-columns:1fr}.itc-secure{padding:12px}.itc-secure article>.itc-details{padding:12px}}

/* V99.0634 manager history and UAT reset */
.itc-history-wait{padding:30px}.itc-history-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;background:#e9f8f1;border:1px solid #c2e8d3;border-radius:12px;margin-bottom:15px;font-size:13px;color:#1f5b45}.itc-history-banner b{font-size:16px;color:#026b4b}.itc-history-list{list-style:none;padding:0;display:grid;gap:10px}.itc-history-step{padding:14px;border:1px solid #d9e6de;border-radius:12px}.itc-history-step.complete{background:#f2faf5;border-color:#bce1ca}.itc-history-step.active{border:2px solid #0b8561}.itc-history-step>div:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.itc-history-step span{font-size:12px;color:#39745d}.itc-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.itc-history-grid>div{min-width:0;overflow-wrap:anywhere}.itc-history-grid small{font-weight:400;display:block;color:#74877b}.itc-history-table{overflow:auto;border:1px solid #e0e9e3;border-radius:10px}.itc-history-table table{width:100%;border-collapse:collapse;font-size:12px;min-width:610px}.itc-history-table td,.itc-history-table th{padding:9px;border-bottom:1px solid #e6eee8;text-align:left;vertical-align:top;overflow-wrap:anywhere}.itc-history-table th{background:#eaf4ee}.itc-history-hint{font-size:12px;color:#5c756b}.itc-reset-panel{background:#fff9f2;border:1px solid #edc99d;border-radius:12px;padding:15px;margin-top:20px}.itc-reset-panel label{display:grid;gap:5px;margin:10px 0}.itc-reset-panel input,.itc-reset-panel textarea{padding:10px;width:100%;max-width:100%;box-sizing:border-box;border:1px solid #e3bd8c;border-radius:8px}.itc-dialog button.itc-danger{background:#b93c3c;border-color:#b93c3c;color:white}.itc-dialog footer{flex-wrap:wrap}@media(max-width:650px){.itc-history-grid{grid-template-columns:1fr}.itc-history-banner{display:grid}.itc-dialog .itc-body{padding:12px}.itc-dialog footer>*{flex:1}}

/* V99.0640 — Contract Monitor multi-view workspace (scoped to the new dashboard). */
.itc-dashboard{--itc-ink:#132b3f;--itc-muted:#66798a;--itc-line:#e2eae9;--itc-primary:#08795d;--itc-light:#edf7f2;padding:26px clamp(14px,3vw,36px);max-width:1880px;color:var(--itc-ink)}
.itc-dashboard .itc-head{align-items:end;margin-bottom:22px;gap:16px}
.itc-dashboard .itc-heading small{font-size:11px;color:#0b866a;letter-spacing:.12em;font-weight:800}
.itc-dashboard .itc-heading h1{font-size:30px;letter-spacing:-.035em;margin:6px 0 0;font-weight:800;color:#102940}
.itc-dashboard .itc-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.itc-dashboard .itc-excel-time{font-size:12px;color:var(--itc-muted);white-space:nowrap;margin-right:8px}
.itc-dashboard button{transition:border-color .15s,background-color .15s,box-shadow .15s}
.itc-dashboard button:focus-visible,.itc-dashboard input:focus-visible,.itc-dashboard select:focus-visible{outline:3px solid #6eb9ff;outline-offset:2px}
.itc-dashboard .itc-actions button{font-weight:700;padding:10px 15px;border-color:#b7d7ca}
.itc-dashboard .itc-actions button.strong{background:#008967;color:#fff;border-color:#008967}
.itc-dashboard .itc-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}
.itc-dashboard button.itc-kpi{border:1px solid var(--itc-line);border-top:3px solid #5199de;text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-height:108px;border-radius:13px;background:#fff;padding:16px 18px;box-shadow:0 2px 4px #0d283d06}
.itc-dashboard .itc-kpi small{font-size:12px;font-weight:750;color:#52687a;line-height:1.4;letter-spacing:0}
.itc-dashboard .itc-kpi strong{font-size:32px;margin-top:auto;padding-top:12px;line-height:1;font-variant-numeric:tabular-nums;color:#144970}
.itc-dashboard .itc-kpi.amber{border-top-color:#eba537}.itc-dashboard .itc-kpi.amber strong{color:#a85b03}
.itc-dashboard .itc-kpi.green{border-top-color:#009c78}.itc-dashboard .itc-kpi.green strong{color:#0c7d60}
.itc-dashboard .itc-kpi.red{border-top-color:#ed6671}.itc-dashboard .itc-kpi.red strong{color:#b43a50}
.itc-dashboard .itc-kpi.teal{border-top-color:#438aab}.itc-dashboard .itc-kpi.teal strong{color:#257592}
.itc-dashboard .itc-kpi.selected{box-shadow:0 0 0 2px #139171 inset;background:#f3fbf7}
@media (hover:hover) and (pointer:fine){.itc-dashboard .itc-kpi:hover{border-color:#58ab92;background:#f9fffc}}
.itc-dashboard .itc-workspace{background:#fff;border:1px solid #e4ecea;border-radius:15px;overflow:hidden;min-width:0}
.itc-dashboard .itc-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:12px 14px 0;border-bottom:1px solid var(--itc-line);background:#fff}
.itc-dashboard .itc-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#577184;font-size:13px;font-weight:750;padding:12px 18px}
.itc-dashboard .itc-tabs button.is-active{border-bottom-color:#079370;color:#006a52;background:#f2fbf7}
.itc-dashboard .itc-filter-panel{display:grid;grid-template-columns:minmax(220px,1.8fr) repeat(3,minmax(140px,1fr));gap:12px;padding:18px 17px 8px;background:#fff;align-items:end}
.itc-dashboard .itc-filter-search,.itc-dashboard .itc-filter-field{min-width:0;display:grid;gap:6px}
.itc-dashboard .itc-filter-panel label{font-size:12px;line-height:1.2;font-weight:750;color:#5d7181}
.itc-dashboard .itc-filter-panel input,.itc-dashboard .itc-filter-panel select,.itc-dashboard .itc-toolbar select{width:100%;min-width:0;box-sizing:border-box;background:#fff;border:1px solid #d7e4e2;border-radius:9px;color:#1a3646;font:inherit;font-size:13px;padding:10px 11px;min-height:43px}
.itc-dashboard .itc-filter-panel input::placeholder{color:#90a0aa}
.itc-dashboard .itc-filter-panel select:disabled{opacity:.6;background:#f4f6f6}
.itc-dashboard .itc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 17px 15px;font-size:13px;color:#66798a}
.itc-dashboard .itc-toolbar strong{color:#096f55;font-size:15px}
.itc-dashboard .itc-toolbar>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.itc-dashboard .itc-toolbar select{width:auto;max-width:210px;padding:8px 10px;min-height:39px}
.itc-dashboard .itc-toolbar button{padding:9px 12px;border-color:#d5e2e1;background:#fff;color:#446b6a;font-size:12px}
.itc-dashboard .itc-view-content{padding:0 16px 15px;min-width:0}
.itc-dashboard .itc-table{border:1px solid var(--itc-line);border-radius:11px;overflow:auto;background:#fff;max-width:100%}
.itc-dashboard .itc-table table{width:100%;min-width:1110px;border-collapse:collapse;font-size:12.5px}
.itc-dashboard .itc-table th{background:#f1f7f6;color:#456271;font-size:12px;font-weight:750;text-transform:none;padding:14px 12px;border-bottom:1px solid #dae6e3;white-space:nowrap}
.itc-dashboard .itc-table td{padding:13px 12px;vertical-align:middle;border-bottom:1px solid #e9efee;line-height:1.45}
.itc-dashboard .itc-table tr:nth-child(even){background:#fcfdfd}
.itc-dashboard .itc-table tr:hover{background:#f5faf8}
.itc-dashboard .itc-table td:first-child{min-width:180px;max-width:250px}
.itc-dashboard .itc-table td:first-child b{display:block;color:#0b6656;font-size:13px;margin-bottom:3px}
.itc-dashboard .itc-table td small{font-size:11px;color:#6d8190;overflow-wrap:anywhere}
.itc-dashboard .itc-row-btn{font-size:12px;border:1px solid #b4d9cc!important;color:#08795d!important;padding:8px 10px!important;white-space:nowrap}
.itc-dashboard .itc-label{display:inline-block;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:800;line-height:1.4;white-space:nowrap}
.itc-dashboard .itc-label-daily{background:#fff0ef;color:#ac3d40}.itc-dashboard .itc-label-due{background:#fff4d6;color:#895802}
.itc-dashboard .itc-label-stopped{background:#e8f6ef;color:#177150}.itc-dashboard .itc-label-waiting{background:#eef2f7;color:#4d6580}
.itc-dashboard .itc-label-complete{background:#dff7e7;color:#0b754d}.itc-dashboard .itc-label-neutral{background:#eef4f8;color:#577081}
.itc-dashboard .itc-footer{padding:15px 1px 1px;font-size:12px}.itc-dashboard .itc-footer button{padding:8px 12px}
.itc-dashboard .itc-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.itc-dashboard .itc-group{min-width:0;border:1px solid #dce9e5;border-radius:13px;overflow:hidden;background:#fff;margin-bottom:0}
.itc-dashboard .itc-group>header{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:14px 16px;background:#f4f9f7;border-bottom:1px solid #e0ece8}
.itc-dashboard .itc-group>header h3{font-size:14px;margin:0;color:#254454;font-weight:800;line-height:1.4}
.itc-dashboard .itc-group-count{min-width:28px;padding:4px 10px;text-align:center;border-radius:12px;background:#dfede7;color:#12694e;font-size:12px;font-weight:800}
.itc-dashboard .itc-mini-grid{display:grid;grid-template-columns:1fr;gap:9px;padding:12px}
.itc-dashboard .itc-mini-row{min-width:0;display:flex;flex-direction:column;gap:6px;border:1px solid #e4eeeb;border-radius:10px;background:#fff;padding:12px 14px}
.itc-dashboard .itc-mini-top,.itc-dashboard .itc-mini-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.itc-dashboard .itc-mini-top b{color:#096e56;font-size:12px}.itc-dashboard .itc-mini-row strong{font-size:13px;line-height:1.45;color:#283f50;overflow-wrap:anywhere}
.itc-dashboard .itc-mini-meta{font-size:11px;color:#667e8a}
.itc-dashboard .itc-mini-row button{align-self:flex-start;background:#f4faf7;color:#087458;border-color:#b7dfcb;font-size:11px;padding:6px 10px;margin-top:3px}
.itc-dashboard .itc-more{color:#72858e;font-size:12px;text-align:right;padding:4px 16px 14px}.itc-dashboard .itc-empty{font-size:13px;color:#91a1a6;text-align:center;padding:23px;margin:0}
.itc-dashboard .itc-timeline{border-left:2px solid #c8e1d5;margin-left:10px;padding:8px 0 5px 16px;display:grid;gap:12px}
.itc-dashboard .itc-timeline-group{min-width:0}.itc-dashboard .itc-timeline-label{position:relative;display:flex;align-items:center;gap:12px;padding:8px 0 12px;color:#2e4a59;font-size:14px}
.itc-dashboard .itc-timeline-dot{position:absolute;left:-23px;background:#098d6c;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #95cfb2}
.itc-dashboard .itc-timeline-label>span:last-child{font-size:12px;border-radius:8px;padding:3px 8px;background:#ecf5ef;color:#087452}
.itc-dashboard .itc-timeline .itc-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 0 12px}
.itc-dashboard .itc-timeline .itc-mini-row{background:#fff}
.itc-dashboard .itc-summary-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
.itc-dashboard .itc-bars{padding:14px 18px 18px;display:grid;gap:12px}
.itc-dashboard .itc-bar-row{display:grid;grid-template-columns:76px minmax(0,1fr) 36px;gap:10px;align-items:center;font-size:12px}
.itc-dashboard .itc-bar-row b{text-align:right;color:#2e5364}.itc-dashboard .itc-bar-track{height:12px;border-radius:10px;background:#e7f0ee;overflow:hidden}
.itc-dashboard .itc-bar-track i{display:block;min-width:2px;height:100%;border-radius:10px;background:#129b78}
.itc-dashboard .itc-summary-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}
.itc-dashboard .itc-summary-stats>div{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px;border:1px solid #e3ede7;border-radius:9px;color:#647786;font-size:12px}
.itc-dashboard .itc-summary-stats strong{font-size:19px;color:#116e55}
.itc-dashboard .itc-subtitle{font-size:13px;margin:6px 14px;color:#526878}
.itc-dashboard .itc-owner-list{display:grid;gap:6px;padding:4px 14px 15px}.itc-dashboard .itc-owner-list>div{display:grid;grid-template-columns:minmax(0,1fr) 25px auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #eff2ef;font-size:12px}
.itc-dashboard .itc-owner-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.itc-dashboard .itc-owner-list button{font-size:11px;padding:6px 9px}
.itc-loading{padding:36px 16px;text-align:center;color:#668077}
@media(max-width:1120px){.itc-dashboard .itc-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.itc-dashboard .itc-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.itc-dashboard .itc-filter-search{grid-column:span 3}}
@media(max-width:780px){.itc-dashboard{padding:14px}.itc-dashboard .itc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.itc-dashboard .itc-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.itc-dashboard .itc-filter-search{grid-column:span 2}.itc-dashboard .itc-board-grid,.itc-dashboard .itc-summary-grid{grid-template-columns:1fr}.itc-dashboard .itc-timeline .itc-mini-grid{grid-template-columns:1fr}.itc-dashboard .itc-tabs{overflow-x:auto;flex-wrap:nowrap}.itc-dashboard .itc-tabs button{white-space:nowrap}.itc-dashboard .itc-head{align-items:flex-start}}
@media(max-width:460px){.itc-dashboard .itc-kpi{min-height:95px!important;padding:13px!important}.itc-dashboard .itc-kpi strong{font-size:27px!important}.itc-dashboard .itc-filter-panel{grid-template-columns:1fr 1fr}.itc-dashboard .itc-filter-panel label{font-size:11px}.itc-dashboard .itc-actions{justify-content:flex-start}.itc-dashboard .itc-excel-time{width:100%}.itc-dashboard .itc-toolbar{align-items:flex-start}.itc-dashboard .itc-toolbar>div{width:100%;justify-content:space-between}.itc-dashboard .itc-heading h1{font-size:25px}.itc-dashboard .itc-view-content{padding:0 10px 12px}}

/* V99.0641 · Contract ID -> full responsive contract details popup. */
.itc-dashboard .itc-id-link{display:inline-block!important;min-width:0!important;min-height:0!important;background:transparent!important;border:0!important;border-radius:4px!important;color:#087457!important;padding:1px 2px!important;font-size:13px!important;line-height:1.5!important;font-weight:800!important;text-align:left!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.itc-dashboard .itc-id-link:hover{color:#03513f!important;text-decoration-thickness:2px}
.itc-dashboard .itc-id-link:focus-visible,.itc-quick-dialog button:focus-visible,.itc-quick-dialog a:focus-visible{outline:3px solid #167fce!important;outline-offset:3px}
.itc-quick-dialog{max-width:1150px;max-height:92vh;box-shadow:0 20px 60px #081d1840}
.itc-quick-dialog>header{align-items:center;background:linear-gradient(115deg,#08644e,#068768);padding:20px 24px}
.itc-quick-dialog>header>div{min-width:0}
.itc-quick-dialog>header h2{font-size:22px;line-height:1.35;overflow-wrap:anywhere;margin:5px 0}
.itc-quick-dialog>header p{margin:4px 0 0;font-size:12px;color:#e0fbef}
.itc-quick-dialog>header button.itc-quick-x{font-size:20px;background:#ffffff18;color:white;border:1px solid #ffffff77;min-width:44px;min-height:44px;flex:none;padding:7px 10px}
.itc-quick-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 22px;border-bottom:1px solid #e5ece9;background:#f5faf8}
.itc-quick-pills span{display:inline-flex;align-items:center;background:#fff;border:1px solid #d1e4da;border-radius:18px;padding:6px 11px;font-size:12px;font-weight:700;color:#244d47;overflow-wrap:anywhere}
.itc-quick-tabs{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;border-bottom:1px solid #dbe7e1;padding:3px 16px 0;background:#fff;scrollbar-width:thin}
.itc-quick-tabs button{flex:none;border:0;border-radius:7px 7px 0 0;background:transparent;color:#466477;font-size:13px;font-weight:750;white-space:nowrap;padding:12px 15px;border-bottom:3px solid transparent}
.itc-quick-tabs button.active{color:#036349;border-bottom-color:#088567;background:#ecf9f3}
.itc-quick-content{overflow:auto;overscroll-behavior:contain;min-height:180px;min-width:0;flex:1;padding:22px;outline:none}
.itc-quick-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:1px 0 13px;color:#173b35;font-size:17px;font-weight:800}
.itc-quick-section-title:not(:first-child){margin-top:24px}
.itc-quick-section-title span{font-size:12px;font-weight:600;color:#638178}
.itc-quick-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.itc-quick-fields>div{min-width:0;min-height:66px;padding:11px 13px;border:1px solid #e0ebe5;border-radius:10px;background:#f8fbf9;overflow-wrap:anywhere}
.itc-quick-fields dt{font-size:11px;color:#647d74;font-weight:600;margin-bottom:5px}
.itc-quick-fields dd{font-size:13px;color:#16382f;font-weight:700;margin:0;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.itc-quick-note{background:#f2f7f5;color:#526d62;border-radius:10px;padding:14px;font-size:13px;line-height:1.55}
.itc-quick-note.itc-quick-alert{background:#fff8ed;color:#795321}
.itc-quick-alert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.itc-quick-alert-date{padding:16px;border:1px solid #e0eae4;border-radius:10px;background:#fafcfb;display:flex;flex-direction:column;gap:7px}
.itc-quick-alert-date b{font-size:12px;color:#526e65}
.itc-quick-alert-date strong{font-size:18px;color:#173e31}
.itc-quick-alert-date small{font-size:11px;color:#768982}
.itc-quick-alert-date.daily{border:2px solid #b05a55;background:#fff5f3}
.itc-quick-alert-date.daily b,.itc-quick-alert-date.daily strong{color:#a33a35}
.itc-quick-info{padding:13px;margin-top:14px;border:1px solid #cfe4da;background:#f3fbf7;border-radius:10px;color:#366858;font-size:12px}
.itc-quick-steps{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.itc-quick-steps>li{margin:0;padding:15px;border:1px solid #dce8e2;border-radius:10px;background:#fff;min-width:0}
.itc-quick-steps>li.complete{border-color:#b2dfc5;background:#f6fcf8}
.itc-quick-steps>li.active{border:2px solid #03926d;background:#f7fffa}
.itc-quick-step-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.itc-quick-step-top b{font-size:13px;color:#153c30}
.itc-quick-step-top span{font-size:12px;color:#567b6e;font-weight:700}
.itc-quick-steps .itc-quick-fields{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:13px}
.itc-quick-steps .itc-quick-fields>div{background:white;min-height:40px}
.itc-quick-document-link{display:inline-block;margin-top:10px;font-size:13px;font-weight:750;color:#056e56;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.itc-quick-docs{display:grid;gap:10px}
.itc-quick-docs>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px;border-radius:10px;border:1px solid #dce8e2;background:#fcfefd}
.itc-quick-docs>div>div{min-width:0;overflow-wrap:anywhere}
.itc-quick-docs small{display:block;color:#698077;font-size:11px;margin-bottom:5px}
.itc-quick-docs strong{font-size:13px;color:#194837}
.itc-quick-table{overflow-x:auto;border:1px solid #e0ebe5;border-radius:10px;margin-bottom:12px}
.itc-quick-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:12px}
.itc-quick-table th,.itc-quick-table td{padding:11px;border-bottom:1px solid #edf2ef;vertical-align:top;text-align:left;overflow-wrap:anywhere}
.itc-quick-table th{background:#edf6f1;color:#365a4c;white-space:nowrap}
.itc-quick-dialog footer{flex:none;background:#fff}
.itc-quick-dialog footer button{min-height:40px;padding:8px 13px;font-size:12px}
.itc-quick-dialog footer .itc-quick-primary{background:#048367;border-color:#048367;color:white}
@media(max-width:850px){.itc-quick-fields,.itc-quick-steps .itc-quick-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.itc-quick-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.itc-quick-dialog{max-height:96vh}}
@media(max-width:530px){.itc-quick-overlay{padding:7px}.itc-quick-dialog{max-height:98vh;border-radius:10px}.itc-quick-dialog>header{padding:13px 15px}.itc-quick-dialog>header h2{font-size:17px}.itc-quick-pills{padding:9px 12px;gap:5px}.itc-quick-pills span{font-size:10px;padding:5px 8px}.itc-quick-tabs{padding:1px 8px 0}.itc-quick-tabs button{padding:10px 12px;font-size:12px}.itc-quick-content{padding:14px}.itc-quick-fields,.itc-quick-steps .itc-quick-fields{grid-template-columns:1fr}.itc-quick-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.itc-quick-alert-date{padding:10px}.itc-quick-alert-date strong{font-size:14px}.itc-quick-dialog footer{gap:7px;padding:10px}.itc-quick-dialog footer button{flex:1;font-size:11px;padding:8px}.itc-quick-section-title{font-size:15px}}

/* V99.0642: keep quick-view tabs readable when the Excel / DATA panel contains many rows.
   Previously the flex layout could shrink the tablist to ~24px and vertically clip Thai labels. */
.itc-quick-dialog > header,
.itc-quick-dialog > .itc-quick-pills,
.itc-quick-dialog > nav.itc-quick-tabs,
.itc-quick-dialog > footer {
  flex-shrink: 0;
}
.itc-quick-dialog > nav.itc-quick-tabs {
  display: flex;
  align-items: stretch;
  flex: 0 0 auto;
  box-sizing: border-box;
  min-height: 54px;
  max-height: none;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-padding-inline: 16px;
  -webkit-overflow-scrolling: touch;
}
.itc-quick-dialog > nav.itc-quick-tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  min-height: 50px;
  padding: 12px 15px;
  line-height: 1.45;
  white-space: nowrap;
}
.itc-quick-dialog > .itc-quick-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 530px) {
  .itc-quick-dialog > nav.itc-quick-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
    min-height: 0;
    overflow: visible;
    padding: 7px;
  }
  .itc-quick-dialog > nav.itc-quick-tabs button {
    min-width: 0;
    min-height: 42px;
    padding: 7px;
    font-size: 12px;
    white-space: normal;
    line-height: 1.3;
    border-radius: 7px;
    border: 1px solid #e0ece6;
  }
  .itc-quick-dialog > nav.itc-quick-tabs button.active {
    border-color: #97d6bc;
  }
}

/* V99.0643: accessible light typography on Contract Detail green header.
   Scoped to the quick-view popup; no global h2 or theme modifications. */
.itc-quick-dialog > header h2 {
  color: #ffffff !important;
}