#sept-preview .cc-main-tabs{margin-top:16px}
#sept-preview .cc-source{margin:14px 0}
#sept-preview .cc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0}
#sept-preview .cc-period{margin:0}
#sept-preview .cc-range{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
#sept-preview .cc-selects{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin:16px 0}
#sept-preview .cc-selects label,#sept-preview .cc-filters label{display:grid;gap:5px;font-size:11px;color:var(--sp-muted)}
#sept-preview .cc-selects label{min-width:200px}
#sept-preview .cc-selects .sp-sub{flex:1;min-width:220px;padding-bottom:8px}
#sept-preview .cc-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(130px,1fr) auto auto;gap:10px;align-items:end;background:var(--sp-paper);padding:16px;border:1px solid var(--sp-line);border-radius:12px}
#sept-preview .cc-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
#sept-preview .cc-summary>div{background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:10px;padding:14px 16px}
#sept-preview .cc-summary strong{display:block;font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}
#sept-preview .cc-summary>div>span{display:block;margin-top:3px;color:#e0bf72;font-size:10px}
#sept-preview .cc-delivery-list{margin:16px 0 20px;padding:0;overflow:hidden;border-color:#38515b;background:linear-gradient(180deg,#15222a 0%,#111920 100%)}
#sept-preview .cc-delivery-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px 20px;border-bottom:1px solid #344550}
#sept-preview .cc-delivery-list-head h2{margin:3px 0 5px;font-size:18px}
#sept-preview .cc-delivery-total{display:grid;grid-template-columns:auto auto;grid-template-areas:"label count" "label hours";align-items:center;gap:0 12px;min-width:142px;padding:10px 14px;border:1px solid #3d5d5b;border-radius:8px;background:#102521;font-variant-numeric:tabular-nums}
#sept-preview .cc-delivery-total small{grid-area:label;color:#89aaa6}
#sept-preview .cc-delivery-total strong{grid-area:count;color:#f4f8f7;font-size:22px;line-height:1}
#sept-preview .cc-delivery-total span{grid-area:hours;color:#88d7b5;font-size:12px}
#sept-preview .cc-delivery-table-wrap{max-height:520px;overflow:auto}
#sept-preview .cc-delivery-table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0;font-size:12px}
#sept-preview .cc-delivery-table thead th{position:sticky;top:0;z-index:3;padding:10px 12px;background:#1d2c35;color:#adc1ce;border-bottom:1px solid #465762;text-align:left;font-size:10px;font-weight:600;letter-spacing:.06em;white-space:nowrap}
#sept-preview .cc-delivery-table thead th:first-child{left:0;z-index:4;min-width:138px}
#sept-preview .cc-delivery-table tbody td{padding:11px 12px;border-bottom:1px solid #293943;background:#111b23;color:#dce7ed;vertical-align:middle}
#sept-preview .cc-delivery-table tbody tr:hover td:not(.cc-list-date-cell){background:#172731}
#sept-preview .cc-delivery-table tbody+tbody tr:first-child td{border-top:4px solid #0d141a}
#sept-preview .cc-delivery-table td>small,#sept-preview .cc-list-spec small{display:block;margin-top:3px;color:#8298a6;font-size:10px}
#sept-preview .cc-list-date-cell{position:sticky;left:0;z-index:2;width:138px;padding:0!important;background:#16302c!important;border-right:1px solid #3b5a56;border-bottom-color:#3b5a56!important;vertical-align:top!important}
#sept-preview .cc-list-date{display:grid;width:100%;min-height:100%;gap:3px;padding:13px 12px;border:0;background:transparent;color:#dce9e6;text-align:left}
#sept-preview .cc-list-date:hover{background:#1c3c36}
#sept-preview .cc-list-date span{font-size:13px;font-weight:600}
#sept-preview .cc-list-date strong{color:#91dfbf;font-size:24px;line-height:1.15}
#sept-preview .cc-list-date small{color:#a7c5bd;font-size:11px;font-style:normal}
#sept-preview .cc-list-date em{margin-top:6px;color:#7eaaa1;font-size:9px;font-style:normal}
#sept-preview .cc-list-maker{font-weight:600;white-space:nowrap}
#sept-preview .cc-list-code{display:block;color:#b9cad4;font-size:11px;white-space:nowrap}
#sept-preview .cc-list-title{max-width:360px;white-space:normal!important;overflow-wrap:anywhere;text-align:left;line-height:1.45}
#sept-preview .cc-list-number,#sept-preview .cc-list-hours,#sept-preview .cc-list-due{font-variant-numeric:tabular-nums;white-space:nowrap}
#sept-preview .cc-list-hours{color:#9bd8bd!important;font-weight:700;text-align:right}
#sept-preview .cc-list-spec{white-space:nowrap}
#sept-preview .cc-list-status{display:inline-block;padding:5px 8px;border:1px solid #665536;border-radius:999px;background:#332b1c;color:#ebca86;font-size:10px;white-space:nowrap}
#sept-preview .cc-list-empty{margin:0;padding:28px 20px;color:#8da0ad}
#sept-preview .cc-grid-scroll{overflow-x:auto;padding:2px 1px 10px}
#sept-preview .cc-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;min-width:1030px;align-items:stretch}
#sept-preview .cc-grid.week{min-width:1190px}
#sept-preview .cc-weekday{text-align:center;font-size:12px;color:var(--sp-muted);padding:7px}
#sept-preview .cc-day{background:#111a23;border:1px solid #344350;border-radius:9px;padding:8px;min-width:0}
#sept-preview .cc-day.selected{border-color:#8acbb5;box-shadow:0 0 0 1px #8acbb544}
#sept-preview .cc-day.has-request{border-top:3px solid #7cd0a5;background:linear-gradient(180deg,#14251f 0%,#111a23 42%)}
#sept-preview .cc-day.has-request.selected{border-color:#8ce0c2;box-shadow:0 0 0 1px #8ce0c266,0 10px 26px #0004}
#sept-preview .cc-day.outside{background:#0d151d;opacity:.6}
#sept-preview .cc-day-heading{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;color:var(--sp-text);padding:4px 2px 10px;gap:4px;text-align:left}
#sept-preview .cc-day-heading strong{font-size:17px;white-space:nowrap}
#sept-preview .cc-day-heading span{font-size:11px;color:var(--sp-green);white-space:nowrap}
#sept-preview .cc-day-total{display:block;padding:4px;font-size:10px;font-variant-numeric:tabular-nums}
#sept-preview .cc-cap{display:block;padding:4px 2px;font-size:10px}
#sept-preview .cc-cap.cc-c3-load{margin:7px 0 3px;padding:7px 8px;border:1px solid #38515b;border-radius:5px;background:#0e1920;color:#a8c9d8;font-variant-numeric:tabular-nums}
#sept-preview .cc-cards{display:grid;gap:7px;margin-top:8px}
#sept-preview .cc-card{display:block;width:100%;text-align:left;min-width:0;background:#1b2a36;border:1px solid #3a4e5e;border-left:3px solid #91acc3;border-radius:6px;color:var(--sp-text);padding:8px;transition:background .12s}
#sept-preview .cc-card:hover{background:#283e4d}
#sept-preview .cc-card.working{border-left-color:#88c5f3}
#sept-preview .cc-card.returned{border-left-color:#86d4b6;background:#1b302e}
#sept-preview .cc-card.held{border-left-color:#e4bd73;border-style:dashed}
#sept-preview .cc-card-title{font-size:11px;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.5}
#sept-preview .cc-card>small{display:block;font-size:9px;margin-top:5px;overflow-wrap:anywhere}
#sept-preview .cc-card-meta{display:flex;justify-content:space-between;gap:4px;font-size:10px;margin:6px 0 4px;flex-wrap:wrap}
#sept-preview .cc-progress{height:5px;border-radius:4px;background:#0d1821;margin-top:7px;overflow:hidden;min-width:56px}
#sept-preview .cc-progress i{display:block;height:100%;background:#87c4e5;border-radius:4px}
#sept-preview .cc-rate{font-size:10px;font-variant-numeric:tabular-nums;color:var(--sp-muted)}
#sept-preview .cc-empty{color:#748b9d;font-size:11px;padding:20px 2px;min-height:86px}
#sept-preview .cc-day>.sp-button{margin-top:8px;font-size:10px;padding:6px;width:100%}
#sept-preview .cc-title-table{min-width:980px}
#sept-preview .cc-title-table td:first-child{min-width:320px;max-width:550px;overflow-wrap:anywhere}
#sept-preview .cc-title-table .sp-link{white-space:normal;overflow-wrap:anywhere}
#sept-preview .cc-title-table td:not(:first-child){white-space:nowrap}
#sept-preview .cc-selected-row{background:#24413a}
#sept-preview .cc-task-detail h2{overflow-wrap:anywhere;max-width:100%}
@container(max-width:950px){#sept-preview .cc-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#sept-preview .cc-filters label:first-child{grid-column:1/-1}#sept-preview .cc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:720px){#sept-preview .cc-delivery-list-head{align-items:stretch;flex-direction:column;padding:16px}#sept-preview .cc-delivery-total{width:max-content}#sept-preview .cc-delivery-table-wrap{max-height:460px}}
/* Daily columns retain the existing C3 calendar reading order. */
#sept-preview .cc-options{margin:10px 0;border:1px solid var(--sp-line);border-radius:8px;padding:10px 14px}
#sept-preview .cc-options summary{cursor:pointer;font-size:14px}
#sept-preview .cc-summary{gap:8px;margin:10px 0}
#sept-preview .cc-summary>div{padding:8px 12px}
#sept-preview .cc-summary strong{font-size:20px}
#sept-preview .cc-grid.week{min-width:0;grid-template-columns:repeat(7,minmax(145px,1fr))}
#sept-preview .cc-grid.week .cc-day{background:#111a23;color:#e0e9f2;padding:7px;border-color:#344350}
#sept-preview .cc-grid.week .cc-day-heading{color:#e0e9f2}
#sept-preview .cc-grid.week .cc-day-heading span{color:#9bc9e8;font-size:13px}
#sept-preview .cc-day-total,#sept-preview .cc-cap,#sept-preview .cc-day-status{font-size:13px;line-height:1.5}
#sept-preview .cc-day-status{padding:4px 2px}
#sept-preview .cc-grid.week .cc-card{background:#1b2a36;color:#e0e9f2;border-color:#3a4e5e;border-left:4px solid #79b5df}
#sept-preview .cc-grid.week .cc-card:hover{background:#283e4d}
#sept-preview .cc-grid.week .cc-card.returned{background:#1b302e;border-left-color:#86d4b6}
#sept-preview .cc-card-title{font-size:14px;display:block;line-height:1.45}
#sept-preview .cc-card>small{font-size:12px}
#sept-preview .cc-card-meta{font-size:14px}
#sept-preview .cc-progress{height:9px;background:#0d1821}
#sept-preview .cc-progress i{background:#87c4e5}
#sept-preview .cc-rate{display:block;font-size:18px;font-weight:700;color:inherit;line-height:1.5}
#sept-preview .cc-grid.week .cc-empty{color:#a4b6c5;font-size:14px}
#sept-preview .cc-selects label,#sept-preview .cc-filters label{font-size:14px}