:root{
    --umc-blue:#168fd0;
    --umc-blue-dark:#0878b1;
    --umc-blue-deep:#075d8a;
    --umc-blue-soft:#e9f6fc;
    --umc-charcoal:#211f20;
    --umc-ink:#263442;
    --umc-muted:#667b8b;
    --umc-line:#cedde7;
    --umc-danger:#b42318;
    --umc-surface:#fff;
    --umc-shadow:0 18px 40px rgba(17,78,111,.12),0 3px 8px rgba(17,78,111,.08);
    --umc-shadow-raised:0 24px 55px rgba(17,78,111,.17),0 8px 18px rgba(17,78,111,.1);
    --umc-nav-clearance:112px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.umc-app{
    min-height:100vh;
    margin:0;
    overflow-x:hidden;
    color:var(--umc-ink);
    background:
        radial-gradient(circle at 8% 5%,rgba(22,143,208,.14),transparent 25rem),
        radial-gradient(circle at 95% 12%,rgba(8,120,177,.1),transparent 24rem),
        linear-gradient(145deg,#eaf6fc 0,#f8fafb 45%,#edf2f5 100%);
    font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;
}
body.umc-app :is(p,li,td,dd,input,select,textarea,button,.button,.file-button,label,a){font-size:14px!important}
body.umc-app :is(h1,h2,h3,h4,h5,h6,.value,.number,.weight input,.weight strong,.connection strong,.modal-ticket,.hero h1){font-size:16px!important;line-height:1.35}
body.umc-app .visual-step:not(:last-child)::after,body.umc-app .back-top,body.umc-app .modal-close{font-size:16px!important}
body.umc-app::before{
    position:fixed;
    z-index:-1;
    inset:0;
    content:"";
    opacity:.28;
    pointer-events:none;
    background-image:linear-gradient(rgba(8,120,177,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,120,177,.045) 1px,transparent 1px);
    background-size:28px 28px;
    mask-image:linear-gradient(to bottom,#000,transparent 72%);
}

.page,.desk{width:min(100%,1360px);margin:auto;padding:122px 28px 42px!important}
.umc-skip-link{position:fixed;z-index:2000;top:8px;inset-inline-start:8px;transform:translateY(-140%);padding:10px 14px;border-radius:9px;background:var(--umc-charcoal);color:#fff;text-decoration:none}
.umc-skip-link:focus{transform:translateY(0)}

.umc-appbar{
    position:fixed;
    z-index:100;
    top:10px;
    left:50%;
    width:min(calc(100% - 56px),1304px);
    min-height:68px;
    display:grid;
    grid-template-columns:350px minmax(0,1fr);
    align-items:center;
    gap:12px;
    margin-bottom:24px;
    padding:6px 10px 6px 14px;
    border:1px solid rgba(255,255,255,.85);
    border-bottom-color:#b9d2df;
    border-radius:18px;
    background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(244,250,253,.96));
    box-shadow:var(--umc-shadow),inset 0 1px 0 #fff;
    backdrop-filter:blur(16px);
    transform:translateX(-50%);
    transition:border-color .2s,box-shadow .2s,background .2s;
}
.umc-appbar.is-scrolled{border-color:#b8d6e5;background:linear-gradient(155deg,rgba(255,255,255,.99),rgba(238,248,252,.98));box-shadow:0 18px 38px rgba(17,78,111,.2),0 4px 12px rgba(17,78,111,.12),inset 0 1px 0 #fff}
body.umc-app .sidebar{top:var(--umc-nav-clearance)!important}
body.umc-app .tutorial-card,body.umc-app .roles{scroll-margin-top:var(--umc-nav-clearance)!important}
.umc-brand{min-width:0;display:flex;align-items:center;gap:10px;color:var(--umc-charcoal);text-decoration:none}
.umc-brand img{width:180px;height:52px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 6px rgba(8,120,177,.12))}
.umc-identity{min-width:0;padding-inline-start:11px;border-inline-start:1px solid var(--umc-line)}
.umc-identity strong,.umc-identity small{display:block;white-space:nowrap}
.umc-identity strong{overflow:hidden;color:var(--umc-charcoal);font-size:13px;font-weight:900;letter-spacing:.055em;text-overflow:ellipsis}
.umc-identity small{margin-top:3px;color:#718391;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.umc-nav{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:2px;flex-wrap:nowrap;text-transform:uppercase;letter-spacing:.035em}
.umc-nav a{
    position:relative;
    padding:7px 8px;
    border:1px solid transparent;
    border-radius:10px;
    color:#526777;
    font-size:13px!important;
    font-weight:800;
    line-height:1.2;
    white-space:nowrap;
    text-decoration:none;
    transition:transform .15s,background .15s,color .15s,box-shadow .15s;
}
.umc-nav a:hover,.umc-nav a.active{
    color:var(--umc-blue-dark);
    border-color:#c7e2ef;
    background:linear-gradient(#fff,var(--umc-blue-soft));
    box-shadow:0 5px 12px rgba(8,120,177,.12),inset 0 1px 0 #fff;
    transform:translateY(-1px);
}
.umc-nav a.active::after{position:absolute;right:10px;bottom:3px;left:10px;height:2px;border-radius:9px;background:var(--umc-blue);content:""}
.umc-nav form{margin:0}
.umc-nav button{min-height:36px;margin-inline-start:4px;padding:7px 9px;background:linear-gradient(#fff,#f2f6f8)!important;color:#526777!important;border:1px solid var(--umc-line)!important;box-shadow:0 3px 8px rgba(17,78,111,.08)!important;font-size:13px!important;white-space:nowrap}
.umc-nav-toggle{
    display:none;
    width:44px;
    min-width:44px;
    height:44px;
    padding:0!important;
    border-color:#b9d9e8!important;
    background:linear-gradient(#fff,#eaf6fc)!important;
    color:var(--umc-blue-dark)!important;
    box-shadow:0 5px 13px rgba(17,78,111,.12)!important;
}
.umc-nav-toggle span,.umc-nav-toggle::before,.umc-nav-toggle::after{width:19px;height:2px;border-radius:4px;background:currentColor;content:"";transition:transform .18s,opacity .18s}
.umc-nav-toggle{flex-direction:column;gap:4px}
.umc-appbar.nav-open .umc-nav-toggle span{opacity:0}
.umc-appbar.nav-open .umc-nav-toggle::before{transform:translateY(6px) rotate(45deg)}
.umc-appbar.nav-open .umc-nav-toggle::after{transform:translateY(-6px) rotate(-45deg)}

.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 20px;padding:0 4px}
.page-heading h1{margin:3px 0 4px;color:var(--umc-charcoal);font-size:clamp(26px,3vw,34px);line-height:1.12;letter-spacing:-.025em}
.page-heading p{max-width:760px;margin:0;color:var(--umc-muted)}
.eyebrow{margin:0 0 4px;color:var(--umc-blue-dark)!important;font-size:11px;font-weight:900;letter-spacing:.12em}
h1,h2,h3{color:var(--umc-charcoal)}
.login{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.9)!important;
    border-top:4px solid var(--umc-blue)!important;
    background:linear-gradient(145deg,#fff,#f5fafc)!important;
    box-shadow:0 30px 75px rgba(17,78,111,.22),0 8px 20px rgba(17,78,111,.12),inset 0 1px 0 #fff!important;
    transform:perspective(1200px) rotateX(.7deg);
}
.login::before{position:absolute;top:-90px;right:-80px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(22,143,208,.18),transparent 68%);content:"";pointer-events:none}
.login .logo{filter:drop-shadow(0 8px 10px rgba(8,120,177,.15))}

.panel,.card,.filters,.table-wrap,.exchange-bar{
    border-color:var(--umc-line)!important;
    box-shadow:var(--umc-shadow),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.panel,.card{
    position:relative;
    overflow:visible;
    padding:22px!important;
    border-radius:18px!important;
    background:linear-gradient(150deg,#fff 0,#fbfdfe 100%)!important;
}
.panel::before,.card::before{
    position:absolute;
    top:0;
    right:18px;
    left:18px;
    height:1px;
    content:"";
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
}
.panel:first-of-type,.card:first-of-type{border-top:4px solid var(--umc-blue)!important}
.cards{display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px!important}
.cards .card{min-width:0!important;transition:transform .18s,box-shadow .18s}
.cards .card:hover{z-index:1;transform:translateY(-3px);box-shadow:var(--umc-shadow-raised)!important}
.value{color:var(--umc-blue-dark);text-shadow:0 1px 0 #fff}

label{color:#43586a;font-weight:750;letter-spacing:.01em}
.field-requirement{
    display:inline;
    margin-inline-start:4px;
    padding:0;
    vertical-align:middle;
    background:transparent!important;
    font-size:0!important;
    line-height:1;
}
.field-requirement.required::after,.field-requirement.conditional::after{color:var(--umc-danger);font-size:14px;font-weight:900;content:"*"}
.field-requirement.optional{display:none}
.form-guidance{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    gap:6px;
    margin:0;
    padding:0 2px 7px;
    border:0;
    background:transparent;
    color:var(--umc-muted);
    font-size:12px;
    font-weight:600;
}
.form-guidance::before{flex:0 0 auto;color:var(--umc-danger);font-weight:900;content:"*"}
.form-guidance.compact{margin:0}
form label>small{display:block;max-height:0;margin:0;overflow:hidden;color:var(--umc-muted);font-size:12px;line-height:1.45;opacity:0;transition:max-height .18s,margin .18s,opacity .18s}
form label:focus-within>small{max-height:48px;margin-top:5px;opacity:1}
.vehicle-plate-control{position:relative;min-width:0;margin:0;padding:0;border:0}
.vehicle-plate-control>legend{width:100%;margin:0 0 6px;padding:0;color:#43586a;font-size:12px;font-weight:800;letter-spacing:.01em}
.vehicle-plate-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0}
.vehicle-plate-fields>label{display:grid;min-width:0;align-content:start;gap:4px;margin:0;color:#43586a;font-size:10px!important;font-weight:800}
.vehicle-plate-fields input{width:100%;min-width:0;margin:0;padding:8px 12px!important;font-size:17px!important;font-weight:900;letter-spacing:.06em}
.vehicle-plate-fields .plate-letters-input{text-transform:uppercase}
.vehicle-plate-fields label>small{display:block;max-height:none;margin:0;color:var(--umc-muted);font-size:9px!important;line-height:1.25;opacity:1}
.vehicle-plate-control>.error{display:block;margin-top:5px}
.vehicle-plate-control .lookup-menu{top:calc(100% + 7px);right:0;left:0;z-index:80}
.vehicle-plate-menu button{display:grid!important;grid-template-columns:minmax(100px,auto) minmax(0,1fr);align-items:center;gap:10px;text-align:start!important}
.vehicle-plate-menu button small{margin:0;overflow:hidden;color:var(--umc-muted);font-size:11px!important;text-overflow:ellipsis;white-space:nowrap}
.vehicle-plate-menu .lookup-register{display:block!important}
.direction-note{min-height:44px!important;padding:10px 12px!important}
.direction-note span{display:none!important}
.form-grid>.actions>span{font-size:12px!important;color:var(--umc-muted)}
input,select,textarea{
    max-width:100%;
    min-height:44px;
    padding:10px 12px!important;
    border:1px solid #b9ccd8!important;
    border-bottom-color:#9bb5c4!important;
    border-radius:10px!important;
    background:linear-gradient(#fff,#f7fbfd)!important;
    color:var(--umc-ink);
    font:inherit;
    box-shadow:inset 0 1px 2px rgba(20,55,73,.05),0 1px 0 #fff;
    transition:border-color .15s,box-shadow .15s,background .15s;
}
textarea{min-height:90px;resize:vertical}
input::placeholder,textarea::placeholder{color:#91a2ae}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--umc-blue)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(22,143,208,.15),0 5px 12px rgba(17,78,111,.08)!important}
input[type="checkbox"],input[type="radio"]{min-height:0;box-shadow:none}

button,.button,.file-button{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:9px 15px;
    border:1px solid rgba(5,83,124,.18);
    border-bottom-color:rgba(5,83,124,.38);
    border-radius:10px;
    background:linear-gradient(180deg,#1597d7,var(--umc-blue-dark));
    color:#fff;
    font:inherit;
    font-weight:850;
    line-height:1.15;
    text-decoration:none;
    cursor:pointer;
    box-shadow:0 6px 12px rgba(8,120,177,.2),inset 0 1px 0 rgba(255,255,255,.28);
    transition:transform .12s,background .15s,border-color .15s,box-shadow .15s;
}
button:hover,.button:hover,.file-button:hover{background:linear-gradient(180deg,#1089c5,#056b9e);box-shadow:0 9px 18px rgba(8,120,177,.26),inset 0 1px 0 rgba(255,255,255,.25);transform:translateY(-2px)}
button:active,.button:active,.file-button:active{box-shadow:0 3px 7px rgba(8,120,177,.18),inset 0 2px 4px rgba(0,0,0,.12);transform:translateY(1px)}
button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}
.button.secondary,.secondary{background:linear-gradient(#fff,#edf6fa)!important;color:var(--umc-blue-dark)!important;border-color:#9acde4!important;box-shadow:0 4px 9px rgba(17,78,111,.1),inset 0 1px 0 #fff!important}
.button.secondary:hover,.secondary:hover{background:linear-gradient(#fff,var(--umc-blue-soft))!important}
.delete-button{color:#fff!important;background:linear-gradient(#d24437,var(--umc-danger))!important;border-color:var(--umc-danger)!important}
.delete-button:hover{background:linear-gradient(#bd352a,#8f1c13)!important}

.tabs{display:flex;gap:9px;padding:5px 3px 10px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
.tabs button{flex:0 0 auto;scroll-snap-align:start}
.tabs .active{background:linear-gradient(180deg,#1597d7,var(--umc-blue-dark))!important;border-color:var(--umc-blue-dark)!important;box-shadow:0 8px 16px rgba(8,120,177,.22)!important}
.step{border-left-color:var(--umc-blue)!important}
.notice{border:1px solid #a7e3c2;box-shadow:0 5px 12px rgba(22,101,52,.08)}
.error{color:var(--umc-danger)}
.form-alert{padding:12px;border-radius:9px;background:#fee2e2;color:#991b1b}

.table-scroll,.table-wrap{
    width:100%;
    max-width:100%;
    overflow:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    border-radius:14px;
}
table{width:100%;border-collapse:separate!important;border-spacing:0!important}
table th{position:relative;background:linear-gradient(#f8fbfd,#edf5f9);color:#526c7d!important;font-size:11px!important;letter-spacing:.055em}
table th:first-child{border-radius:10px 0 0}
table th:last-child{border-radius:0 10px 0 0}
table tbody tr{transition:background .15s,transform .15s,box-shadow .15s}
table tbody tr:hover{position:relative;z-index:1;background:#f0f9fd;box-shadow:inset 4px 0 0 var(--umc-blue)}
table th,table td{padding:12px 14px;border-bottom:1px solid #e3edf2;text-align:start}
table td{vertical-align:middle;background:rgba(255,255,255,.82)}
table tbody tr:nth-child(even) td{background:#fbfdfe}
table tbody tr:hover td{background:#f0f9fd}
td small{display:block;margin-top:4px;color:var(--umc-muted)}
.table-scroll::after,.table-wrap::after{position:sticky;right:0;display:block;width:32px;height:1px;margin-top:-1px;content:"";box-shadow:12px 0 24px rgba(17,78,111,.2)}
.umc-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:12px 14px;border:1px solid #dce8ee;border-radius:13px;background:linear-gradient(145deg,#fff,#f5fafc);box-shadow:0 6px 16px rgba(17,78,111,.07)}
.umc-pagination-summary{margin:0;color:#667b8b;font-size:12px}
.umc-pagination-summary strong{color:#294353}
.umc-pagination-pages{display:flex;align-items:center;gap:5px}
.umc-page-button{display:inline-grid;min-width:34px;height:34px;place-items:center;padding:0 9px;border:1px solid #c9dce6;border-radius:9px;background:#fff;color:var(--umc-blue-dark);font:800 12px/1 inherit;text-decoration:none;box-shadow:0 2px 5px rgba(17,78,111,.06);cursor:pointer}
.umc-page-button:hover{border-color:var(--umc-blue);background:var(--umc-blue-soft);transform:translateY(-1px)}
.umc-page-button.active{border-color:var(--umc-blue-dark);background:linear-gradient(180deg,var(--umc-blue),var(--umc-blue-dark));color:#fff;box-shadow:0 5px 11px rgba(8,120,177,.22)}
.umc-page-button.disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
.umc-page-gap{padding:0 3px;color:#8a9ca8}
@media(max-width:700px){
    .umc-pagination{align-items:stretch;flex-direction:column}
    .umc-pagination-pages{justify-content:center;overflow-x:auto;padding-bottom:2px}
    .umc-pagination-summary{text-align:center}
}

.form-grid,.user-form,.grid,.filters{gap:16px!important}
.actions,.table-actions,.row-actions,.exchange-actions,.list-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.table-actions button,.row-actions button,.row-actions a{min-height:35px;padding:7px 10px!important;border-radius:8px!important;box-shadow:0 3px 7px rgba(17,78,111,.08)}
.list-tools input{min-width:260px}
.list-heading,.exchange-bar{gap:16px}
.exchange-bar{border-radius:15px!important;background:linear-gradient(135deg,#f5fbfe,var(--umc-blue-soft))!important}
.status-pill{display:inline-flex;padding:5px 9px;border-radius:99px;font-size:12px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.status-delivered,.status-completed{background:#dcfce7;color:#166534}.status-in_transit{background:#dbeafe;color:#1d4ed8}.status-cancelled{background:#fee2e2;color:#991b1b}.status-open,.status-pending{background:#fef3c7;color:#92400e}
.connection{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));align-items:stretch!important}
.connection div{min-width:0!important;border:1px solid #dfebf1;background:linear-gradient(145deg,#fff,#edf6fa)!important;box-shadow:0 6px 13px rgba(17,78,111,.07)}
.guide .step{border-radius:0 12px 12px 0;background:linear-gradient(90deg,var(--umc-blue-soft),rgba(255,255,255,.2));box-shadow:0 5px 11px rgba(17,78,111,.06)}
.scale-monitor,.selected-ticket,.direction-note{box-shadow:0 6px 13px rgba(17,78,111,.08),inset 0 1px 0 rgba(255,255,255,.75)}

.modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(12,37,51,.67);backdrop-filter:blur(5px)}
.modal-card{width:min(820px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:24px;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:linear-gradient(145deg,#fff,#f7fbfd);box-shadow:0 30px 80px rgba(7,27,39,.48),inset 0 1px 0 #fff}
.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.modal-heading h2{margin:0}
.modal-close{width:40px;min-width:40px;height:40px;padding:0;border:1px solid var(--umc-line);border-radius:50%;background:linear-gradient(#fff,#eef5f8);color:var(--umc-charcoal);font-size:25px;line-height:1;box-shadow:0 4px 10px rgba(17,78,111,.12)}
.modal-close:hover{background:var(--umc-blue-soft);color:var(--umc-blue-dark)}
.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:8px}
.modal-actions button{min-width:130px}
.umc-dialog{width:min(560px,calc(100% - 30px));padding:0;border:0;border-radius:18px;box-shadow:0 30px 80px rgba(7,27,39,.48)}
.umc-dialog::backdrop{background:rgba(12,37,51,.67);backdrop-filter:blur(5px)}
.umc-dialog>form,.umc-dialog>.dialog-body{padding:22px}
.detail-modal{width:min(720px,100%)}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.detail-grid div{padding:13px 14px;border:1px solid #dce8ef;border-radius:11px;background:linear-gradient(145deg,#fff,#f3f8fb);box-shadow:0 5px 11px rgba(17,78,111,.07)}
.detail-grid dt{color:var(--umc-muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.detail-grid dd{margin:5px 0 0;overflow-wrap:anywhere;color:var(--umc-charcoal);font-size:15px;font-weight:750}

@media(max-width:1320px){
    :root{--umc-nav-clearance:88px}
    .page,.desk{padding-top:94px!important}
    .umc-appbar{grid-template-columns:260px minmax(0,1fr);align-items:center;top:7px;min-height:68px;gap:6px;padding:6px 9px 6px 11px}
    .umc-brand img{width:135px;height:46px}
    .umc-identity{padding-inline-start:8px}
    .umc-identity strong{max-width:105px;font-size:11px}
    .umc-identity small{max-width:105px;overflow:hidden;font-size:9px;text-overflow:ellipsis}
    .umc-nav-toggle{display:none!important}
    .umc-nav,.has-js .umc-nav{
        grid-column:auto;
        width:100%;
        display:flex!important;
        justify-content:flex-end;
        gap:1px;
        padding:0;
        overflow-x:auto;
        overflow-y:hidden;
        border-top:0;
        opacity:1!important;
        visibility:visible!important;
        scrollbar-width:thin;
    }
    body.umc-app .umc-nav a{flex:0 0 auto;width:auto;min-height:36px;display:flex;align-items:center;justify-content:center;padding:6px 7px;font-size:12px!important;text-align:center}
    .umc-nav form{flex:0 0 auto}
    body.umc-app .umc-nav form button{width:auto;margin:0;padding:6px 7px;font-size:12px!important}
}

@media(max-width:1180px){
    .umc-appbar{grid-template-columns:225px minmax(0,1fr)}
    .umc-brand img{width:112px;height:42px}
    .umc-identity{padding-inline-start:7px}
    .umc-identity strong{max-width:92px}
    .umc-identity small{max-width:92px}
    .umc-nav{gap:2px}
    body.umc-app .umc-nav a{padding:6px;font-size:11px!important}
    body.umc-app .umc-nav button{margin-inline-start:1px;padding-inline:6px;font-size:11px!important}
}

@media(max-width:1050px){
    .page,.desk{padding:94px 18px 34px!important}
    .umc-appbar{width:calc(100% - 36px)}
    .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
    .form-grid,.user-form,.grid,.filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .wide{grid-column:1/-1!important}
}

@media(max-width:980px){
    .page-heading{align-items:flex-start;flex-direction:column}
    .page-heading>.actions{width:100%}
    .page-heading>.actions>*{flex:1 1 auto}
    .connection{grid-template-columns:repeat(3,minmax(0,1fr))!important}
    .list-heading,.exchange-bar{align-items:stretch!important;flex-direction:column!important}
    .list-tools{align-items:stretch;flex-direction:column}
    .list-tools input{min-width:0;width:100%;max-width:none!important}
    .exchange-actions>*{flex:1}
    .table-scroll table,.table-wrap table{min-width:760px}
}

@media(max-width:600px){
    :root{--umc-nav-clearance:78px}
    .page,.desk{padding:82px 9px 26px!important}
    .umc-appbar{width:calc(100% - 18px);grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-bottom:17px;padding:6px 8px 6px 10px;border-radius:14px}
    .umc-brand{gap:8px}
    .umc-brand img{width:min(170px,55vw);height:48px}
    .umc-identity{display:none}
    .umc-nav-toggle{display:inline-flex!important}
    .umc-nav,.has-js .umc-nav{
        grid-column:1/-1;
        display:none!important;
        grid-template-columns:repeat(2,minmax(0,1fr));
        width:100%;
        gap:5px;
        padding:0;
        overflow:hidden;
        border-top:0 solid transparent;
        opacity:0!important;
        visibility:hidden!important;
    }
    .has-js .umc-appbar.nav-open .umc-nav{
        display:grid!important;
        margin-top:1px;
        padding:9px 2px 2px;
        border-top-width:1px;
        border-top-color:var(--umc-line);
        opacity:1!important;
        visibility:visible!important;
    }
    .umc-nav form{grid-column:auto}
    body.umc-app .umc-nav a,body.umc-app .umc-nav form button{width:100%;min-height:42px;padding:9px 7px;font-size:13px!important}
    .page-heading{padding:0 2px}
    .page-heading h1{font-size:25px}
    .panel,.card{padding:16px!important;border-radius:15px!important}
    .cards{grid-template-columns:1fr 1fr}
    .cards .card{padding:14px!important}
    .form-grid,.user-form,.grid,.filters,.modal-grid,.detail-grid{grid-template-columns:1fr!important}
    .wide{grid-column:1!important}
    .actions,.modal-actions,.filter-actions{align-items:stretch!important;flex-direction:column}
    .actions>*,.modal-actions>*,.filter-actions>*{width:100%}
    .exchange-actions{align-items:stretch;flex-direction:column}
    .table-actions{min-width:180px}
    .pagination{align-items:stretch!important;flex-direction:column!important;gap:10px}
    .modal-backdrop{padding:7px}
    .modal-card{max-height:calc(100vh - 14px);padding:17px}
    .umc-dialog{width:calc(100% - 16px)}
    .login{padding:22px!important}
    .connection{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .checks{align-items:flex-start!important;flex-direction:column;gap:10px!important}
    .selected-ticket{align-items:flex-start!important;flex-direction:column}
}

@media(max-width:390px){
    .cards{grid-template-columns:1fr}
    .umc-brand img{width:150px}
    .umc-nav{grid-template-columns:1fr}
}

@media(hover:none){
    button:hover,.button:hover,.file-button:hover,.cards .card:hover,.umc-nav a:hover{transform:none}
}

@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

.umc-table-tools{
    margin:0 0 12px;
    padding:12px;
    border:1px solid #c9dfeb;
    border-radius:13px;
    background:linear-gradient(145deg,#fff,#f1f8fc);
    box-shadow:0 8px 20px #1258780d;
}
.umc-table-tools-main{
    display:grid;
    grid-template-columns:minmax(210px,1.5fr) minmax(170px,1fr) auto auto auto minmax(145px,auto);
    gap:9px;
    align-items:end;
}
.umc-table-tools label{display:grid;gap:4px;margin:0;color:#526777;font-size:11px;font-weight:850}
.umc-table-tools input,.umc-table-tools select{
    width:100%;
    min-height:39px;
    margin:0;
    padding:8px 10px;
    border:1px solid #b8d4e2;
    border-radius:8px;
    background:#fff;
    color:#263746;
    font:inherit;
    font-size:13px;
}
.umc-table-tools button{
    min-height:39px;
    margin:0;
    padding:8px 12px;
    border:1px solid #9acde4;
    border-radius:8px;
    background:#fff;
    color:var(--umc-blue-dark);
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
}
.umc-table-tools button:hover,.umc-table-tools button.active{border-color:var(--umc-blue);background:#eaf7fd}
.umc-table-count{align-self:center;color:#607687;font-size:11px;font-weight:800;text-align:end}
.umc-table-filter-panel,.umc-table-column-panel{
    margin-top:11px;
    padding-top:11px;
    border-top:1px solid #d6e7ef;
}
.umc-table-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.umc-table-filter-heading div{display:grid;gap:2px}
.umc-table-filter-heading strong{color:#243846;font-size:13px}
.umc-table-filter-heading small{color:#718391;font-size:11px}
.umc-table-filter-list{display:grid;gap:7px}
.umc-table-filter-condition{
    display:grid;
    grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(180px,1.5fr) 38px;
    gap:7px;
    align-items:end;
    padding:8px;
    border:1px solid #d7e7ef;
    border-radius:10px;
    background:#fff;
}
.umc-table-filter-condition .umc-filter-remove{
    width:38px;
    min-width:38px;
    padding:0;
    border-color:#fecaca;
    color:#b42318;
    font-size:20px;
}
.umc-table-group-row td{
    padding:9px 12px!important;
    border-top:2px solid #83c5e5!important;
    border-bottom:1px solid #b9dceb!important;
    background:linear-gradient(90deg,#e7f6fd,#f7fbfd)!important;
    color:#15516f!important;
}
.umc-table-group-row strong{font-size:12px;text-transform:uppercase}
.umc-table-group-row span{margin-inline-start:9px;color:#668091;font-size:11px;font-weight:750}
.umc-table-no-results td{padding:28px!important;text-align:center!important;color:#718391!important}
.umc-table-column-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px}
.umc-table-column-option{display:flex!important;min-width:0;align-items:center;gap:8px;padding:8px 10px;border:1px solid #d7e7ef;border-radius:8px;background:#fff;color:#425668!important;cursor:pointer}
.umc-table-column-option input{width:16px!important;min-width:16px;min-height:16px;margin:0!important;accent-color:var(--umc-blue)}
.umc-table-column-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.umc-app table[data-umc-table-enhanced="true"] :is(th,td){
    padding-right:var(--umc-dynamic-table-padding-x,11px)!important;
    padding-left:var(--umc-dynamic-table-padding-x,11px)!important;
    font-size:var(--umc-dynamic-table-font-size,12px)!important;
}
body.umc-app table[data-umc-table-enhanced="true"] td{white-space:nowrap}
body.umc-app table[data-umc-table-enhanced="true"] :is(.audit-change,.request-box,.table-actions,.row-actions){white-space:normal}
table[data-umc-table-enhanced="true"] [hidden]{display:none!important}

@media(max-width:1050px){
    .umc-table-tools-main{grid-template-columns:repeat(2,minmax(0,1fr))}
    .umc-table-count{text-align:start}
}
@media(max-width:700px){
    .umc-table-tools-main,.umc-table-filter-condition{grid-template-columns:1fr}
    .umc-table-tools-main>button{width:100%}
    .umc-table-filter-heading{align-items:stretch;flex-direction:column}
    .umc-table-filter-condition .umc-filter-remove{width:100%}
}

/* Jetstream + Livewire application shell */
:root{
    --umc-accent:#0f766e;
    --umc-font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
    --umc-base-font-size:13px;
    --umc-radius:10px;
    --umc-sidebar-width:248px;
    --umc-topbar-height:64px;
    --umc-canvas:#f4f7fa;
    --umc-panel:#fff;
    --umc-border:#e2e8f0;
    --umc-text:#243447;
    --umc-subtle:#64748b;
}
html{font-size:var(--umc-base-font-size)}
body.umc-app{
    color:var(--umc-text);
    background:var(--umc-canvas);
    font-family:var(--umc-font-family);
    font-size:var(--umc-base-font-size);
}
body.umc-app::before{display:none}
body.umc-app :is(p,li,td,dd,input,select,textarea,button,.button,.file-button,label,a){font-size:var(--umc-base-font-size)!important}
body.umc-app :is(h1,h2,h3,h4,h5,h6,.value,.number,.weight input,.weight strong,.connection strong,.modal-ticket,.hero h1){font-size:16px!important;line-height:1.35}
.page,.desk{
    width:auto;
    max-width:1540px;
    margin:0;
    margin-inline-start:var(--umc-sidebar-width);
    padding:calc(var(--umc-topbar-height) + 24px) 24px 36px!important;
    transition:margin-inline-start .2s ease;
}
.umc-skip-link{z-index:3000}
.umc-sidebar{
    position:fixed;
    z-index:1100;
    inset-block:0;
    inset-inline:0 auto;
    display:flex;
    width:var(--umc-sidebar-width);
    flex-direction:column;
    border-inline-end:1px solid var(--umc-border);
    background:#fff;
    box-shadow:4px 0 18px rgba(15,23,42,.04);
    transition:width .2s ease,transform .2s ease;
}
.umc-sidebar-brand{
    display:flex;
    min-height:var(--umc-topbar-height);
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:10px 14px;
    border-bottom:1px solid #eef2f6;
}
.umc-sidebar-brand>a{display:flex;min-width:0;align-items:center;gap:9px;color:var(--umc-text);text-decoration:none}
.umc-sidebar-brand img{width:112px;height:40px;object-fit:contain}
.umc-sidebar-brand>a>span{display:none}
.umc-mobile-branch-context{display:none}
.umc-sidebar-brand button,.umc-mobile-nav,.umc-icon-button{
    display:grid;
    width:36px;
    height:36px;
    min-width:36px;
    place-items:center;
    padding:0;
    border:1px solid var(--umc-border);
    border-radius:9px;
    background:#fff;
    color:#64748b;
    box-shadow:none;
}
.umc-sidebar-brand button:hover,.umc-mobile-nav:hover,.umc-icon-button:hover{border-color:#b9d9e9;background:#f0f8fc;color:var(--umc-blue-dark);transform:none}
.umc-sidebar-brand svg{width:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.umc-branch-card{
    display:flex;
    align-items:center;
    gap:10px;
    margin:14px 12px 8px;
    padding:11px;
    border:1px solid #dbe7ee;
    border-radius:var(--umc-radius);
    background:linear-gradient(145deg,#f8fbfd,#eef7fb);
}
.umc-branch-card>span:last-child{display:grid;min-width:0;gap:2px}
.umc-branch-card strong{overflow:hidden;color:#334155;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.umc-branch-card small{overflow:hidden;color:#64748b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.umc-user-avatar{
    display:grid;
    width:32px;
    height:32px;
    min-width:32px;
    place-items:center;
    border-radius:9px;
    background:linear-gradient(145deg,var(--umc-blue),var(--umc-blue-dark));
    color:#fff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.04em;
}
.umc-sidebar-nav{display:grid;gap:3px;padding:8px 10px;overflow-y:auto}
.umc-nav-section{margin:8px 9px 5px;color:#94a3b8;font-size:9px!important;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.umc-sidebar-nav a{
    display:flex;
    min-height:40px;
    align-items:center;
    gap:11px;
    padding:8px 10px;
    border:1px solid transparent;
    border-radius:9px;
    color:#536579;
    font-size:11px!important;
    font-weight:800;
    letter-spacing:.025em;
    text-decoration:none;
}
.umc-sidebar-nav a:hover{border-color:#e0edf3;background:#f3f8fb;color:var(--umc-blue-dark)}
.umc-sidebar-nav a.active{
    border-color:color-mix(in srgb,var(--umc-blue) 24%,#fff);
    background:color-mix(in srgb,var(--umc-blue) 10%,#fff);
    color:var(--umc-blue-dark);
    box-shadow:inset 3px 0 0 var(--umc-blue);
}
.umc-nav-icon{display:grid;width:22px;height:22px;min-width:22px;place-items:center;border-radius:6px;background:#edf3f7;color:#65778a;font-size:13px}
.umc-sidebar-nav a.active .umc-nav-icon{background:var(--umc-blue);color:#fff}
.umc-nav-icon::before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:var(--umc-nav-symbol) center/contain no-repeat;mask:var(--umc-nav-symbol) center/contain no-repeat;--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4m0 4h.01'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=dashboard]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='4' rx='1'/%3E%3Crect x='14' y='11' width='7' height='10' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=weigh-desk]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='4' width='18' height='13' rx='2'/%3E%3Cpath d='M8 21h8m-4-4v4M8 11a4 4 0 0 1 8 0m-4-2v3'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=weighbridge]::before,.umc-nav-icon[data-icon=scale]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M5 6h14M3 6l-2 7h8L7 6m10 0-2 7h8l-2-7M8 21h8'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=tickets]::before,.umc-nav-icon[data-icon=ticket]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 3h14v18l-2-1-2 1-3-1-3 1-2-1-2 1V3Z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=delivery-reviews]::before,.umc-nav-icon[data-icon=audit]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7M9 3h6v4H9z'/%3E%3Cpath d='m9 15 2 2 5-5'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=calendar-clock]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 2v4m8-4v4M3 9h18M5 4h14a2 2 0 0 1 2 2v5M8 21H5a2 2 0 0 1-2-2V6'/%3E%3Ccircle cx='16' cy='17' r='4'/%3E%3Cpath d='M16 15v2l1 1'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=odoo-shipping]::before,.umc-nav-icon[data-icon=transporter]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 5h11v12H3zM14 9h4l3 3v5h-7M7 21a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=draft-shipping]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 2h8l4 4v6M6 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h7M14 2v5h5'/%3E%3Ccircle cx='17' cy='17' r='4'/%3E%3Cpath d='M17 15v2l1 1'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=master-data]::before,.umc-nav-icon[data-icon=database]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v7c0 1.7 3.6 3 8 3s8-1.3 8-3V5M4 12v7c0 1.7 3.6 3 8 3s8-1.3 8-3v-7'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=vehicles]::before,.umc-nav-icon[data-icon=vehicle]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 7h11v10H3zM14 10h4l3 3v4h-7M7 21a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=drivers]::before,.umc-nav-icon[data-icon=driver]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M2 21a7 7 0 0 1 14 0m1-5 2 2 4-5'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=customers]::before,.umc-nav-icon[data-icon=customer]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 21V5l8-3v19M12 8h8v13M8 7v.01M8 11v.01M8 15v.01M16 12v.01M16 16v.01M2 21h20'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=transporters]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 6h12v11H2zM14 10h4l4 4v3h-8M6 21a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm12 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM5 10h6'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=suppliers]::before,.umc-nav-icon[data-icon=supplier]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 21V9l9-6 9 6v12M3 12h18M7 21v-5h10v5M8 9h.01M12 9h.01M16 9h.01'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=products]::before,.umc-nav-icon[data-icon=product]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='m12 2 8 4-8 4-8-4 8-4Zm-8 4v8l8 4 8-4V6M4 14v4l8 4 8-4v-4'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=reports]::before,.umc-nav-icon[data-icon=report]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 20V10m6 10V4m6 16v-7m4 7H2'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=daily-reports]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 2v4m12-4v4M3 9h18M5 4h14a2 2 0 0 1 2 2v14H3V6a2 2 0 0 1 2-2Z'/%3E%3Cpath d='m7 16 3-3 2 2 4-4 2 2'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=audit-trail]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.3 8 11 4.6-1.7 8-6 8-11V5l-8-3Z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=archive]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 5h18v4H3zM5 9v11h14V9M9 13h6'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=administration]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 2 4 5v6c0 5 3.4 9.3 8 11 4.6-1.7 8-6 8-11V5l-8-3Z'/%3E%3Ccircle cx='12' cy='9' r='2'/%3E%3Cpath d='M8 16a4 4 0 0 1 8 0'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=users]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M2 21a7 7 0 0 1 14 0m1-17a4 4 0 0 1 0 8m1 3a6 6 0 0 1 4 6'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=roles]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='m11 12 9-9m-3 3 3 3m-6 0 3 3'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=branches]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='6' cy='4' r='2'/%3E%3Ccircle cx='18' cy='6' r='2'/%3E%3Ccircle cx='6' cy='20' r='2'/%3E%3Cpath d='M6 6v12m0-8c4 0 4-4 10-4'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=settings]::before,.umc-nav-icon[data-icon=system-settings]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6v.2h-4V21a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H2.8v-4H3a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.2 7 7 4.2l.1.1A1.7 1.7 0 0 0 9 4.6 1.7 1.7 0 0 0 10 3V2.8h4V3a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.2v4H21a1.7 1.7 0 0 0-1.6 1Z'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=scale-setup]::before,.umc-nav-icon[data-icon=connection]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 21v-7m0-4V3m8 18v-9m0-4V3m8 18v-5m0-4V3M1 14h6M9 8h6m2 8h6'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=scale-hardware]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='3' width='18' height='7' rx='2'/%3E%3Crect x='3' y='14' width='18' height='7' rx='2'/%3E%3Cpath d='M7 6.5h.01M7 17.5h.01M11 7h6M11 18h6'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=print-profiles]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 14h12v8H6zM18 12h.01'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=scale-tokens]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='m11 12 9-9m-3 3 3 3m-6 0 3 3M4 5h5'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=offline-stations]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m2 2 20 20M5 12.6A10 10 0 0 1 8.5 10m4.8-.8A10 10 0 0 1 19 12.6M8.5 16a5 5 0 0 1 7 0M12 20h.01M2 8.5A15 15 0 0 1 5 6m4-2.3A15 15 0 0 1 22 8.5'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=help]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 9a2.6 2.6 0 1 1 4 2.2c-1 .6-1.5 1.2-1.5 2.3M12 17h.01'/%3E%3C/svg%3E")}
.umc-nav-icon[data-icon=list-ordered]::before{--umc-nav-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M10 6h11M10 12h11M10 18h11M4 6h1V3M4 10h2l-2 3h2M4 17h2l-2 4h2'/%3E%3C/svg%3E")}
.umc-nav-group{min-width:0}.umc-nav-group>summary{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 10px;border:1px solid transparent;border-radius:9px;color:var(--umc-muted);font-size:11px;font-weight:850;list-style:none;cursor:pointer}.umc-nav-group>summary::-webkit-details-marker{display:none}.umc-nav-group>summary:hover,.umc-nav-group.active>summary{border-color:#e0edf3;background:#f3f8fb;color:var(--umc-blue-dark)}.umc-nav-group.active>summary .umc-nav-icon{background:var(--umc-blue);color:#fff}.umc-nav-chevron{margin-inline-start:auto;font-size:14px;transition:transform .18s ease}.umc-nav-group[open] .umc-nav-chevron{transform:rotate(180deg)}.umc-nav-children{display:grid;gap:2px;margin:3px 0 4px;padding-inline-start:18px}.umc-nav-children a{padding-block:6px;font-size:10px}.umc-nav-children .umc-nav-icon{width:24px;height:24px;font-size:12px}
.umc-sidebar-footer{display:flex;align-items:center;gap:7px;margin-top:auto;padding:14px 20px;border-top:1px solid #eef2f6;color:#8492a6;font-size:10px}
.umc-sidebar-footer-mark{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:#e7f4ff;color:var(--umc-blue-dark);font-size:7px;font-weight:950;letter-spacing:.04em}
.status-dot{width:7px;height:7px;border-radius:99px;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}
.umc-topbar{
    position:fixed;
    z-index:1000;
    top:0;
    inset-inline:var(--umc-sidebar-width) 0;
    display:flex;
    min-height:var(--umc-topbar-height);
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:8px 24px;
    border-bottom:1px solid var(--umc-border);
    background:rgba(255,255,255,.94);
    box-shadow:0 3px 14px rgba(15,23,42,.035);
    backdrop-filter:blur(12px);
    transition:left .2s ease;
}
.umc-topbar-start,.umc-topbar-actions{display:flex;min-width:0;align-items:center;gap:10px}
.umc-topbar-branch{display:flex;max-width:245px;min-width:180px;align-items:center;gap:8px;padding:5px 10px;border:1px solid #dbe6ee;border-radius:9px;background:#fff;color:#334155;box-shadow:0 1px 2px rgba(15,23,42,.035)}
.umc-topbar-branch>.umc-nav-icon{background:#eaf5fb;color:var(--umc-blue-dark)}
.umc-topbar-branch>span:last-child{display:grid;min-width:0;gap:0}.umc-topbar-branch small{color:#8492a6;font-size:7px;font-weight:850;text-transform:uppercase}.umc-topbar-branch strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.umc-notification-menu{position:relative}
.umc-notification-menu summary{list-style:none}
.umc-notification-menu summary::-webkit-details-marker{display:none}
.umc-notification-button{position:relative;display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--umc-border);border-radius:10px;background:#fff;color:#526777;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.umc-notification-button:hover,.umc-notification-menu[open] .umc-notification-button{border-color:#9fd4eb;background:#f0f9fd;color:var(--umc-blue-dark)}
.umc-notification-bell{position:relative;width:15px;height:15px;border:2px solid currentColor;border-top-left-radius:9px;border-top-right-radius:9px;border-bottom:0}
.umc-notification-bell::before{position:absolute;right:-4px;bottom:-4px;left:-4px;height:2px;border-radius:9px;background:currentColor;content:""}
.umc-notification-bell::after{position:absolute;bottom:-7px;left:4px;width:4px;height:4px;border-radius:50%;background:currentColor;content:""}
.umc-notification-badge{position:absolute;top:-5px;right:-6px;display:grid;min-width:18px;height:18px;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:99px;background:#dc2626;color:#fff;font-size:8px;font-weight:900;line-height:1}
.umc-notification-dropdown{position:absolute;top:calc(100% + 9px);inset-inline-end:0;width:min(380px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--umc-border);border-radius:14px;background:#fff;box-shadow:0 22px 55px rgba(15,23,42,.2)}
.umc-notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #eef2f6}
.umc-notification-heading>span{display:grid;gap:1px}.umc-notification-heading strong{color:#1e293b;font-size:12px}.umc-notification-heading small{color:#94a3b8;font-size:9px}
.umc-notification-heading button{min-height:0;padding:5px 8px;border:0;background:#eaf6fc;color:var(--umc-blue-dark);font-size:9px;box-shadow:none}
.umc-notification-list{max-height:min(420px,65dvh);overflow:auto}
.umc-notification-item{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:9px;align-items:start;padding:11px 14px;border-bottom:1px solid #f1f5f9;color:inherit}
.umc-notification-item:hover{background:#f8fbfd}.umc-notification-item.unread{background:#f0f9fd}
.umc-notification-dot{width:6px;height:6px;margin-top:4px;border-radius:50%;background:#cbd5e1}.umc-notification-item.unread .umc-notification-dot{background:var(--umc-blue);box-shadow:0 0 0 3px #dff4fd}
.umc-notification-item>a{display:grid;min-width:0;gap:2px;color:inherit;text-decoration:none}.umc-notification-item strong{color:#334155;font-size:10px}.umc-notification-item small{overflow:hidden;color:#64748b;font-size:10px;line-height:1.35;text-overflow:ellipsis}.umc-notification-item em{color:#94a3b8;font-size:8px;font-style:normal}.umc-notification-item form{align-self:center}.umc-notification-item form button{min-height:0;padding:4px 6px;border:0;background:transparent;color:var(--umc-blue-dark);font-size:8px;box-shadow:none;white-space:nowrap}.umc-notification-item form button:hover{background:#e0f2fe;transform:none}
.umc-notification-empty{padding:28px 16px;color:#94a3b8;text-align:center}
.umc-notification-footer{display:block;padding:10px 14px;background:#f8fafc;color:var(--umc-blue-dark);font-size:9px;font-weight:800;text-align:center;text-decoration:none}
.umc-mobile-nav{display:none}
.umc-mobile-nav span,.umc-mobile-nav span::before,.umc-mobile-nav span::after{display:block;width:16px;height:2px;border-radius:3px;background:currentColor;content:""}
.umc-mobile-nav span::before{transform:translateY(-5px)}
.umc-mobile-nav span::after{transform:translateY(3px)}
.umc-breadcrumb{display:grid;gap:1px}
.umc-breadcrumb small{color:#94a3b8;font-size:9px;font-weight:900;letter-spacing:.12em}
.umc-breadcrumb strong{color:#334155;font-size:14px}
.umc-palette-icon{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;box-shadow:inset -5px -4px 0 color-mix(in srgb,var(--umc-blue) 50%,transparent)}
.umc-profile-menu{position:relative}
.umc-profile-menu summary{display:flex;min-width:180px;align-items:center;gap:9px;padding:3px 7px 3px 3px;border:1px solid transparent;border-radius:10px;cursor:pointer;list-style:none}
.umc-profile-menu summary::-webkit-details-marker{display:none}
.umc-profile-menu[open] summary,.umc-profile-menu summary:hover{border-color:var(--umc-border);background:#f8fafc}
.profile-copy{display:grid;min-width:0;gap:1px}
.profile-copy strong,.profile-copy small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-copy strong{color:#334155;font-size:11px}.profile-copy small{color:#94a3b8;font-size:10px}
.profile-chevron{margin-inline-start:auto;color:#94a3b8}
.umc-profile-dropdown{
    position:absolute;
    top:calc(100% + 9px);
    inset-inline-end:0;
    display:grid;
    width:240px;
    gap:5px;
    padding:9px;
    border:1px solid var(--umc-border);
    border-radius:12px;
    background:#fff;
    box-shadow:0 18px 45px rgba(15,23,42,.15);
}
.umc-profile-dropdown>div{display:grid;gap:2px;padding:8px;border-bottom:1px solid #eef2f6}
.umc-profile-dropdown small{overflow:hidden;color:#94a3b8;font-size:10px;text-overflow:ellipsis}
.umc-profile-dropdown button{width:100%;justify-content:flex-start;padding:8px 10px;border:0;background:transparent;color:#475569;text-align:start;box-shadow:none}
.umc-profile-dropdown button:hover{background:#f1f5f9;color:var(--umc-blue-dark);transform:none}
.umc-sidebar-backdrop{display:none}
html.sidebar-collapsed{--umc-sidebar-width:76px}
.sidebar-collapsed .umc-sidebar-brand{justify-content:center;padding-inline:8px}
.sidebar-collapsed .umc-sidebar-brand img{width:46px}
.sidebar-collapsed .umc-sidebar-brand button{position:absolute;inset-inline-end:-14px;width:28px;height:28px;min-width:28px;border-radius:99px}
.sidebar-collapsed .umc-sidebar-brand svg{transform:rotate(180deg)}
.sidebar-collapsed .umc-branch-card{justify-content:center;margin-inline:10px;padding:8px}
.sidebar-collapsed .umc-branch-card>span:last-child,.sidebar-collapsed .umc-nav-label,.sidebar-collapsed .umc-nav-section,.sidebar-collapsed .umc-nav-chevron,.sidebar-collapsed .umc-sidebar-footer span:last-child{display:none}
.sidebar-collapsed .umc-sidebar-nav a{justify-content:center;padding-inline:8px}
.sidebar-collapsed .umc-nav-group>summary{justify-content:center;padding-inline:8px}.sidebar-collapsed .umc-nav-children{display:none}
.sidebar-collapsed .umc-nav-icon{width:30px;height:30px}
.sidebar-collapsed .umc-sidebar-footer{justify-content:center}

:is(.umc-sidebar-nav a,.umc-nav-group>summary,.umc-sidebar-brand button,.umc-mobile-nav,.umc-icon-button,.umc-language-toggle button,.umc-profile-menu summary,.umc-notification-button):focus-visible{outline:3px solid color-mix(in srgb,var(--umc-blue) 28%,transparent);outline-offset:2px}

/* Filament-inspired shared surfaces */
.page-heading{margin:0 0 18px;padding:0;border:0;background:transparent;box-shadow:none}
.page-heading h1{margin:2px 0 3px;color:#1f2937}
.page-heading p{max-width:760px;margin:0;color:#64748b}
.eyebrow{color:var(--umc-blue-dark);font-size:10px!important;letter-spacing:.12em}
.panel,.card,.ticket-filters,.audit-stat,.login,.tutorial-sidebar,.tutorial-content,.section-card{
    border:1px solid var(--umc-border)!important;
    border-radius:var(--umc-radius)!important;
    background:var(--umc-panel)!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04),0 5px 16px rgba(15,23,42,.025)!important;
}
.panel{padding:18px}
.panel:hover,.card:hover{transform:none;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.045)!important}
input,select,textarea{
    min-height:38px;
    border-color:#cbd5e1!important;
    border-radius:calc(var(--umc-radius) - 2px)!important;
    background:#fff!important;
    color:#334155!important;
    box-shadow:0 1px 1px rgba(15,23,42,.02);
}
textarea{min-height:64px}
input::placeholder,textarea::placeholder{color:#94a3b8}
input:focus,select:focus,textarea:focus{border-color:var(--umc-blue)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--umc-blue) 14%,transparent)!important}
button,.button{
    min-height:36px;
    border-radius:calc(var(--umc-radius) - 2px)!important;
    box-shadow:0 1px 2px rgba(15,23,42,.08);
    font-weight:750!important;
}
button:hover,.button:hover{transform:translateY(-1px)}
button.secondary,.button.secondary,.filter-reset{border-color:#cbd5e1!important;background:#fff!important;color:#475569!important}
table{border-collapse:separate!important;border-spacing:0}
table th{background:#f8fafc!important;color:#64748b!important;font-size:10px!important;letter-spacing:.045em}
table td{color:#334155}
table tbody tr:hover td{background:#f8fbfd}
.status-pill,.direction-pill,.audit-pill{border:1px solid color-mix(in srgb,currentColor 18%,transparent);box-shadow:none}
.form-guidance{border-color:#dbe8ef!important;border-radius:calc(var(--umc-radius) - 2px)!important;background:#f8fbfd!important;color:#64748b!important}
.form-guidance::before{color:var(--umc-blue-dark)}
.field-requirement{font-size:9px!important;letter-spacing:.035em}
.notice,.form-alert{border-radius:var(--umc-radius)}
.modal-card,.umc-dialog,.umc-appearance-dialog{border:1px solid var(--umc-border)!important;border-radius:calc(var(--umc-radius) + 2px)!important;box-shadow:0 28px 80px rgba(15,23,42,.22)!important}
.umc-dialog::backdrop,.umc-appearance-dialog::backdrop{background:rgba(15,23,42,.46);backdrop-filter:blur(3px)}
.umc-table-tools{border-color:var(--umc-border);border-radius:var(--umc-radius);background:#f8fafc}

/* Appearance controls */
.umc-appearance-dialog{width:min(520px,calc(100% - 28px));padding:0;background:#fff;color:#334155}
.umc-appearance-dialog form{padding:20px}
.appearance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid #eef2f6}
.appearance-heading h2{margin:2px 0}.appearance-heading p{margin:0;color:#64748b}
.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:17px 0}
.appearance-grid label{display:grid;gap:6px;color:#475569;font-size:11px!important;font-weight:800}
.appearance-grid .wide{grid-column:1/-1}
.appearance-grid input[type=color]{width:100%;height:38px;padding:4px}
.appearance-grid input[type=range]{min-height:22px;padding:0;box-shadow:none}
.appearance-grid output{float:right;color:var(--umc-blue-dark)}
.appearance-preview{display:flex;align-items:center;gap:10px;padding:11px;border:1px dashed #cbd5e1;border-radius:var(--umc-radius);background:#f8fafc}
.appearance-preview>span{width:9px;height:36px;border-radius:99px;background:linear-gradient(var(--umc-blue),var(--umc-accent))}
.appearance-preview div{display:grid;gap:1px}.appearance-preview small{color:#64748b}

/* Guest / authentication shell */
body.umc-guest{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(145deg,#eaf5fa,#f8fafc 52%,#eef2f7)}
.jetstream-auth-shell{width:min(920px,100%)}
.jetstream-auth-card{display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border:1px solid var(--umc-border);border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(15,23,42,.14)}
.auth-brand-panel{padding:34px;background:linear-gradient(150deg,#075d8a,#168fd0);color:#fff}
.auth-brand-panel img{width:190px;height:75px;object-fit:contain;filter:brightness(0) invert(1)}
.auth-brand-panel .eyebrow,.auth-brand-panel p{color:rgba(255,255,255,.78)}
.auth-brand-panel h1{margin:22px 0 7px;color:#fff}.auth-brand-panel p{margin:0}
.auth-feature-list{display:grid;gap:8px;margin-top:26px}.auth-feature-list span{padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.08);font-size:11px}
.auth-form-panel{padding:34px}.auth-form-panel h2{margin:3px 0 6px}.auth-form-panel>div>p:last-child{margin:0 0 18px;color:#64748b}
.auth-form-panel form{display:grid;gap:13px}.auth-form-panel label{display:grid;gap:6px;color:#475569;font-weight:800}
.auth-form-panel button{width:100%;margin-top:2px}
.auth-form-panel .remember{display:flex;align-items:center;gap:8px;font-weight:600}.auth-form-panel .remember input{width:auto;min-height:0}
.auth-support{display:block;margin-top:18px;color:#94a3b8;text-align:center}
.guest-appearance-button{position:fixed;inset-inline-end:18px;bottom:18px;border:1px solid var(--umc-border);background:#fff;color:#475569}

html[data-density=compact] .panel{padding:13px}
html[data-density=compact] :is(input,select,button,.button){min-height:32px}
html[data-density=compact] table :is(th,td){padding-top:7px!important;padding-bottom:7px!important}
html[data-density=compact] .page,html[data-density=compact] .desk{padding-top:calc(var(--umc-topbar-height) + 16px)!important}

@media(min-width:768px) and (max-width:1180px){
    :root{--umc-sidebar-width:214px;--umc-base-font-size:12px}
    .umc-topbar{padding-inline:18px}
    .page,.desk{padding-inline:18px!important}
    .umc-sidebar-brand img{width:96px}
    .umc-profile-menu summary{min-width:150px}
}
@media(max-width:767px){
    :root{--umc-sidebar-width:248px;--umc-topbar-height:58px}
    .umc-sidebar{transform:translateX(-105%)}
    .umc-topbar{inset-inline:0;padding-inline:12px}
    .page,.desk{margin-inline-start:0;padding:calc(var(--umc-topbar-height) + 16px) 12px 28px!important}
    .umc-mobile-nav{display:grid}
    .umc-topbar-branch{display:none}
    .umc-mobile-branch-context{display:flex;align-items:center;gap:9px;margin:10px 10px 3px;padding:9px 10px;border:1px solid #dbe6ee;border-radius:9px;background:#f7fafc;color:#334155}
    .umc-mobile-branch-context>span:last-child{display:grid;min-width:0;gap:1px}.umc-mobile-branch-context small{color:#8492a6;font-size:7px;text-transform:uppercase}.umc-mobile-branch-context strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
    .profile-copy,.profile-chevron{display:none}
    .umc-profile-menu summary{min-width:0}
    .umc-sidebar-backdrop{position:fixed;z-index:1050;inset:0;border:0;border-radius:0!important;background:rgba(15,23,42,.42);box-shadow:none;opacity:0;pointer-events:none}
    .sidebar-open .umc-sidebar{transform:translateX(0)}
    .sidebar-open .umc-sidebar-backdrop{display:block;opacity:1;pointer-events:auto}
    .appearance-grid{grid-template-columns:1fr}
    .appearance-grid .wide{grid-column:auto}
    .jetstream-auth-card{grid-template-columns:1fr}
    .auth-brand-panel{padding:24px}.auth-brand-panel img{height:55px}.auth-brand-panel h1{margin-top:10px}.auth-feature-list{display:none}
    .auth-form-panel{padding:24px}
}

/* Responsive hardening for application pages and overlays */
html,body{max-width:100%;overflow-x:clip}
body.umc-app{min-width:320px}
body.umc-app :is(main,section,article,header,form,fieldset,div){min-width:0}
.page,.desk{box-sizing:border-box;min-width:0}
.content-stack{display:grid;min-width:0;gap:18px}
.panel,.card,.section-card{max-width:100%;overflow:visible}
.table-scroll,.table-wrap{isolation:isolate;overflow-x:auto;overflow-y:hidden}
.table-scroll table,.table-wrap table{width:max-content;min-width:100%;max-width:none}
.modal-backdrop{
    z-index:4000;
    box-sizing:border-box;
    width:100%;
    height:100dvh;
    padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
    overflow-y:auto;
}
html.sidebar-open:has(.modal-backdrop:not([hidden])) .umc-sidebar,
html.sidebar-open:has(dialog[open]) .umc-sidebar{pointer-events:none}
.modal-card{
    box-sizing:border-box;
    max-width:100%;
    max-height:calc(100dvh - 28px);
    overscroll-behavior:contain;
}
.umc-dialog,.umc-appearance-dialog,.ticket-action-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
.modal-heading{position:sticky;z-index:2;top:-24px;margin:-24px -24px 18px;padding:20px 24px 14px;border-bottom:1px solid #eef2f6;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
.modal-actions{position:sticky;z-index:2;bottom:-24px;margin:16px -24px -24px;padding:14px 24px 20px;border-top:1px solid #eef2f6;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}

@media(min-width:768px) and (max-width:1024px){
    :root{--umc-sidebar-width:190px;--umc-base-font-size:11.5px}
    .umc-sidebar-brand{padding-inline:10px}
    .umc-sidebar-brand img{width:84px}
    .umc-branch-card{margin-inline:9px;padding:9px}
    .umc-sidebar-nav{padding-inline:8px}
    .umc-sidebar-nav a{gap:8px;padding-inline:8px}
    .umc-topbar{padding-inline:14px}
    .umc-profile-menu summary{min-width:132px}
    .profile-copy strong,.profile-copy small{max-width:95px}
    .page,.desk{padding-inline:14px!important}
}

@media(max-width:767px){
    .umc-sidebar{z-index:2300;width:min(286px,86vw)}
    .umc-sidebar-backdrop{z-index:2250}
    .umc-topbar{gap:8px}
    .umc-topbar-start,.umc-topbar-actions{gap:6px}
    .umc-breadcrumb strong{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .umc-notification-dropdown{position:fixed;top:calc(var(--umc-topbar-height) - 2px);inset-inline:8px;width:auto}
    .page-heading{gap:10px;margin-bottom:14px}
    .page-heading>.actions{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
    .page-heading>.actions>*{width:100%}
    .panel,.card,.section-card{padding:14px!important}
    .modal-heading{top:-17px;margin:-17px -17px 14px;padding:15px 17px 12px}
    .modal-actions{bottom:-17px;margin:14px -17px -17px;padding:12px 17px 15px}
}

@media(max-width:480px){
    .page,.desk{padding-inline:9px!important}
    .umc-topbar{padding-inline:9px}
    .umc-icon-button{display:none}
    .umc-notification-button{width:34px;height:34px}
    .modal-backdrop{place-items:end center;padding:0}
    .modal-card{width:100%!important;max-height:94dvh;border-radius:16px 16px 0 0!important}
    .modal-actions{align-items:stretch;flex-direction:column}
    .modal-actions>*{width:100%;margin:0!important;text-align:center}
}

/* Unified SaaS presentation layer: shared by Jetstream and Livewire views. */
:root{
    --umc-font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --umc-page-max:1480px;
    --umc-surface:#fff;
    --umc-surface-subtle:#f8fafc;
    --umc-border:#dce5ec;
    --umc-text:#334155;
    --umc-text-muted:#64748b;
    --umc-card-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 28px rgba(15,23,42,.08);
}
.umc-shell,.umc-workspace{min-width:0}
.umc-page-content,.umc-jetstream-scope,.umc-filament-scope{min-width:0;max-width:100%}
.umc-page-content{width:auto}
.umc-jetstream-scope{display:grid;gap:18px}
.umc-jetstream-scope>*,.umc-filament-scope>*{min-width:0;max-width:100%}
.umc-overlay-root{position:relative;z-index:3900;isolation:isolate}
.umc-jetstream-scope :is(form,fieldset,label,.form-grid,.user-form,.branch-form,.role-fields,.filters){min-width:0}
.umc-jetstream-scope :is(input,select,textarea){width:100%}
.umc-jetstream-scope :is(.form-grid,.user-form,.branch-form,.role-fields,.filters)>*{min-width:0}

.table-scroll,.table-wrap,.umc-table-shell{
    position:relative;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    border:1px solid var(--umc-border);
    border-radius:12px;
    background:var(--umc-surface);
    box-shadow:0 1px 2px rgba(15,23,42,.035);
    overscroll-behavior-inline:contain;
    scrollbar-color:#94a3b8 transparent;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
}
.table-scroll::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.umc-table-shell::-webkit-scrollbar{height:10px}
.table-scroll::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb,.umc-table-shell::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#94a3b8;background-clip:padding-box}
.table-scroll>table,.table-wrap>table,.umc-table-shell>table{width:max-content;min-width:100%;margin:0}
.table-scroll th,.table-wrap th,.umc-table-shell th{position:sticky;z-index:1;top:0;white-space:nowrap;background:#f8fafc!important}
.table-scroll td,.table-wrap td,.umc-table-shell td{max-width:32rem;overflow-wrap:anywhere}
.table-scroll :is(th,td),.table-wrap :is(th,td),.umc-table-shell :is(th,td){padding:11px 13px;vertical-align:middle}
.table-scroll .table-actions,.table-wrap .table-actions,.umc-table-shell .table-actions{min-width:max-content}

.ticket-results .table-scroll{
    max-height:max(360px,calc(100dvh - 350px));
    overflow:auto;
    scrollbar-gutter:stable;
}
.ticket-table th:last-child,.ticket-table td:last-child{
    position:sticky;
    z-index:3;
    right:0;
    min-width:190px;
    background:#fff!important;
    box-shadow:-10px 0 18px rgba(15,23,42,.08);
}
.ticket-table th:last-child{z-index:4;background:#f8fafc!important}
.ticket-table tbody tr:nth-child(even) td:last-child{background:#fbfdfe!important}
.ticket-table tbody tr:hover td:last-child{background:#f0f9fd!important}

.panel,.card,.section-card,.exchange-bar,.ticket-filters,.audit-stat{
    border-color:var(--umc-border)!important;
    background:var(--umc-surface)!important;
    box-shadow:var(--umc-card-shadow)!important;
}
.modal-card,.umc-dialog,.umc-appearance-dialog{background:var(--umc-surface)!important;color:var(--umc-text)}
.modal-card :is(form,fieldset,.form-grid,.user-form,.branch-form,.role-fields){min-width:0;max-width:100%}
.modal-backdrop{
    z-index:5000;
    place-items:center;
    padding:clamp(12px,3vw,32px);
    overflow:auto;
}
.modal-card{
    width:min(900px,calc(100vw - 32px));
    max-width:100%;
    max-height:calc(100dvh - 32px);
    margin:auto;
}
.modal-card.user-modal,.modal-card.quick-create-modal{width:min(960px,calc(100vw - 32px))}
.modal-card.role-modal{width:min(1080px,calc(100vw - 32px))}
.modal-card.branch-modal,.modal-card.detail-modal,.modal-card.scale-connect-card{width:min(820px,calc(100vw - 32px))}
.modal-card :is(.form-grid,.modal-grid,.user-form,.branch-form,.role-fields){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px}
.modal-card :is(.form-grid,.modal-grid,.user-form,.branch-form,.role-fields)>label{display:grid;min-width:0;align-content:start;gap:6px;margin:0}
.modal-card :is(.form-grid,.modal-grid)>.vehicle-plate-control{grid-column:auto!important}
.modal-card :is(input,select,textarea){min-width:0;margin-top:0}
.modal-card :is(fieldset,.permission-fieldset,.permission-groups fieldset){min-width:0;max-width:100%}
.modal-card :is(.form-guidance,.sequence-note,.reroute-warning,p){max-width:100%;overflow-wrap:anywhere}
.modal-card .modal-heading>*{min-width:0}
.modal-card .modal-heading :is(h1,h2,h3,p){overflow-wrap:anywhere}
.modal-card :is(.form-grid,.modal-grid,.user-form,.branch-form,.role-fields)>.wide,
.modal-card :is(.form-grid,.modal-grid,.user-form,.branch-form,.role-fields)>.form-guidance,
.modal-card :is(.form-grid,.modal-grid,.user-form,.branch-form,.role-fields)>.modal-actions{grid-column:1/-1!important}
body:has(.modal-backdrop:not([hidden])){overflow:hidden}
body:has(.modal-backdrop:not([hidden])) :is(.umc-sidebar,.umc-topbar){z-index:900}

@media(min-width:768px) and (max-width:1180px){
    .umc-jetstream-scope{gap:14px}
    .panel,.card,.section-card{padding:16px!important}
    .table-scroll>table,.table-wrap>table,.umc-table-shell>table{font-size:12px}
}

@media(min-width:768px) and (max-width:1400px){
    .umc-jetstream-scope .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .umc-jetstream-scope .form-grid>.wide{grid-column:1/-1!important}
}

@media(max-width:767px){
    .table-scroll,.table-wrap,.umc-table-shell{margin-inline:0;border-radius:10px}
    .table-scroll>table,.table-wrap>table,.umc-table-shell>table{min-width:720px}
    .table-scroll :is(th,td),.table-wrap :is(th,td),.umc-table-shell :is(th,td){padding:10px 11px}
    .ticket-results .table-scroll{max-height:62dvh}
    .ticket-table th:last-child,.ticket-table td:last-child{min-width:170px}
    .modal-backdrop{place-items:end center;padding:0}
    .modal-card,
    .modal-card.user-modal,
    .modal-card.quick-create-modal,
    .modal-card.role-modal,
    .modal-card.branch-modal,
    .modal-card.detail-modal,
    .modal-card.scale-connect-card{width:100%;max-width:100%;max-height:94dvh;margin:0;border-radius:16px 16px 0 0!important}
    .modal-card :is(.form-grid,.modal-grid,.user-form,.branch-form,.role-fields){grid-template-columns:1fr!important}
    .modal-card :is(.form-grid,.modal-grid,.user-form,.branch-form,.role-fields)>*{grid-column:1!important}
    .vehicle-plate-fields{gap:8px}
}

:is(html.dark,html[data-theme="dark"]){
    color-scheme:dark;
    --umc-surface:#111827;
    --umc-surface-subtle:#1e293b;
    --umc-border:#334155;
    --umc-text:#e2e8f0;
    --umc-text-muted:#94a3b8;
    --umc-ink:#e2e8f0;
    --umc-charcoal:#f8fafc;
    --umc-muted:#94a3b8;
    --umc-line:#334155;
    --umc-blue-soft:#0c344b;
}
:is(html.dark,html[data-theme="dark"]) body.umc-app{color:var(--umc-text);background:#0f172a}
:is(html.dark,html[data-theme="dark"]) :is(.umc-sidebar,.umc-topbar,.panel,.card,.section-card,.exchange-bar,.ticket-filters,.audit-stat,.modal-card,.umc-dialog,.umc-appearance-dialog,.table-scroll,.table-wrap,.umc-table-shell){border-color:var(--umc-border)!important;background:var(--umc-surface)!important;color:var(--umc-text)!important}
:is(html.dark,html[data-theme="dark"]) :is(input,select,textarea){border-color:#475569!important;background:#0f172a!important;color:#f8fafc!important}
:is(html.dark,html[data-theme="dark"]) :is(.table-scroll,.table-wrap,.umc-table-shell) th{background:#1e293b!important;color:#cbd5e1!important}
:is(html.dark,html[data-theme="dark"]) :is(.table-scroll,.table-wrap,.umc-table-shell) td{border-color:#334155;background:#111827}
:is(html.dark,html[data-theme="dark"]) :is(.table-scroll,.table-wrap,.umc-table-shell) tbody tr:nth-child(even) td{background:#172033}
:is(html.dark,html[data-theme="dark"]) .ticket-table th:last-child{background:#1e293b!important}
:is(html.dark,html[data-theme="dark"]) .ticket-table td:last-child{background:#111827!important}
:is(html.dark,html[data-theme="dark"]) .ticket-table tbody tr:nth-child(even) td:last-child{background:#172033!important}
:is(html.dark,html[data-theme="dark"]) :is(.modal-heading,.modal-actions){border-color:#334155;background:rgba(17,24,39,.96)}

/* Compact report tables: fit all selected columns on desktop and tablet. */
@media(min-width:768px){
    .table-scroll,.table-wrap,.umc-table-shell{
        overflow:visible;
        border-radius:8px;
        scrollbar-width:none;
    }
    .table-scroll::after,.table-wrap::after{display:none}
    .table-scroll>table,.table-wrap>table,.umc-table-shell>table,
    .table-scroll table,.table-wrap table{
        width:100%;
        min-width:0;
        max-width:100%;
        table-layout:fixed;
    }
    .table-scroll :is(th,td),.table-wrap :is(th,td),.umc-table-shell :is(th,td){
        min-width:0;
        max-width:none;
        padding:6px var(--umc-dynamic-table-padding-x,6px)!important;
        border-right:1px solid #e4ebf0;
        line-height:1.25;
        overflow-wrap:anywhere;
        white-space:normal;
    }
    body.umc-app :is(.table-scroll,.table-wrap,.umc-table-shell) table[data-umc-table-enhanced="true"] :is(th,td){white-space:normal}
    .table-scroll :is(th,td):last-child,.table-wrap :is(th,td):last-child,.umc-table-shell :is(th,td):last-child{border-right:0}
    .table-scroll th,.table-wrap th,.umc-table-shell th{position:static;font-weight:850;text-align:center}
    .table-scroll td,.table-wrap td,.umc-table-shell td{vertical-align:middle}
    .ticket-results .table-scroll{max-height:none;overflow:visible;scrollbar-gutter:auto}
    .ticket-table th:last-child,.ticket-table td:last-child{
        position:static;
        z-index:auto;
        right:auto;
        width:17%;
        min-width:0;
        box-shadow:none;
    }
    .ticket-table .ticket-select-cell{width:32px}
    .ticket-table :is(.ticket-number,.ticket-meta,.ticket-reference){overflow-wrap:anywhere}
    .ticket-table .status-pill{padding:3px 5px;font-size:9px!important}
    .audit-table th:nth-child(1){width:13%}
    .audit-table th:nth-child(2){width:13%}
    .audit-table th:nth-child(3){width:11%}
    .audit-table th:nth-child(4){width:11%}
    .audit-table th:nth-child(5){width:24%}
    .audit-table th:nth-child(6){width:28%}
    table[data-umc-table-enhanced="true"] :is(.table-actions,.row-actions){min-width:0}
}
.status-delivered_not_verified{background:#fff7ed!important;color:#c2410c!important}.status-delivered_pending_review{background:#eff6ff!important;color:#1d4ed8!important}.status-delivered_verified{background:#ecfdf5!important;color:#047857!important}

/* Manual weight test mode. Amber on near-black so it cannot be mistaken for a
   normal notice on either the settings screen or the weighbridge desk. */
.manual-weight-warning{margin:11px 0;padding:11px 14px;border:2px solid #b45309;border-radius:10px;background:#fbbf24;color:#3f2a06;font-size:13px;font-weight:900;letter-spacing:.05em;text-align:center}

/* Arabic reads right to left. The layout above uses logical properties so it
   mirrors on its own; only the handful of values that have no logical form are
   restated here. */
.umc-language-toggle{display:flex;gap:2px;padding:3px;border:1px solid var(--umc-border);border-radius:99px;background:#f8fafc}
.umc-language-toggle button{min-height:28px;padding:4px 11px!important;border:0!important;border-radius:99px!important;background:transparent!important;box-shadow:none!important;color:#64748b!important;font-size:11px!important;font-weight:800!important;letter-spacing:.02em;cursor:pointer}
.umc-language-toggle button:hover{background:#eef2f6!important;color:#334155!important}
.umc-language-toggle button.active{background:var(--umc-charcoal)!important;color:#fff!important}
[dir="rtl"] .umc-sidebar{box-shadow:-4px 0 18px rgba(15,23,42,.04)}
[dir="rtl"] .umc-sidebar-brand button svg,[dir="rtl"] .profile-chevron{transform:scaleX(-1)}
/* Plates, IQAMA numbers, phones, e-mail and URLs are Latin identifiers. Bidi
   would reorder "ABC 1234" inside an Arabic form, so they stay left to right
   while the box itself still hugs the reading edge of the field. */
[dir="rtl"] :is(input[type="email"],input[type="tel"],input[type="url"],input[type="number"],.plate-letters-input,.plate-number-input){direction:ltr;text-align:right}
@media(max-width:767px){
    [dir="rtl"] .umc-sidebar{transform:translateX(105%)}
    [dir="rtl"] .sidebar-open .umc-sidebar{transform:translateX(0)}
}
@media(max-width:520px){
    .umc-language-toggle button{padding-inline:8px!important}
}

/* Module tutorials */
.umc-tutorial-action{color:var(--umc-blue-dark);font-size:18px;font-weight:900;text-decoration:none}
.tutorial-page{display:grid;gap:18px}
.tutorial-heading{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--umc-border);border-radius:var(--umc-radius);background:var(--umc-panel)}
.tutorial-heading>div{flex:1}.tutorial-heading h1{margin:2px 0}.tutorial-heading p{margin:0;color:var(--umc-text-muted)}
.tutorial-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.tutorial-module-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--umc-border);border-radius:var(--umc-radius);background:var(--umc-panel);color:var(--umc-text);text-decoration:none}
.tutorial-module-card:hover{border-color:#b9d9e9;background:#f8fbfd}
.tutorial-module-card>span:last-child{display:grid;gap:3px}.tutorial-module-card small{color:var(--umc-text-muted)}
.tutorial-markdown{width:min(900px,100%);padding:clamp(18px,3vw,34px);border:1px solid var(--umc-border);border-radius:var(--umc-radius);background:var(--umc-panel);box-shadow:var(--umc-card-shadow)}
.tutorial-markdown h1{margin-top:0}.tutorial-markdown h2{margin:28px 0 8px;padding-bottom:6px;border-bottom:1px solid #edf2f6}.tutorial-markdown p,.tutorial-markdown li{line-height:1.7}.tutorial-markdown ol,.tutorial-markdown ul{padding-inline-start:24px}
.tutorial-unavailable{padding:24px;border:1px dashed var(--umc-border);border-radius:var(--umc-radius);background:#f8fafc;color:var(--umc-text-muted)}
@media(max-width:600px){
    .tutorial-heading{align-items:flex-start;flex-wrap:wrap}.tutorial-heading .button{width:100%;text-align:center}
    .umc-tutorial-action{display:grid!important}
}

/* Shared searchable select: progressive enhancement keeps the native control as the form authority. */
.searchable-select{position:relative;display:block;min-width:0;width:100%}
.searchable-select.is-enhanced>[data-searchable-native]{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;border:0!important}
.searchable-select-control{position:relative;display:block;width:100%}
.searchable-select-value{position:absolute;z-index:1;inset:1px 34px 1px 1px;display:flex;align-items:center;padding:0 11px;overflow:hidden;background:var(--umc-surface,#fff);color:var(--umc-text,#263442);font:inherit;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
[dir="rtl"] .searchable-select-value{inset:1px 1px 1px 34px}
.searchable-select.is-open .searchable-select-value{display:none!important}
.searchable-select-control>input[type="search"]{width:100%;padding-inline-end:34px;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 17px) 52%,calc(100% - 12px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
[dir="rtl"] .searchable-select-control>input[type="search"]{padding-inline-start:34px;padding-inline-end:12px;background-position:17px 52%,12px 52%}
.searchable-select-menu,.searchable-select-empty{position:absolute;z-index:120;top:calc(100% + 5px);inset-inline:0;display:block;max-height:min(280px,45vh);overflow:auto;border:1px solid #a8c8d9;border-radius:9px;background:var(--umc-surface,#fff);box-shadow:0 16px 38px rgba(18,63,87,.2)}
.searchable-select-menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:0;background:transparent;color:var(--umc-text,#263442);font:inherit;text-align:start;white-space:normal}
.searchable-select-menu button:hover,.searchable-select-menu button.is-active{background:#e9f6fc;color:#0878b1}
.searchable-select-menu button.is-selected{font-weight:850}
.searchable-select-menu button:disabled{cursor:not-allowed;opacity:.5}
.searchable-select-empty{padding:12px;color:var(--umc-text-muted,#66768a);font-weight:650}
.searchable-select.is-open .searchable-select-control>input[type="search"]{border-color:var(--umc-blue,#168fd0);box-shadow:0 0 0 3px rgba(22,143,208,.14)}
[x-cloak]{display:none!important}
@media(max-width:767px){.searchable-select-menu,.searchable-select-empty{max-height:min(240px,40vh)}}