.dn-customer-main-tabs{margin:0 0 16px}
.dn-customer-period{display:grid;gap:14px;padding-bottom:28px}
.dn-customer-period[hidden]{display:none}
.dn-period-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid #dce5ef;border-radius:10px;background:#f8fafd}
.dn-period-toolbar label{display:grid;gap:6px;color:#31425a;font-size:13px;font-weight:700}
.dn-period-toolbar input,.dn-period-toolbar select{min-height:38px;min-width:140px;padding:7px 10px;border:1px solid #bac9da;border-radius:7px;background:#fff;color:#172b46;font:13px var(--font-body,Arial,sans-serif)}
.dn-period-toolbar .dn-period-search{flex:1;min-width:190px}
.dn-period-toolbar .dn-period-search input{width:100%}
.dn-period-bind{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px 16px;border:1px solid #cbd9e7;border-radius:10px;background:#f5f9ff}
.dn-period-bind[hidden]{display:none}
.dn-period-bind label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#31425a}
.dn-period-bind input,.dn-period-bind select{min-height:38px;min-width:130px;padding:7px 10px;border:1px solid #bac9da;border-radius:7px;background:#fff;color:#172b46;font:13px var(--font-body,Arial,sans-serif)}
.dn-period-bind .dn-period-source-choice{flex:1;min-width:190px}
.dn-period-bind .dn-period-source-choice select{width:100%}
.dn-period-bind #dn-period-source-status{font-size:12px;color:#50627b}
.dn-period-definitions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.dn-period-definition{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;background:#eaf1fa;color:#26384d;font-size:12px}
.dn-period-definition button{border:0;background:transparent;color:#5d6d82;font-size:17px;cursor:pointer}
.dn-period-status{min-height:20px;margin:0;color:#435875;font-size:13px}
.dn-period-status[data-error=true]{color:#aa2836}
.dn-period-section{border:1px solid #dce5ef;border-radius:10px;background:#fff;overflow:hidden}
.dn-period-section h3{margin:0;padding:14px 16px;background:#1f2937;color:#fff;font-size:16px}
.dn-period-scroll{overflow:auto;max-width:100%}
.dn-period-table{width:100%;min-width:780px;border-collapse:separate;border-spacing:0;font-size:13px}
.dn-period-table th,.dn-period-table td{padding:8px 10px;border-right:1px solid #e1e7ee;border-bottom:1px solid #e1e7ee;text-align:left;vertical-align:middle;white-space:nowrap}
.dn-period-table th:last-child,.dn-period-table td:last-child{border-right:0}
.dn-period-table tr:last-child td{border-bottom:0}
.dn-period-table thead th{position:sticky;top:0;z-index:1;background:#edf1f5;color:#26384d;font-weight:700}
.dn-period-table .dn-period-customer{position:sticky;left:0;z-index:2;min-width:160px;background:#fff;font-weight:700;color:#1c334d}
.dn-period-table .dn-period-customer button{display:block;margin-top:4px;padding:0;border:0;background:none;color:#235da9;font-size:11px;font-weight:600;text-align:left;cursor:pointer}
.dn-period-table .dn-period-customer button:disabled{opacity:.5;cursor:wait}
.dn-period-table thead .dn-period-customer{z-index:3;background:#edf1f5}
.dn-period-table .dn-period-owner{min-width:125px;color:#4b6079}
.dn-period-table .dn-period-cell{min-width:130px}
.dn-period-table .dn-period-cell.is-complete{background:#e6f8ed}
.dn-period-cell label{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}
.dn-period-cell label+label{margin-top:6px;padding-top:6px;border-top:1px solid #dce6ed}
.dn-period-cell input{width:19px;height:19px;flex:none;accent-color:#16803d;cursor:pointer}
.dn-period-cell input:disabled{cursor:wait}
.dn-period-table .dn-period-empty{padding:24px;color:#536780;text-align:center}
.dn-period-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 2px;color:#52657d;font-size:13px}
.dn-period-summary div{display:flex;gap:8px}
.dn-period-summary button{min-height:36px;padding:7px 12px;border:1px solid #b8c8da;border-radius:6px;background:#fff;color:#263f60;cursor:pointer}
.dn-period-summary button:disabled{opacity:.45;cursor:default}
.dn-period-disabled{color:#758498;font-size:12px}
@media(max-width:760px){.dn-period-toolbar{padding:12px;gap:10px}.dn-period-toolbar label{flex:1 1 140px}.dn-period-toolbar input,.dn-period-toolbar select{width:100%;min-width:0}.dn-period-table{font-size:12px}.dn-period-table th,.dn-period-table td{padding:8px}.dn-period-table .dn-period-customer{min-width:130px}}