/* KITAXIS v3 / Experience refinement — task-first, functional, keyboard-friendly */
:root{--ux-ink:#141e34;--ux-blue:#435ff0;--ux-border:#e0e6f0;--ux-faint:#f7f9fd}
[hidden]{display:none!important}
.ux-search-button{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:8px 11px;min-height:36px;cursor:pointer;border-radius:7px;background:#f7f8fc;border:1px solid #dfe5f0;color:#556582;font:600 11px var(--font);transition:background .17s,border-color .17s}
.ux-search-button:hover{border-color:#9eadfa;background:#edf1ff;color:#344ac6}.ux-search-button>span:first-child{font-size:18px;line-height:1}.ux-search-button kbd{background:white;border:1px solid #e2e7f0;border-radius:4px;padding:2px 5px;color:#7b87a0;font-size:9px}
.ux-page-top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.ux-page-top h1{font-size:clamp(31px,3.5vw,46px);letter-spacing:-1.8px;line-height:1.12;color:#142039;font-weight:800;margin:8px 0 7px}.ux-page-top p{font-size:13px;color:#6c7890;margin:0;line-height:1.6}.ux-overline{font-weight:800;color:#4f669f;font-size:10px;letter-spacing:.9px;display:flex;align-items:center;gap:8px;text-transform:uppercase}.ux-overline>span:last-child{color:#94a0b5;font-weight:600}.ux-blue-dot{color:#4763ef}.ux-dot{width:7px;height:7px;background:#6f83fa;border-radius:2px;display:inline-block;flex:none}.ux-heading-buttons{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.ux-demo-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid #dae4fb;background:#edf2ff;border-radius:9px;padding:11px 15px;margin-bottom:18px;color:#526381;font-size:11px;line-height:1.5}.ux-demo-note strong{color:#2846a8}.ux-demo-note button{margin-left:auto;border:0;background:transparent;color:#365ad6;text-decoration:underline;text-underline-offset:4px;font-size:11px;font-weight:700;cursor:pointer}
.ux-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ux-border);background:white;border-radius:11px;overflow:hidden;margin-bottom:21px;box-shadow:0 3px 16px #16284905}.ux-stat{border:0;border-right:1px solid var(--ux-border);padding:19px 22px;text-align:left;display:flex;flex-direction:column;gap:4px;background:white;min-width:0;color:inherit;cursor:default}.ux-stat:last-child{border-right:0}.ux-stat:where(button){cursor:pointer}.ux-stat:where(button):hover{background:#f3f6ff}.ux-stat span{font-size:11px;color:#687995;font-weight:700}.ux-stat strong{font-size:clamp(29px,3vw,40px);line-height:1.15;color:var(--ux-ink);font-variant-numeric:tabular-nums;letter-spacing:-1.4px}.ux-stat small{font-size:10px;color:#8a97ac;line-height:1.6}.ux-stat small b{float:right;color:#4564e7}.ux-stat-focus{background:#f1f4ff}.ux-stat-focus strong{color:#425feb}
.ux-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr);gap:17px;margin-bottom:31px}.ux-surface{background:#fff;border:1px solid var(--ux-border);border-radius:11px;min-width:0;box-shadow:0 3px 13px #15213d06}.ux-inbox{padding:25px 25px 14px}.ux-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:16px}.ux-panel-head h2{font-size:24px;line-height:1.2;letter-spacing:-.8px;color:#17223a;margin:7px 0 8px}.ux-panel-head h2 em{font-style:normal;font-size:13px;letter-spacing:0;margin-left:7px;display:inline-flex;align-items:center;justify-content:center;background:#edf1ff;border-radius:5px;color:#405bde;min-width:23px;padding:3px 6px;vertical-align:middle}.ux-panel-head p,.ux-section-head p{color:#78879d;font-size:11px;margin:0}.ux-kicker{color:#52699e;font-size:10px;letter-spacing:1.12px;font-weight:850}.ux-row-link{border:0;background:transparent;cursor:pointer;color:#425fde;font-size:11px;font-weight:750;white-space:nowrap}.ux-row-link:hover{text-decoration:underline;text-underline-offset:5px}
.ux-task-list{border-top:1px solid #edf0f6}.ux-task{display:flex;gap:13px;align-items:center;border-bottom:1px solid #edf0f6;padding:15px 0;min-width:0}.ux-task:last-child{border-bottom:0}.ux-task-icon{width:37px;height:37px;flex:none;display:grid;place-items:center;background:#eef2ff;color:#4861dc;border-radius:8px;font-size:16px}.ux-task-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.ux-task-body strong{font-size:12px;color:#1e304e;line-height:1.45}.ux-task-body>span{font-size:11px;color:#8490a5;overflow-wrap:anywhere}.ux-task-actions{display:flex;align-items:center;gap:14px}.ux-task-actions .status{font-size:10px}.ux-empty{text-align:center;padding:40px 15px}.ux-empty>span{border-radius:50%;width:42px;height:42px;display:inline-grid;place-items:center;background:#e3f9ec;color:#36855f;font-size:20px;margin-bottom:12px}.ux-empty strong{display:block;color:#1d2c45}.ux-empty p{font-size:12px;color:#7c8a9e}
.ux-guide{background:#101d3a;color:#fff;border-color:#101d3a;padding:25px;display:flex;flex-direction:column;position:relative;overflow:hidden}.ux-guide::after{content:"";position:absolute;width:200px;height:200px;border:1px solid #637fff2a;border-radius:50%;top:-120px;right:-100px;pointer-events:none}.ux-guide .ux-kicker{color:#a7bded}.ux-guide h2{font-size:26px;line-height:1.2;letter-spacing:-1px;color:white;margin:13px 0 8px}.ux-guide p{font-size:11px;line-height:1.7;color:#b0c0e0;margin:0 0 20px}.ux-guide-list{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:2px}.ux-guide-list li{padding:10px 0;border-bottom:1px solid #2c3957;color:#d9e3f7;font-size:12px;display:flex;align-items:center;gap:16px}.ux-guide-list li span{font-size:10px;font-weight:800;color:#abff89}.ux-guide-cta{margin-top:auto;background:#aaff83;border:0;border-radius:8px;color:#173119;font-weight:800;font-size:11px;min-height:42px;padding:12px 15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .16s}.ux-guide-cta:hover{background:#c6ffa7}
.ux-calendar-section{margin:0 0 32px}.ux-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:14px}.ux-section-head h2{font-size:24px;letter-spacing:-.65px;color:#17233d;line-height:1.2;margin:6px 0 7px}.ux-week-control{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--ux-border);border-radius:8px;padding:4px}.ux-week-control button{min-height:32px;min-width:33px;border:0;background:#f2f5fc;color:#43577b;border-radius:6px;font-weight:800;cursor:pointer}.ux-week-control button:hover{background:#e4eaff;color:#3555df}.ux-week-control strong{font-weight:650;font-size:10px;color:#485a78;text-align:center;padding:0 5px;white-space:nowrap}
.ux-calendar-section .schedule{padding-top:2px}.schedule-slot{cursor:pointer;transition:transform .15s,outline .15s;position:relative}.schedule-slot:hover{outline:2px solid #394cbd;outline-offset:1px;transform:scaleY(1.12)}.schedule-slot:focus-visible{outline:3px solid #1b49cf;outline-offset:2px}.schedule-slot.busy:hover{background:#2d45c4}.schedule-slot .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ux-slot-status{margin:16px 0}.ux-calendar-section .table-scroll{background:#fff;border:1px solid var(--ux-border);border-radius:11px;overflow:hidden}
.ux-request-panel{overflow:hidden}.ux-filter-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:17px 19px;border-bottom:1px solid #ecf0f6}.ux-filter-chip{border:1px solid #e0e6f0;background:#fff;color:#5a6a86;min-height:34px;border-radius:7px;cursor:pointer;font-size:11px;font-weight:700;padding:5px 11px;display:inline-flex;align-items:center;gap:8px}.ux-filter-chip:hover{background:#f2f4ff;border-color:#bdc9f3}.ux-filter-chip.selected{background:#eaf0ff;border-color:#8298f6;color:#304cbd}.ux-filter-chip span{font-size:10px;padding:2px 6px;background:#eef1f7;border-radius:4px;color:#73819b}.ux-filter-chip.selected span{background:#4763ef;color:white}.ux-filters{display:flex;align-items:center;justify-content:space-between}.ux-result-count{font-size:11px;color:#7b879f;white-space:nowrap}
.ux-wizard-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(248px,.83fr);gap:18px;align-items:start}.ux-wizard{padding:27px 30px}.ux-wizard-top{display:flex;justify-content:space-between;align-items:center;color:#60708d}.ux-wizard-top>strong{font-size:11px;letter-spacing:1px;font-variant-numeric:tabular-nums}.ux-wizard-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:22px 0 34px}.ux-wizard-marker{border-top:3px solid #e5eaf3;padding:11px 0 0;display:flex;gap:10px;align-items:center;color:#96a1b3}.ux-wizard-marker span{font-weight:850;font-size:12px}.ux-wizard-marker strong{font-size:12px;font-weight:750}.ux-wizard-marker.current{color:#3758d7;border-color:#526ff2}.ux-wizard-marker.finished{color:#2e8163;border-color:#47b991}.ux-step-head{display:flex;gap:17px;align-items:center;margin-bottom:25px}.ux-step-head>span{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#eaf0ff;color:#4162e3;font-weight:850;font-size:16px;flex:none}.ux-step-head h2{font-size:24px;letter-spacing:-.7px;color:#1b2946;margin:0 0 3px}.ux-step-head p{font-size:11px;color:#77849d;margin:0}.ux-field-divider{height:1px;background:#e9edf5;margin:25px 0}.ux-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.ux-subhead h3{font-size:14px;color:#253856;margin:0}.ux-subhead span{font-size:10px;color:#8a96aa}.ux-inline-help{font-size:11px;color:#6a7b9b;background:#f2f5fc;border-radius:8px;padding:12px 14px;margin:18px 0 3px;line-height:1.6}.ux-wizard-error{margin:17px 0 0;border:1px solid #efbcbc;background:#fff2f1;color:#a73c47;border-radius:8px;padding:10px 13px;font-size:12px}.ux-wizard-actions{display:flex;align-items:center;gap:10px;margin:30px 0 0;padding-top:20px;border-top:1px solid #edf0f6}.ux-wizard-spacer{flex:1}.ux-review-card{border:1px solid #e2e9f6;background:#f7f9ff;border-radius:9px;padding:8px 19px}.ux-policy{margin-top:22px!important}.ux-help-panel{padding:26px;background:#121f3d;color:#fff;border-radius:11px;position:sticky;top:82px}.ux-help-label{font-size:10px;letter-spacing:1.2px;color:#aac0f1;font-weight:850}.ux-help-label span{color:#b1ff7f;margin-right:5px}.ux-help-panel h3{font-size:20px;letter-spacing:-.5px;color:white;margin:12px 0 15px}.ux-live-summary,.ux-review-card{display:grid;gap:0}.ux-summary-row{display:flex;justify-content:space-between;gap:14px;align-items:start;padding:13px 0;border-bottom:1px solid #344565}.ux-summary-row:last-child{border-bottom:0}.ux-summary-row span{font-size:11px;color:#a0afd0;flex:none}.ux-summary-row strong{font-size:12px;color:white;font-weight:650;text-align:right;overflow-wrap:anywhere;line-height:1.6}.ux-review-card .ux-summary-row{border-color:#e2e7f2}.ux-review-card .ux-summary-row span{color:#667690}.ux-review-card .ux-summary-row strong{color:#243655}.ux-help-rule{height:1px;background:#344461;margin:21px 0}.ux-help-panel h4{color:white;font-size:12px;margin:0 0 8px}.ux-help-panel p{font-size:11px;color:#afbfdf;line-height:1.75;margin:0 0 20px}.ux-help-link{background:transparent;border:0;padding:0;color:#b3ff96;cursor:pointer;text-decoration:underline;text-underline-offset:5px;font-size:11px;font-weight:800}
.ux-quick-dialog{padding:0;min-width:min(560px,calc(100vw - 40px));max-height:min(78vh,660px);display:flex;flex-direction:column}.dialog:has(.ux-quick-dialog){width:auto;max-width:620px;padding:0;border:1px solid #dce3f3}.ux-quick-heading{display:flex;align-items:center;gap:12px;padding:15px 19px;border-bottom:1px solid #e9edf5}.ux-quick-heading span{font-size:24px;color:#6474a6}.ux-quick-heading input{min-width:0;flex:1;border:0;background:transparent;font-size:14px;color:#182b4e;outline:0!important;box-shadow:none!important}.ux-quick-heading kbd{border:1px solid #e1e6ef;padding:4px 6px;color:#7e8aa0;font-size:10px;border-radius:5px}.ux-quick-results{padding:7px 10px 18px;overflow-y:auto}.ux-quick-group{color:#7887a1;font-weight:850;font-size:9px;letter-spacing:1.1px;padding:13px 11px 5px}.ux-quick-item{width:100%;border:0;background:transparent;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;border-radius:8px;padding:9px 12px;min-height:42px;color:#283a58;font-size:12px;font-weight:700}.ux-quick-item:hover,.ux-quick-item:focus-visible{background:#eef3ff}.ux-quick-icon{display:grid;place-items:center;width:30px;height:30px;background:#eaf0fd;color:#4e67df;border-radius:6px;font-size:14px}.ux-quick-item>span:nth-child(2){flex:1}.ux-quick-item small{font-size:10px;color:#8491a7;font-weight:500}.ux-quick-footer{padding:12px 19px;background:#f7f9fc;border-top:1px solid #e7ebf3;font-size:10px;color:#7d8aa0}
@media(max-width:1180px){.ux-search-button .ux-search-name{display:none}.ux-search-button kbd{display:none}.ux-columns{grid-template-columns:minmax(0,1.3fr) minmax(225px,.85fr)}.ux-task-actions{gap:8px}.ux-task-actions .status{display:none}}
@media(max-width:940px){.ux-wizard-layout{grid-template-columns:minmax(0,1fr)}.ux-help-panel{position:static}.ux-help-panel .ux-live-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.ux-help-panel .ux-summary-row{display:block;border:0;padding:7px 0}.ux-help-panel .ux-summary-row strong{display:block;text-align:left;margin-top:5px}}
@media(max-width:800px){.ux-columns{grid-template-columns:1fr}.ux-guide{min-height:auto}.ux-guide-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ux-guide-list li{font-size:10px;align-items:flex-start}.ux-guide-cta{margin-top:0}.ux-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-stat:nth-child(2){border-right:0}.ux-stat:nth-child(-n+2){border-bottom:1px solid var(--ux-border)}}
@media(max-width:640px){.ux-page-top{align-items:start;flex-direction:column}.ux-page-top h1{font-size:33px}.ux-heading-buttons{width:100%}.ux-heading-buttons .btn{flex:1}.ux-stat{padding:15px}.ux-stat strong{font-size:30px}.ux-inbox{padding:18px 15px 8px}.ux-task{gap:9px}.ux-task-icon{height:31px;width:31px}.ux-task-body strong{font-size:11px}.ux-task-body>span{font-size:10px}.ux-task-actions{gap:4px}.ux-task-actions .ux-row-link{font-size:10px}.ux-guide{padding:22px}.ux-guide-list{grid-template-columns:1fr;gap:0}.ux-section-head{align-items:start;flex-direction:column}.ux-week-control{align-self:stretch;justify-content:space-between}.ux-week-control strong{font-size:10px}.ux-wizard{padding:19px 17px}.ux-wizard-progress{gap:3px;margin:18px 0 25px}.ux-wizard-marker{gap:4px;display:flex;flex-direction:column;align-items:start}.ux-wizard-marker strong{font-size:10px}.ux-step-head h2{font-size:21px}.ux-step-head p{font-size:10px}.ux-help-panel{padding:21px}.ux-help-panel .ux-live-summary{grid-template-columns:1fr}.ux-help-panel .ux-summary-row{display:flex;border-bottom:1px solid #334461}.ux-help-panel .ux-summary-row strong{text-align:right;margin:0}.ux-demo-note{font-size:10px}.ux-filter-tabs{padding:12px;gap:5px}.ux-filter-chip{padding:5px 7px;font-size:10px}.ux-filters{gap:9px}.ux-result-count{font-size:10px}.ux-search-button{padding:6px 9px;min-height:32px}.ux-search-button>span:first-child{font-size:16px}}
@media(max-width:390px){.ux-filter-chip{flex:1 0 28%;justify-content:center}.ux-task-actions .status{display:none}.ux-overline{flex-wrap:wrap}.ux-wizard-marker span{font-size:10px}.ux-search-button{padding:6px}.ux-search-button .ux-search-name{display:none}}
@media print{.ux-quick-dialog,.ux-search-button{display:none!important}}

.ux-side-search{margin-top:7px}.ux-side-search:hover{color:#a8ff72}
@media(max-width:420px){.topbar-left .crumb,.topbar-left .slash{display:none}.ux-search-button{display:none}.topbar-right{gap:5px!important}}

.ux-sidebar-utility{padding:18px;border-radius:9px;background:#192640}.ux-sidebar-utility p{margin:15px 0;font-size:11px;line-height:1.65}.ux-sidebar-utility button{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:40px;font-size:11px;padding:11px 12px} 
