.hu-page{max-width:1240px;margin:auto}
.hu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.hu-heading h1{font-size:20px;letter-spacing:0}
.hu-heading-actions{display:flex;align-items:center;gap:16px}
.hu-saved-dialog{width:min(720px,calc(100vw - 32px))}
.hu-saved-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.hu-saved-row:last-child{border-bottom:0}
.hu-saved-row>div{flex:1;min-width:0}
.hu-saved-row h3{font-size:14px;overflow-wrap:anywhere}
.hu-saved-row span{font-size:12px;color:var(--muted)}
.hu-page .hu-panel{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface)}
.hu-button{border:1px solid #d6deea;border-radius:4px;min-height:36px;padding:7px 16px;font-size:13px;background:white}
.hu-link{border:0;background:transparent;color:var(--primary);padding:4px 0;min-height:32px;font-size:12px}
.hu-link:hover{background:transparent;text-decoration:underline}
.hu-link:disabled,.hu-button:disabled{cursor:default;color:#9aa6b7;opacity:1;text-decoration:none}
.hu-primary{background:var(--primary);border-color:var(--primary);color:#fff}
.hu-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.hu-primary:disabled{background:#edf3ff;border-color:#dce6fb;color:#819bc7}
.hu-scheme-top{background:#fafbfd;border-bottom:1px solid var(--line)}
.hu-scheme-bar{display:flex;align-items:center;gap:14px;padding:17px 18px 0}
.hu-scheme-bar label{font-size:12px;color:var(--muted);margin:0}
.hu-scheme-bar select{width:240px;min-width:0;max-width:50%;min-height:36px;height:36px;font-size:13px;padding:6px 9px;border-radius:4px}
.hu-scheme-bar [data-hu-new]{margin-left:auto}
.hu-chosen{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px 14px;font-size:12px;max-height:106px;overflow:auto}
.hu-chosen>span{color:var(--muted);margin-right:5px}
.hu-chosen b{font-weight:400;border:1px solid var(--line);border-radius:4px;padding:3px 9px;color:#50647f;background:#fff}
.hu-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:22px 18px;min-height:90px;align-items:center}
.hu-summary>div{display:grid;gap:7px}
.hu-summary span{font-size:12px;color:var(--muted)}
.hu-summary strong{font-size:13px;font-weight:500}
.hu-summary>.hu-error{color:var(--red);grid-column:1/-2}
.hu-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 18px;background:#fafbfd;border-top:1px solid var(--line)}
.hu-state{margin-right:auto;color:var(--muted);font-size:12px}
.hu-tracking{margin-top:18px}
.hu-section-head{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line)}
.hu-section-head h2{font-size:14px}.hu-section-head span{font-size:12px;color:var(--muted)}
.hu-section-head .hu-config-entry{min-height:30px;margin-left:auto}
.hu-tracking-toggle{display:flex;align-items:center;gap:8px;min-height:30px;padding:0;border:0;background:transparent;color:var(--text);font-size:14px;font-weight:600}
.hu-tracking-toggle:hover{background:transparent;color:var(--primary)}
.hu-tracking-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .15s}
.hu-tracking-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}
.hu-table-wrap tr[data-hu-task-row]{cursor:pointer}
.hu-table-wrap tr.hu-task-selected td{background:#fff}
.hu-task-select{padding:4px 0;min-height:32px;border:0;background:transparent;color:var(--text);font-size:13px;text-align:left}
.hu-task-select:hover{background:transparent;color:var(--primary)}
.hu-task-select[aria-pressed=true]{font-weight:600;color:var(--text)}
.hu-task-actions{display:flex;justify-content:flex-end;white-space:nowrap}
.hu-task-actions button{min-height:32px;padding:5px 14px;border:1px solid transparent;border-radius:4px;font-size:12px;color:#fff}
.hu-task-actions .hu-task-start{background:var(--primary);border-color:var(--primary)}
.hu-task-actions .hu-task-start:hover{background:var(--primary-dark)}
.hu-task-actions .hu-task-stop{background:var(--red);border-color:var(--red)}
.hu-task-actions .hu-task-stop:hover{background:#a52e3c}
.hu-task-actions button:disabled{opacity:.45;cursor:default}
.hu-task-actions .hu-task-start:disabled:hover{background:var(--primary)}
.hu-task-actions .hu-task-stop:disabled:hover{background:var(--red)}
.hu-table-wrap{overflow:auto}.hu-table-wrap table{width:100%;font-size:13px}.hu-table-wrap td,.hu-table-wrap th{padding:9px 18px}.hu-table-wrap td .hu-link+.hu-link{margin-left:18px}
.hu-tracking table{table-layout:fixed;min-width:620px}
.hu-tracking th:first-child{width:24%}
.hu-tracking th:nth-child(2){width:18%}
.hu-tracking th:nth-child(3),.hu-tracking th:nth-child(4){width:16%}
.hu-tracking th:last-child{width:90px}
.hu-tracking th,.hu-tracking td{text-align:left;vertical-align:middle}
.hu-tracking th:last-child{text-align:right;padding-right:32px}
.hu-tracking td{overflow-wrap:anywhere}
.hu-page .hu-records{margin-top:18px}
.hu-page .flight-records-heading{padding:0 0 12px;min-height:38px}
.hu-page .flight-records-heading h2{font-size:14px}
.hu-page .flight-records-heading select,.hu-page .flight-records-heading button{min-height:34px;height:34px;padding:5px 10px;font-size:12px}
.hu-page .empty{padding:28px 18px}
.hu-page .empty h3{font-size:14px}.hu-page .empty svg{width:26px;height:26px;margin-bottom:8px}
.hu-page .flight-record-panel{border-radius:6px}
.hu-dialog{width:min(1080px,calc(100vw - 40px));max-height:94dvh;padding:0 20px 14px;border:1px solid #dce4ef;border-radius:8px;color:var(--text);background:var(--surface);overflow-y:auto}
.hu-dialog::backdrop{background:#17274355}
.hu-dialog-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin-bottom:10px;border-bottom:1px solid var(--line);background:var(--surface)}
.hu-dialog-head h2{font-size:16px}
.hu-dialog .hu-dialog-body{max-width:none;container-type:inline-size}
.hu-picker-dialog .scheme-category+.scheme-category{margin-top:10px;padding-top:10px}
.hu-picker-dialog .scheme-groups{gap:8px}
.hu-picker-dialog .scheme-pick-section{padding-bottom:8px}
.hu-picker-dialog .scheme-pick,.hu-picker-dialog .scheme-pick-section:not(.scheme-ball-section) .scheme-group-heading{min-height:30px}
.hu-picker-dialog .scheme-pick{font-size:13px}
.hu-picker-dialog .scheme-option-block+.scheme-option-block{margin-top:6px}
.hu-picker-dialog .scheme-ball-section,.hu-picker-dialog .scheme-ball-section:last-child{padding:8px}
.hu-picker-dialog .scheme-group-heading{min-height:26px;margin-bottom:6px}
.hu-picker-dialog .scheme-ball-letter{width:24px;height:24px;font-size:14px}
.hu-picker-dialog .scheme-picker-header{margin-bottom:6px}
.hu-picker-dialog .scheme-picker-header h2{font-size:14px}
.hu-picker-dialog .scheme-selection{position:sticky;bottom:-14px;background:var(--surface);z-index:2;margin-top:10px}
.hu-picker-dialog .scheme-name-row{padding:8px 12px}
.hu-picker-dialog .scheme-name-row input{height:36px;min-height:36px}
.hu-picker-dialog .scheme-selected-row{padding:6px 12px}
.hu-picker-dialog .scheme-selection-list{max-height:76px;overflow:auto}
.hu-config-dialog{width:min(900px,calc(100vw - 40px));padding:0;border-radius:6px;--line:#dce1e7;border-color:var(--line)}
.hu-config-dialog .hu-dialog-head{padding:12px 22px;margin:0;align-items:flex-start}
.hu-config-dialog .hu-dialog-head h2{margin:0;font-size:16px;line-height:1.5}
.hu-config-name{margin:4px 0 0;font-size:12px;color:var(--muted)}
.hu-config-dialog [data-hu-close]{min-width:28px;min-height:28px;padding:0;font-size:22px;line-height:1;color:var(--muted)}
.hu-config-dialog [data-hu-close]:focus-visible{outline:2px solid #b7c1d0;outline-offset:2px}
.hu-config-dialog .scheme-task-page .st-panel{border:0;border-radius:0}
/* Hangup layout 1: use the home and trends page's compact table styling. */
#main.flight-main{display:flex;flex-direction:column;padding:22px 24px 18px}
#main.flight-main>#page{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;width:100%}
.hu-page{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;width:100%;max-width:none;color:#172033;font-size:13px;font-variant-numeric:tabular-nums;--hu-grid:#e1e5eb}
.hu-heading{margin-bottom:16px;gap:16px}.hu-heading h1{font-size:24px;line-height:34px}
.hu-heading .hu-primary{height:31px;min-height:31px;padding:4px 17px;border-radius:5px;background:#1f5eff;border-color:#1f5eff;font-size:12px}
.hu-heading .hu-primary:hover{background:#1d4fc4;border-color:#1d4fc4}
.hu-funds{padding:0}.hu-funds-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-bottom:8px}
.hu-funds-heading h2{margin:0;font-size:15px;font-weight:650}.hu-funds-heading>span{font-size:12px;color:#70839b}
.hu-funds-scroll{overflow:auto;border:1px solid var(--hu-grid);border-radius:5px}
.hu-funds-table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0}
.hu-funds-table th,.hu-funds-table td{padding:0 6px;text-align:center;border:0;border-right:1px solid var(--hu-grid);letter-spacing:0}
.hu-funds-table th{height:33px;font-size:12px;font-weight:500;background:#f6f7f9;color:#41556f;border-bottom:1px solid var(--hu-grid)}
.hu-funds-table td{height:39px;font-size:17px;font-weight:600;color:#172033;background:#fff;overflow-wrap:anywhere;white-space:normal}
.hu-funds-table tr>:last-child{border-right:0}
.hu-page .hu-tracking{margin-top:15px;border:0;border-radius:0;overflow:visible}
.hu-section-head{justify-content:space-between;min-height:36px;margin-bottom:8px;padding:0;border:0}
.hu-tracking-toggle{font-size:15px;font-weight:650;color:#172033}.hu-tracking-toggle:hover{color:#172033}.hu-tracking-toggle svg{color:#70839b}
.hu-section-head .hu-config-entry{min-height:31px;height:31px;padding:4px 11px;border:1px solid #e5eaf2;border-radius:5px;background:#fff;color:#52739d;font-size:12px}
.hu-section-head .hu-config-entry:hover{background:#f6f7f9;text-decoration:none}
.hu-table-wrap{border:1px solid var(--hu-grid);border-radius:5px}.hu-tracking table{border-collapse:separate;border-spacing:0;min-width:0}
.hu-tracking th,.hu-tracking td{padding:0 6px;text-align:center;border:0;border-right:1px solid var(--hu-grid);border-bottom:1px solid var(--hu-grid);letter-spacing:0}
.hu-tracking th{height:37px;background:#f6f7f9;font-size:13px;font-weight:500;color:#41556f}
.hu-tracking td{height:46px;color:#172033;background:#fff;font-size:13px}
.hu-tracking th:first-child{width:23%}.hu-tracking th:nth-child(2){width:18%}.hu-tracking th:nth-child(3),.hu-tracking th:nth-child(4){width:16%}.hu-tracking th:nth-child(5){width:15%}.hu-tracking th:last-child{width:12%;text-align:center;padding:0 6px}
.hu-tracking tr>:last-child{border-right:0}.hu-tracking tbody tr:last-child td{border-bottom:0}
.hu-table-wrap tbody tr:hover,.hu-table-wrap tbody tr:hover td,.hu-table-wrap tr.hu-task-selected td{background:#fff}
.hu-task-select{text-align:center;color:#172033}.hu-task-select:hover{color:#172033}
.hu-task-actions{justify-content:center}.hu-task-actions button{height:29px;min-height:29px;min-width:56px;padding:3px 12px}
.hu-task-actions .hu-task-start{background:#1f5eff;border-color:#1f5eff}.hu-task-actions .hu-task-stop{background:#f23b3b;border-color:#f23b3b}.hu-task-actions .hu-task-stop:hover{background:#d92f2f}
.hu-page .hu-records{display:flex;flex:1;flex-direction:column;min-height:240px;margin-top:16px}.hu-page .flight-records-heading{flex:none;min-height:36px;margin-bottom:8px;padding:0}
.hu-page .flight-records-heading h2{font-size:15px;font-weight:650}.hu-page .flight-records-heading select,.hu-page .flight-records-heading button{height:31px;min-height:31px;padding:4px 11px;border-color:#e5eaf2;border-radius:5px;color:#52739d;font-size:12px}
.hu-page .flight-record-panel{display:flex;flex:1;flex-direction:column;min-height:240px;border-color:var(--hu-grid);border-radius:5px!important;box-shadow:none}
.hu-page .flight-record-panel .table-wrap{display:flex;flex:1;min-height:0}
.hu-page .flight-record-panel table{align-self:flex-start}
.hu-page .flight-record-panel table:has(.hu-record-empty){display:flex;flex:1;flex-direction:column;align-self:stretch;height:100%}
.hu-page .flight-record-panel table:has(.hu-record-empty) thead,.hu-page .flight-record-panel table:has(.hu-record-empty) tbody{display:table;width:100%;table-layout:fixed}
.hu-page .flight-record-panel table:has(.hu-record-empty) tbody{flex:1}
.hu-page .flight-record-panel table:has(.hu-record-empty) tbody tr{height:100%}
.hu-page .flight-record-panel table{min-width:0;color:#172033}
.hu-page .flight-record-panel th{height:36px;background:#f6f7f9;color:#41556f;border-color:var(--hu-grid);letter-spacing:0}
.hu-page .flight-record-panel td{border-color:var(--hu-grid)}
.hu-page .flight-record-panel th:nth-child(n){width:auto}
.hu-page .flight-record-panel .hu-record-empty{height:100%;padding-bottom:72px;vertical-align:bottom;color:#70839b;font-weight:400;background:#fff}
/* Fit the available content width, including narrow windows beside the menu. */
.hu-page .hu-funds-table th,.hu-page .hu-tracking th,.hu-page .hu-tracking td,.hu-page .flight-record-panel th{white-space:normal;overflow-wrap:anywhere}
@media(max-width:1000px){
 .hu-page .hu-tracking th,.hu-page .hu-tracking td,.hu-page .flight-record-panel th,.hu-page .flight-record-panel td{padding-inline:3px}
 .hu-task-select{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .hu-task-actions button{min-width:0;max-width:100%;padding-inline:3px}
 .hu-page .flight-record-panel .classic-history-number{max-width:100%;flex-wrap:wrap;justify-content:center}
 .hu-page .flight-record-panel .classic-history-number strong{min-width:0;overflow-wrap:anywhere;white-space:normal}
}
@media(max-width:767px){#main.flight-main{padding:16px 12px}.hu-heading{gap:10px}.hu-heading h1{font-size:22px}.hu-heading-actions{gap:10px}.hu-funds-heading{flex-wrap:wrap}.hu-page .hu-records{min-height:260px}.hu-page .flight-records-heading{flex-wrap:wrap}.hu-page .flight-record-controls{width:auto;max-width:100%}.hu-page .flight-records-heading select{max-width:150px}}
@media(max-width:900px){.hu-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:767px){.hu-scheme-bar{flex-wrap:wrap;gap:10px;padding:14px 14px 0}.hu-scheme-bar select{max-width:none;width:calc(100% - 70px)}.hu-scheme-bar [data-hu-new]{margin-left:auto}.hu-chosen{padding:12px 14px}.hu-summary{padding:18px 14px}.hu-actions{padding:12px 14px;flex-wrap:wrap}.hu-state{flex-basis:100%}.hu-dialog{width:calc(100vw - 16px);max-height:96dvh;padding:0 12px 12px}.hu-picker-dialog .scheme-pick{min-height:36px}.hu-picker-dialog .scheme-name-row input{height:44px}.hu-picker-dialog .scheme-selection{position:static}.hu-page .flight-records-heading{align-items:flex-start;gap:8px}.hu-page .flight-record-controls{gap:6px}.hu-page .flight-records-heading select{max-width:150px}}

@media(max-width:767px){.hu-config-dialog{padding:0}.hu-config-dialog .hu-dialog-head{padding:14px 16px}}

.hu-config-dialog .scheme-task-page{max-width:none}
.hu-config-dialog .scheme-task-page .st-band{padding-top:9px;padding-bottom:9px}
.hu-config-dialog .scheme-task-page .st-field{min-height:34px}

/* New scheme: compact creation, separate from runtime settings. */
.hu-add-tools{display:flex;align-items:center;gap:8px}
.hu-button.hu-add-primary{min-height:31px;height:31px;padding:4px 14px;border:1px solid #1f5eff;border-radius:5px;background:#1f5eff;color:#fff;font-size:12px;white-space:nowrap}
.hu-button.hu-add-primary:hover{background:#1d4fc4;border-color:#1d4fc4}
.hu-tracking .hu-no-schemes{height:72px;color:#70839b;font-size:12px}
.hu-create-dialog{width:min(650px,calc(100vw - 28px));padding:0;border:1px solid #dce1e7;border-radius:5px;box-shadow:0 8px 28px #17203318;color:#172033;font:13px/1.6 "Segoe UI","Microsoft YaHei",sans-serif}
.hu-create-dialog::backdrop,.hu-saved-dialog::backdrop{background:#17203333;backdrop-filter:none}
.hu-create-dialog .hu-dialog-head{padding:13px 18px;margin:0;border-bottom:1px solid #e1e5eb;align-items:center}
.hu-create-dialog .hu-dialog-head h2{margin:0;font-size:16px}
.hu-create-dialog [data-hu-close]{min-width:24px;min-height:24px;padding:0 3px;font-size:21px;color:#70839b}
.hu-create-body{padding:18px}
.hu-create-name{display:flex;align-items:center;gap:16px}
.hu-create-name label{margin:0;font-size:12px;color:#70839b;white-space:nowrap}
.hu-create-name input{flex:1;min-width:0;height:32px;min-height:32px;border:1px solid #dce1e7;border-radius:5px;font-size:13px;padding:5px 10px}
.hu-create-name-count{display:none}
@media(min-width:768px){
 .hu-create-name{position:relative}
 .hu-create-name input{padding-right:60px}
 .hu-create-name-count{display:block;position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#70839b;font-size:12px;line-height:20px;font-variant-numeric:tabular-nums;pointer-events:none}
}
.hu-create-picks{margin-top:18px;border:1px solid #e1e5eb;border-radius:5px;overflow:hidden}
.hu-create-tabs{display:flex;gap:5px;padding:9px 10px;border-bottom:1px solid #e1e5eb;flex-wrap:wrap}
.hu-create-tabs button{min-height:29px;padding:4px 12px;border:0;border-radius:3px;background:#fff;color:#70839b;font-size:12px}
.hu-create-tabs button[aria-pressed=true]{background:#1f5eff;color:#fff}
.hu-create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:14px}
.hu-create-grid button{min-height:32px;padding:4px;border:0;border-radius:3px;background:#f6f7f9;color:#172033;font-size:13px}
.hu-create-grid button:hover{background:#e9edf2}
.hu-create-dialog .hu-create-grid button[aria-pressed=true]{background:var(--skin-blue,#1f5eff);color:#fff}
.hu-create-grid[data-kind=sum]{grid-template-columns:repeat(7,minmax(0,1fr))}
.hu-create-grid[data-kind=tail]{grid-template-columns:repeat(5,minmax(0,1fr))}
.hu-create-grid[data-kind=shape]{grid-template-columns:repeat(3,minmax(0,1fr))}
.hu-create-chosen{display:flex;gap:16px;align-items:flex-start;min-height:44px;padding-top:15px;color:#70839b;font-size:12px}
.hu-create-chosen>span{white-space:nowrap}
.hu-create-chosen strong{font-size:13px;font-weight:500;color:#172033;overflow-wrap:anywhere;max-height:90px;overflow:auto}
.hu-create-error{margin:8px 0 0;color:#c52d2d;font-size:12px}
.hu-create-error:empty{display:none}
.hu-create-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid #e1e5eb}
.hu-create-footer .hu-link{font-size:12px}
.hu-create-dialog button:disabled{opacity:.55;cursor:wait}
.hu-saved-dialog{width:min(580px,calc(100vw - 28px));border-color:#dce1e7;border-radius:5px}
.hu-saved-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e1e5eb}
.hu-saved-row h3{margin:0;font-size:13px;overflow-wrap:anywhere}
.hu-saved-row span,.hu-library-empty{color:#70839b;font-size:12px}
.hu-saved-row button{flex:none;font-size:12px}
@media(max-width:767px){.hu-create-body{padding:14px}.hu-create-dialog .hu-dialog-head,.hu-create-footer{padding:12px 14px}.hu-create-tabs{gap:2px;padding:7px}.hu-create-tabs button{padding:5px 9px;min-height:36px}.hu-create-grid{padding:10px;gap:6px}.hu-create-grid button{min-height:36px}.hu-create-name{gap:10px}.hu-create-name input{height:36px;min-height:36px;font-size:16px}.hu-add-tools{gap:6px}.hu-button.hu-add-primary{padding:4px 10px}.hu-section-head .hu-config-entry{padding:4px 8px}}