/* iTECH CRM UI Engine v1 */
:root{
 --ui-bg:#08172b;--ui-bg-2:#0c213d;--ui-bg-3:#102b4d;--ui-line:#294d75;
 --ui-line-hi:#4b82b8;--ui-text:#edf7ff;--ui-muted:#90a7c3;--ui-accent:#66c5ff;
 --ui-accent-2:#7b61dd;--ui-danger:#ff6f84;--ui-ok:#63d1a4;--ui-shadow:0 22px 60px rgba(0,0,0,.38);
 --ui-radius:12px;--ui-speed:.16s;
}
button,a,input,select,textarea{font-family:inherit}
button,.primary,.ghost,.danger,.open,[role="button"]{transition:transform var(--ui-speed) ease,border-color var(--ui-speed),background var(--ui-speed),box-shadow var(--ui-speed),color var(--ui-speed),opacity var(--ui-speed)}
button:not(:disabled):active,.primary:not(:disabled):active,.ghost:not(:disabled):active,.danger:not(:disabled):active{transform:translateY(1px) scale(.99)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,.ui-select-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(93,190,255,.17)!important;border-color:#62bfff!important}
button:disabled,.primary:disabled,.ghost:disabled,.danger:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.65)}
.ui-engine-busy{position:relative;pointer-events:none}
.ui-engine-busy>*{opacity:.25}
.ui-engine-busy:after{content:"";position:absolute;inset:50% auto auto 50%;width:15px;height:15px;margin:-8px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:uiSpin .65s linear infinite}
@keyframes uiSpin{to{transform:rotate(360deg)}}.ui-select{position:relative;display:inline-block;min-width:0;vertical-align:middle}
.ui-select-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;padding:9px 12px;border:1px solid #31547e;border-radius:11px;background:linear-gradient(180deg,#0c2543,#091c35);color:#e8f5ff;text-align:left;cursor:pointer;font-weight:750}
.ui-select-trigger:hover{border-color:#528fca;background:linear-gradient(180deg,#11305a,#0c2443);box-shadow:0 8px 22px rgba(7,30,57,.2)}
.ui-select-trigger:disabled{cursor:not-allowed}
.ui-select-trigger .ui-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-select-trigger .ui-select-arrow{flex:0 0 auto;width:19px;height:19px;display:grid;place-items:center;border-radius:6px;background:rgba(105,188,255,.08);color:#8fcfff;font-size:10px;transition:transform .15s}
.ui-select.open .ui-select-arrow{transform:rotate(180deg)}
.ui-select-portal{position:fixed;z-index:2147483200;display:grid;gap:4px;padding:7px;border:1px solid #355e8e;border-radius:13px;background:rgba(7,22,42,.985);box-shadow:var(--ui-shadow);backdrop-filter:blur(22px);max-height:min(390px,calc(100dvh - 18px));overflow:auto;animation:uiMenuIn .13s ease-out}
@keyframes uiMenuIn{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}
.ui-select-search{position:sticky;top:0;z-index:2;width:100%;min-height:36px;margin-bottom:3px;padding:8px 10px;border:1px solid #2b507b;border-radius:9px;background:#091a31;color:#eef8ff}
.ui-select-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:38px;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#d9eaff;text-align:left;cursor:pointer;font-weight:720}
.ui-select-option:hover,.ui-select-option.focused{background:#102d51;border-color:#2f5f92;color:#fff}
.ui-select-option.selected{background:linear-gradient(135deg,rgba(31,113,184,.38),rgba(105,77,187,.3));border-color:#4c83bc;color:#fff}
.ui-select-option:disabled{opacity:.38;cursor:not-allowed}
.ui-select-option i{font-style:normal;color:#76d3ff}.ui-details-panel{position:fixed!important;z-index:2147483150!important;display:grid!important;gap:5px!important;min-width:200px;max-width:min(360px,calc(100vw - 16px));padding:7px!important;border:1px solid #355b87!important;border-radius:13px!important;background:rgba(7,21,40,.985)!important;box-shadow:var(--ui-shadow)!important;backdrop-filter:blur(20px);animation:uiMenuIn .13s ease-out}
.ui-details-panel button,.ui-details-panel a{width:100%;justify-content:flex-start;text-align:left;min-height:36px}
details.ui-engine-details>summary{list-style:none;cursor:pointer;user-select:none}
details.ui-engine-details>summary::-webkit-details-marker{display:none}
details.ui-engine-details>summary:after{content:"⌄";margin-left:7px;color:#78c9f7;font-size:10px}
details.ui-engine-details[open]>summary:after{content:"⌃"}
.ui-menu-divider{height:1px;background:rgba(105,142,184,.2);margin:3px 1px}
.ui-toast-host{position:fixed;z-index:2147483600;right:16px;bottom:max(16px,env(safe-area-inset-bottom));display:grid;gap:8px;width:min(390px,calc(100vw - 24px));pointer-events:none}
.ui-engine-toast{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #355c88;border-radius:13px;background:rgba(8,25,47,.97);box-shadow:0 16px 46px rgba(0,0,0,.32);color:#eaf6ff;pointer-events:auto;animation:uiToastIn .18s ease-out}
.ui-engine-toast.success{border-color:rgba(71,194,145,.5)}.ui-engine-toast.error{border-color:rgba(255,100,124,.55)}.ui-engine-toast.warning{border-color:rgba(242,178,71,.55)}
.ui-engine-toast>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#12365c;color:#80d7ff;font-style:normal;font-weight:900}
.ui-engine-toast.success>i{background:rgba(50,157,115,.18);color:#78e2b8}.ui-engine-toast.error>i{background:rgba(190,66,87,.18);color:#ff9cac}
.ui-engine-toast b,.ui-engine-toast small{display:block}.ui-engine-toast small{margin-top:2px;color:#8fa7c3}
.ui-engine-toast button{width:28px;height:28px;padding:0;border:0;background:transparent;color:#8298b3;font-size:18px;cursor:pointer}
@keyframes uiToastIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.ui-command-backdrop{position:fixed;z-index:2147483400;inset:0;display:grid;place-items:start center;padding:9vh 12px 20px;background:rgba(1,8,17,.62);backdrop-filter:blur(5px)}
.ui-command-card{width:min(520px,100%);overflow:hidden;border:1px solid #345f8d;border-radius:17px;background:linear-gradient(160deg,#0b223f,#07172d);box-shadow:0 30px 90px rgba(0,0,0,.48)}
.ui-command-head{display:flex;justify-content:space-between;gap:14px;padding:15px 16px 12px;border-bottom:1px solid rgba(104,151,199,.16)}
.ui-command-head h3{margin:2px 0 0;color:#fff;font-size:17px}.ui-command-head small{color:#819bb9}
.ui-command-body{padding:15px 16px}.ui-command-body p{margin:0 0 13px;color:#a9bfd6;line-height:1.55}
.ui-command-body input{width:100%;min-height:42px;padding:10px 12px;border:1px solid #31557e;border-radius:11px;background:#081a31;color:#fff}
.ui-command-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px 15px;border-top:1px solid rgba(104,151,199,.13)}
.ui-engine-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #31577f;border-radius:999px;background:#0b2442;color:#9dc7e9;font-size:10px;font-weight:850}
.ui-engine-surface{border-color:#2c5079!important;background:linear-gradient(145deg,rgba(11,32,60,.96),rgba(7,21,41,.96))!important;box-shadow:0 12px 36px rgba(0,0,0,.16)}
@media(max-width:720px){
 .ui-select-portal{left:8px!important;right:8px!important;width:auto!important;max-height:min(52dvh,440px);border-radius:15px}
 .ui-select-option{min-height:43px;font-size:14px}
 .ui-toast-host{right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px)}
 .ui-details-panel{left:8px!important;right:8px!important;width:auto!important;max-width:none;bottom:max(8px,env(safe-area-inset-bottom))!important;top:auto!important;border-radius:16px!important}
 .ui-command-backdrop{padding-top:7vh}.ui-command-card{border-radius:16px}
}
label>.ui-select,.toolbar .ui-select,.form-grid .ui-select,.new-order-field .ui-select,.ops-form .ui-select,.calendar-editor-form .ui-select,.staff-cal-editor .ui-select,.finance-entry-form .ui-select{width:100%}
.ui-engine-button{position:relative;isolation:isolate}
.ui-engine-button:not(:disabled):hover{transform:translateY(-1px)}
.primary.ui-engine-button:not(:disabled):hover{box-shadow:0 10px 28px rgba(49,126,223,.22)}
.danger.ui-engine-button:not(:disabled):hover{box-shadow:0 10px 28px rgba(210,73,97,.18)}
.ghost.ui-engine-button:not(:disabled):hover{box-shadow:0 8px 22px rgba(18,64,111,.17)}
/* UI Engine resilience */
.ui-system-status{
 position:fixed;
 z-index:2147483500;
 left:50%;
 top:max(10px,env(safe-area-inset-top));
 transform:translateX(-50%);
 display:flex;
 align-items:center;
 gap:8px;
 width:max-content;
 max-width:min(680px,calc(100vw - 20px));
 padding:9px 12px;
 border:1px solid #335f8d;
 border-radius:12px;
 background:rgba(7,23,43,.97);
 box-shadow:0 14px 42px rgba(0,0,0,.32);
 color:#dff1ff;
 font-size:11px;
 backdrop-filter:blur(18px);
}
.ui-system-status[hidden]{display:none!important}
.ui-system-status span{font-size:10px;color:#7bd5ff}
.ui-system-status.offline{border-color:rgba(245,173,63,.55)}
.ui-system-status.offline span{color:#ffc56f}
.ui-system-status.error{border-color:rgba(255,102,126,.55)}
.ui-system-status.error span{color:#ff94a5}
.ui-system-status.online{border-color:rgba(77,205,151,.5)}
.ui-system-status.online span{color:#79e0b3}
@media(max-width:720px){.ui-system-status{top:max(7px,env(safe-area-inset-top));font-size:10px;padding:8px 10px}}
/* UI Engine mobile commercial layer */
@media(max-width:720px){
 body{padding-bottom:max(0px,env(safe-area-inset-bottom))}
 .modal,.crm-dialog-overlay,.ui-command-backdrop{padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important}
 button:not(.tiny):not(.nav-remove-module):not(.nav-edit-toggle),a.primary,a.ghost,a.open{min-height:42px}
 input,textarea,select{font-size:16px!important}
 .ui-select-trigger{min-height:44px!important;font-size:14px!important}
 .ui-command-backdrop{align-items:end!important;place-items:end center!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
 .ui-command-card{max-height:min(82dvh,720px);overflow:auto}
 .ui-command-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(8,23,45,.92),#08172d)}
 .crm-dialog-overlay{align-items:end!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
 .crm-dialog-card{max-height:min(84dvh,760px);overflow:auto;border-radius:18px 18px 12px 12px!important}
}
/* UI Engine file picker */
.ui-file-picker{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:center;width:100%;max-width:100%;padding:7px;border:1px solid #2d527d;border-radius:11px;background:#08192f;box-sizing:border-box}
.ui-file-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important}
.ui-file-plus{display:grid!important;place-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border:1px solid #4279aa!important;border-radius:9px!important;background:linear-gradient(180deg,#12345b,#0d2747)!important;color:#dff4ff!important;font-size:20px!important;font-weight:500!important}
.ui-file-info{display:block;min-width:0}.ui-file-info b,.ui-file-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-file-info b{font-size:10px;color:#dcecff}.ui-file-info small{margin-top:2px;color:#7f98b5;font-size:9px}.ui-file-picker.has-file{border-color:#43846b}.ui-file-picker.has-file .ui-file-info small{color:#8edeb7}
@media(max-width:720px){.ui-file-picker{grid-template-columns:34px minmax(0,1fr)}.ui-file-plus{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}}