@charset "UTF-8";

.ns-dashboard{position:relative}
.ns-dashboard>.ns-welcome{padding-right:410px;min-height:300px}
.employee-humor-card{position:absolute;z-index:3;top:.75rem;right:1rem;width:350px;min-height:180px;isolation:isolate;overflow:hidden;padding:1.05rem 1.1rem .85rem;border:1px solid rgba(251,191,36,.62);border-radius:22px;background:linear-gradient(135deg,#071b41 0%,#0d3b82 53%,#1768c4 100%);color:#fff;box-shadow:0 20px 46px rgba(15,45,100,.24),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;animation:daily-star-enter .65s cubic-bezier(.2,.9,.25,1) both}
.employee-humor-card:hover{transform:translateY(-5px) rotateX(1deg);box-shadow:0 28px 58px rgba(15,45,100,.34),0 0 0 1px rgba(251,191,36,.24)}
.employee-humor-glow{position:absolute;z-index:-1;width:160px;height:160px;right:-55px;top:-75px;border-radius:50%;background:rgba(251,191,36,.48);filter:blur(28px)}
.employee-humor-shine{position:absolute;inset:-80% 50% -80% -45%;transform:translateX(-110%) rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);pointer-events:none;animation:daily-star-shine 4.8s 1s ease-in-out infinite}
.employee-humor-trophy{position:absolute;right:1rem;top:.9rem;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.06));color:#fcd34d;font-size:1.15rem;box-shadow:0 7px 18px rgba(0,0,0,.14);animation:daily-star-pulse 2.4s ease-in-out infinite}
.employee-humor-person{position:relative;display:flex;align-items:center;gap:.8rem;padding-right:42px}.employee-humor-person img,.employee-humor-avatar{flex:0 0 auto;width:52px;height:52px;border-radius:16px;object-fit:cover;border:2px solid #fcd34d;box-shadow:0 7px 18px rgba(0,0,0,.22)}.employee-humor-avatar{display:grid;place-items:center;background:linear-gradient(145deg,#fff,#dbeafe);color:#174987;font-size:1rem;font-weight:900;letter-spacing:.04em}
.employee-humor-person small,.employee-humor-person strong{display:block}.employee-humor-person small{margin-bottom:.2rem;font-size:.64rem;letter-spacing:.15em;font-weight:900;color:#fde68a}.employee-humor-person strong{max-width:210px;font-size:1.02rem;line-height:1.2;color:#fff}
.employee-humor-category{position:relative;display:inline-flex;align-items:center;gap:.35rem;margin-top:.75rem;padding:.22rem .55rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.1);font-size:.65rem;font-weight:750;color:#dbeafe}.employee-humor-category span{font-size:.78rem}
.employee-humor-title{position:relative;margin:.45rem 0 .42rem;font-size:.92rem;line-height:1.25;font-weight:850;color:#fef3c7}.employee-humor-card p{position:relative;margin:0;padding-top:.42rem;border-top:1px solid rgba(255,255,255,.12);font-size:.61rem;line-height:1.25;color:rgba(255,255,255,.67)}
.daily-star-quote{position:relative;margin:.55rem 0;padding:.55rem .65rem;border-left:2px solid #fcd34d;border-radius:0 10px 10px 0;background:rgba(255,255,255,.08)}.daily-star-quote small,.daily-star-quote q,.daily-star-quote cite{display:block}.daily-star-quote small{font-size:.55rem;font-weight:900;letter-spacing:.13em;color:#fde68a}.daily-star-quote q{margin:.25rem 0;font-size:.67rem;line-height:1.35;color:#fff}.daily-star-quote cite{text-align:right;font-size:.59rem;font-style:normal;color:#bfdbfe}
.daily-star-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.daily-star-confetti i{position:absolute;left:var(--x);top:-10px;width:5px;height:9px;border-radius:2px;opacity:0;animation:daily-star-confetti 1.7s var(--delay) cubic-bezier(.25,.6,.35,1) forwards}
@keyframes daily-star-enter{from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:none}}@keyframes daily-star-shine{0%,70%{transform:translateX(-110%) rotate(18deg)}90%,100%{transform:translateX(280%) rotate(18deg)}}@keyframes daily-star-pulse{50%{transform:scale(1.07);color:#fff1a8}}@keyframes daily-star-confetti{0%{opacity:0;transform:translateY(0) rotate(0)}12%{opacity:.9}100%{opacity:0;transform:translateY(var(--fall)) rotate(var(--spin))}}
@media(max-width:1199.98px){.employee-humor-card{position:relative;top:auto;right:auto;width:100%;margin-bottom:1rem}.ns-dashboard>.ns-welcome{padding-right:1rem}}
@media(max-width:575.98px){.employee-humor-card{min-height:0;padding:1rem;border-radius:18px}.employee-humor-person strong{max-width:calc(100vw - 155px)}}
@media(prefers-reduced-motion:reduce){.employee-humor-card,.employee-humor-shine,.employee-humor-trophy,.daily-star-confetti i{animation:none!important;transition:none!important}.employee-humor-card:hover{transform:none}}

/* Personnel portal authentication */
.personnel-auth-body{min-height:100vh;margin:0;overflow-x:hidden;background:#07152f;color:var(--bs-body-color)}
.personnel-auth-backdrop{position:fixed;inset:0;background:radial-gradient(circle at 18% 18%,rgba(39,93,175,.24),transparent 42%),radial-gradient(circle at 84% 82%,rgba(22,61,124,.2),transparent 38%),linear-gradient(135deg,#041126 0%,#0a2655 54%,#06162f 100%)}
.personnel-auth-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:2rem}
.personnel-theme-toggle{position:fixed;z-index:5;right:1.25rem;top:1.25rem;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(8,25,57,.58);backdrop-filter:blur(12px);color:#fff}
.personnel-login-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(420px,1fr);width:min(1240px,100%);min-height:660px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:color-mix(in srgb,var(--bs-body-bg) 94%,transparent);box-shadow:0 30px 90px rgba(0,0,0,.38);backdrop-filter:blur(22px);animation:personnel-card-enter .55s ease-out both}
.personnel-login-visual{position:relative;display:flex;align-items:flex-end;padding:2.75rem;background-color:#061a3b;background-image:linear-gradient(165deg,rgba(8,38,88,.08),rgba(5,25,60,.54)),var(--login-banner,url('/images/kurumsal.jpg'));background-position:center center,var(--login-banner-position,center center);background-repeat:no-repeat;background-size:100% 100%,cover;color:#fff}
.personnel-login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(37,99,235,.05),rgba(3,15,38,.58))}
.personnel-visual-content{position:relative}.personnel-visual-content h2{margin:1.4rem 0 .8rem;font-size:clamp(2rem,4vw,var(--login-title-size,3.25rem));line-height:1.02;font-weight:850}.personnel-visual-content p{max-width:350px;color:#dbeafe}.personnel-visual-features{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.7rem}.personnel-visual-features span{padding:.45rem .65rem;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(255,255,255,.08);font-size:.75rem}
.personnel-portal-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .65rem;border:1px solid rgba(251,191,36,.42);border-radius:999px;background:rgba(251,191,36,.12);color:#fcd34d;font-size:.66rem;font-weight:850;letter-spacing:.08em}
.personnel-login-form{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4.5rem)}.personnel-brand{max-width:190px;margin-bottom:2rem}.personnel-brand img{max-width:100%;height:auto}.personnel-login-heading>span{color:#2563eb;font-size:.7rem;font-weight:850;letter-spacing:.14em}.personnel-login-heading h1{margin:.25rem 0 .4rem;font-weight:850}.personnel-login-heading p{margin-bottom:1.7rem;color:var(--bs-secondary-color)}
.personnel-field{margin-bottom:1rem}.personnel-field label{margin-bottom:.4rem;font-size:.78rem;font-weight:750}.personnel-input-wrap{position:relative}.personnel-input-wrap>i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b8bb8}.personnel-input-wrap input{width:100%;height:52px;padding:0 3rem;border:1px solid var(--bs-border-color);border-radius:13px;background:var(--bs-tertiary-bg);color:var(--bs-body-color);outline:0;transition:.2s}.personnel-input-wrap input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.12);background:var(--bs-body-bg)}.personnel-field>span{display:block;margin-top:.3rem;color:#dc3545;font-size:.72rem}
.personnel-password-toggle{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:9px;background:transparent;color:var(--bs-secondary-color)}.personnel-password-toggle:hover{background:var(--bs-secondary-bg);color:#2563eb}.caps-lock-warning{display:none;color:#d97706;font-size:.66rem;font-weight:750}.caps-lock-warning.show{display:inline-flex;gap:.25rem}
.personnel-login-alert{margin-bottom:1rem;padding:.75rem 1rem;border:1px solid rgba(220,53,69,.25);border-radius:11px;background:rgba(220,53,69,.08);color:#dc3545;font-size:.78rem}.personnel-login-alert ul{margin:0;padding-left:1rem}
.personnel-login-options{display:flex;justify-content:space-between;align-items:center;margin:.35rem 0 1.25rem;font-size:.78rem}.personnel-login-options a{font-weight:700;text-decoration:none}.personnel-check{display:flex;align-items:center;gap:.5rem;cursor:pointer}.personnel-check input{position:absolute;opacity:0}.personnel-check span{width:18px;height:18px;border:1px solid var(--bs-border-color);border-radius:5px}.personnel-check input:checked+span{border-color:#2563eb;background:#2563eb;box-shadow:inset 0 0 0 4px #fff}
.personnel-login-button{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;height:52px;border:0;border-radius:13px;background:linear-gradient(135deg,#174987,#2563eb);color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(37,99,235,.25);transition:.2s}.personnel-login-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(37,99,235,.35)}.button-loading{display:none}.personnel-login-button.is-loading .button-label,.personnel-login-button.is-loading>i{display:none}.personnel-login-button.is-loading .button-loading{display:inline-flex;align-items:center;gap:.5rem}
.personnel-first-login{display:flex;align-items:center;gap:.7rem;margin-top:1rem;padding:.75rem;border:1px solid var(--bs-border-color);border-radius:12px;color:var(--bs-body-color);text-decoration:none}.personnel-first-login>i{color:#d99a08}.personnel-first-login strong,.personnel-first-login small{display:block}.personnel-first-login strong{font-size:.76rem}.personnel-first-login small{color:var(--bs-secondary-color);font-size:.66rem}.personnel-login-footer{margin:1.4rem 0 0;text-align:center;color:var(--bs-secondary-color);font-size:.65rem}
.unified-login-form{position:relative;overflow:hidden}.unified-login-panel{transition:opacity .3s ease,transform .3s ease}.unified-login-form-panel{display:none}.unified-login-card.is-form .unified-login-choice{display:none}.unified-login-card.is-form .unified-login-form-panel{display:block;animation:unified-login-slide-in .36s ease both}.unified-login-card.is-choosing .unified-login-form-panel{display:none}.login-type-cards{display:grid;gap:.85rem}.login-type-card{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;width:100%;padding:1rem;border:1px solid var(--bs-border-color);border-radius:15px;background:var(--bs-tertiary-bg);color:var(--bs-body-color);text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s}.login-type-card:hover,.login-type-card:focus-visible,.login-type-card.is-selected{transform:translateY(-3px);border-color:#3b82f6;box-shadow:0 12px 25px rgba(37,99,235,.16);outline:0}.login-type-icon{display:grid;place-items:center;grid-row:span 2;width:42px;height:42px;border-radius:12px;background:rgba(37,99,235,.12);color:#2563eb;font-size:1.25rem}.login-type-card strong,.login-type-card small{display:block}.login-type-card strong{font-size:.92rem;font-weight:800}.login-type-card small{margin-top:.15rem;color:var(--bs-secondary-color);font-size:.72rem;line-height:1.35}.login-type-action{grid-column:2;color:#2563eb;font-size:.72rem;font-weight:800}.login-type-back{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 1.1rem;padding:0;border:0;background:transparent;color:#2563eb;font-size:.76rem;font-weight:800}.unified-login-form-panel [data-login-heading],.unified-credential-form{display:none}.unified-login-card[data-login-type="admin"] [data-login-heading="admin"],.unified-login-card[data-login-type="admin"] [data-login-form-type="admin"],.unified-login-card[data-login-type="personnel"] [data-login-heading="personnel"],.unified-login-card[data-login-type="personnel"] [data-login-form-type="personnel"]{display:block}@keyframes unified-login-slide-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.personnel-password-card{width:min(520px,100%);padding:clamp(2rem,6vw,3.5rem);border:1px solid rgba(255,255,255,.2);border-radius:26px;background:color-mix(in srgb,var(--bs-body-bg) 95%,transparent);box-shadow:0 28px 80px rgba(0,0,0,.35);backdrop-filter:blur(22px)}.personnel-password-card h1{margin:1rem 0 .5rem;font-size:1.8rem;font-weight:850}.personnel-password-card>p{margin-bottom:1.5rem;color:var(--bs-secondary-color)}.personnel-password-rules{display:flex;flex-wrap:wrap;gap:.4rem;margin:.25rem 0 1.25rem}.personnel-password-rules span{padding:.3rem .5rem;border-radius:7px;background:var(--bs-tertiary-bg);color:var(--bs-secondary-color);font-size:.65rem}
@keyframes personnel-card-enter{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:991.98px) and (min-width:768px){.personnel-login-card{grid-template-columns:minmax(280px,.9fr) minmax(380px,1fr);width:min(1000px,100%);min-height:620px}.personnel-login-visual{padding:2rem}.personnel-login-form{padding:clamp(2rem,4vw,3rem)}}
@media(max-width:767.98px){.personnel-auth-shell{padding:1rem}.personnel-login-card{display:block;min-height:0;border-radius:22px}.personnel-login-visual{display:none}.personnel-login-form{padding:2rem}.personnel-brand{margin-bottom:1.4rem}.personnel-theme-toggle{right:.75rem;top:.75rem}.personnel-password-card{padding:2rem;border-radius:20px}}
@media(prefers-reduced-motion:reduce){.personnel-login-card,.personnel-login-button{animation:none;transition:none}.personnel-login-button:hover{transform:none}}

/* Compact dashboard hero */
.ns-hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:1rem;align-items:stretch}
.ns-hero>.ns-welcome{order:1;min-height:184px;height:100%;padding:1.1rem 1.35rem}
.ns-hero>.employee-humor-card{order:2;position:relative;inset:auto;width:auto;min-height:184px;height:100%;padding:.8rem .9rem .65rem;border-radius:16px}
.ns-hero .employee-humor-person img,.ns-hero .employee-humor-avatar{width:42px;height:42px;border-radius:12px}
.ns-hero .employee-humor-trophy{top:.7rem;right:.75rem;width:32px;height:32px}
.ns-hero .employee-humor-category{margin-top:.45rem}
.ns-hero .employee-humor-title{margin:.3rem 0;font-size:.82rem}
.ns-hero .daily-star-quote{margin:.35rem 0;padding:.35rem .5rem}
.ns-hero .daily-star-quote q{display:-webkit-box;margin:.15rem 0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.61rem}
.ns-hero .daily-star-quote cite{font-size:.55rem}
.ns-hero .employee-humor-card>p{display:none}
.ns-hero .ns-eyebrow{margin-bottom:.35rem}.ns-hero .ns-welcome h1{font-size:1.45rem}.ns-hero .ns-welcome-date{padding:.65rem .8rem}
@media(max-width:1199.98px){.ns-hero{grid-template-columns:1fr 340px}.ns-hero>.employee-humor-card{margin:0}.ns-dashboard>.ns-welcome{padding-right:1.35rem}}
@media(max-width:991.98px){.ns-hero{grid-template-columns:1fr}.ns-hero>.employee-humor-card,.ns-hero>.ns-welcome{min-height:0}.ns-hero>.employee-humor-card{order:2}.ns-hero>.ns-welcome{order:1}}

/* Global search dropdown */
.nc-search-wrapper{z-index:1040}
.nc-global-search-results{position:absolute;z-index:1055;top:calc(100% + .55rem);left:0;width:min(520px,calc(100vw - 2rem));max-height:min(520px,70vh);overflow:auto;padding:.45rem;border:1px solid var(--nc-border);border-radius:14px;background:var(--nc-surface);box-shadow:0 20px 50px rgba(15,23,42,.2)}
.nc-global-search-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.65rem .7rem;border-radius:10px;color:var(--nc-text);text-decoration:none;transition:.14s}
.nc-global-search-item:hover,.nc-global-search-item.active{background:var(--nc-primary-soft);color:var(--nc-primary)}
.nc-global-search-item>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--nc-bg);color:var(--nc-primary)}
.nc-global-search-item span,.nc-global-search-item strong,.nc-global-search-item small{display:block;min-width:0}.nc-global-search-item strong,.nc-global-search-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc-global-search-item strong{font-size:.79rem}.nc-global-search-item small{margin-top:.12rem;color:var(--nc-text-muted);font-size:.66rem}
.nc-global-search-item em{padding:.2rem .4rem;border-radius:999px;background:var(--nc-bg);color:var(--nc-text-muted);font-size:.58rem;font-style:normal;font-weight:700}
.nc-global-search-state{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:76px;color:var(--nc-text-muted);font-size:.78rem}
@media(max-width:575.98px){.nc-global-search-results{position:fixed;top:var(--nc-topbar-height);left:.75rem;right:.75rem;width:auto}.nc-global-search-item{grid-template-columns:34px minmax(0,1fr)}.nc-global-search-item em{display:none}}

/* User configurable dashboard widgets */
.ns-hero{height:120px;min-height:120px;gap:.75rem;margin-bottom:.65rem!important}
.ns-hero>.ns-welcome,.ns-hero>.employee-humor-card{min-height:120px;height:120px;padding:.6rem .85rem}
.ns-hero .ns-welcome{display:flex;align-items:center}.ns-hero .ns-welcome h1{margin:.1rem 0;font-size:1.22rem}.ns-hero .ns-welcome p{margin:0;font-size:.72rem}.ns-hero .ns-eyebrow{font-size:.58rem}
.ns-hero .ns-welcome-date{padding:.45rem .65rem}.ns-hero .employee-humor-person img,.ns-hero .employee-humor-avatar{width:34px;height:34px}.ns-hero .employee-humor-category{margin-top:.25rem}.ns-hero .employee-humor-title{margin:.15rem 0;font-size:.72rem}.ns-hero .daily-star-quote{margin:.18rem 0;padding:.2rem .4rem}.ns-hero .daily-star-quote q{margin:0;font-size:.55rem;-webkit-line-clamp:1}.ns-hero .daily-star-quote cite{font-size:.5rem}
.dashboard-widget-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:34px;margin-bottom:.6rem;color:var(--nc-text-muted);font-size:.7rem;font-weight:750}.dashboard-widget-toolbar>span{display:flex;align-items:center;gap:.4rem}
.dashboard-hidden-widgets{position:absolute;z-index:20;top:100%;right:0;min-width:220px;padding:.4rem;border:1px solid var(--nc-border);border-radius:12px;background:var(--nc-surface);box-shadow:0 16px 38px rgba(15,23,42,.18)}.dashboard-hidden-widgets button{display:flex;width:100%;gap:.5rem;padding:.55rem;border:0;border-radius:8px;background:transparent;color:var(--nc-text);font-size:.72rem;text-align:left}.dashboard-hidden-widgets button:hover{background:var(--nc-primary-soft);color:var(--nc-primary)}
.dashboard-widget-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;align-items:start}.dashboard-widget{grid-column:span 12;min-width:0;padding:.55rem;border:1px solid transparent;border-radius:14px;transition:border-color .18s,box-shadow .18s,opacity .18s}.dashboard-widget[data-size="small"]{grid-column:span 3}.dashboard-widget[data-size="medium"]{grid-column:span 6}.dashboard-widget[data-size="large"]{grid-column:span 12}.dashboard-widget:hover{border-color:var(--nc-border);box-shadow:0 8px 22px rgba(15,23,42,.06)}.dashboard-widget.is-dragging{opacity:.45;border-color:var(--nc-primary)}
.dashboard-widget-handle{display:flex;align-items:center;justify-content:space-between;min-height:26px;margin:-.25rem -.2rem .35rem;cursor:grab;color:var(--nc-text-muted)}.dashboard-widget-handle:active{cursor:grabbing}.dashboard-widget-handle>span{display:flex;align-items:center;gap:.25rem;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.dashboard-widget-actions{display:flex;gap:.18rem;opacity:0;transition:opacity .15s}.dashboard-widget:hover .dashboard-widget-actions,.dashboard-widget:focus-within .dashboard-widget-actions{opacity:1}.dashboard-widget-actions button{min-width:25px;height:25px;padding:0 .3rem;border:1px solid var(--nc-border);border-radius:7px;background:var(--nc-surface);color:var(--nc-text-muted);font-size:.6rem;font-weight:800}.dashboard-widget-actions button:hover{border-color:var(--nc-primary);color:var(--nc-primary)}
.dashboard-widget>section,.dashboard-widget>.d-flex{margin-bottom:.5rem!important}.dashboard-widget[data-size="small"] .row>[class*="col-"],.dashboard-widget[data-size="medium"] .row>[class*="col-"]{width:100%}.dashboard-widget[data-size="small"] .ns-chart{height:220px}.dashboard-widget[data-size="small"] .ns-panel-head p{display:none}
@media(max-width:1199.98px){.dashboard-widget[data-size="small"]{grid-column:span 6}.ns-hero{height:auto;min-height:120px}.ns-hero>.ns-welcome,.ns-hero>.employee-humor-card{height:120px}}
@media(max-width:767.98px){.dashboard-widget-grid{grid-template-columns:1fr}.dashboard-widget{grid-column:1!important}.dashboard-widget>.row{margin-inline:0}.dashboard-widget-actions{opacity:1}.ns-hero{display:grid;height:auto}.ns-hero>.ns-welcome,.ns-hero>.employee-humor-card{height:auto;min-height:110px}}

/* Dashboard 2026 compact information architecture */
.dashboard-info-strip{display:grid;grid-template-columns:1fr 1fr 2fr;align-items:center;height:80px;max-height:80px;margin-bottom:.45rem;padding:.55rem 1rem;border:1px solid var(--nc-border);border-radius:14px;background:linear-gradient(110deg,var(--nc-surface),var(--nc-primary-soft));box-shadow:0 7px 20px rgba(15,23,42,.05)}
.dashboard-info-strip>div{display:flex;align-items:center;gap:.6rem;min-width:0;padding:0 1rem;border-right:1px solid var(--nc-border)}.dashboard-info-strip>div:first-child{display:grid;gap:.05rem;padding-left:0}.dashboard-info-strip>div:last-child{border:0}.dashboard-info-strip i{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border-radius:9px;background:var(--nc-primary);color:#fff}.dashboard-info-strip small,.dashboard-info-strip strong{display:block}.dashboard-info-strip small{font-size:.57rem;font-weight:850;letter-spacing:.08em;color:var(--nc-text-muted)}.dashboard-info-strip strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
.dashboard-widget-toolbar{margin-bottom:.15rem;min-height:28px}.dashboard-widget-grid{gap:.45rem}.dashboard-widget{padding:.3rem}.dashboard-widget-handle{min-height:22px;margin:-.15rem 0 .15rem}.dashboard-widget-handle>span{font-size:.56rem}
.dashboard-widget:first-child .ns-kpi-card{min-height:62px;padding:.55rem .65rem}.dashboard-widget:first-child .ns-icon{width:34px;height:34px}.dashboard-widget:first-child>section{--bs-gutter-y:.45rem;--bs-gutter-x:.45rem}.dashboard-widget:first-child>.d-flex{margin-bottom:.25rem!important}.dashboard-widget:first-child .ns-section-subtitle{display:none}
.dashboard-widget-menu{position:relative}.dashboard-widget-menu-toggle{display:grid;place-items:center;width:26px;height:24px;border:0;border-radius:7px;background:transparent;color:var(--nc-text);font-size:1.15rem;line-height:1}.dashboard-widget-menu-toggle:hover{background:var(--nc-primary-soft);color:var(--nc-primary)}
.dashboard-widget-menu-list{position:absolute;z-index:30;top:calc(100% + 3px);right:0;min-width:130px;padding:.3rem;border:1px solid var(--nc-border);border-radius:10px;background:var(--nc-surface);box-shadow:0 14px 34px rgba(15,23,42,.18)}.dashboard-widget-menu-list button{display:block;width:100%;padding:.45rem .55rem;border:0;border-radius:7px;background:transparent;color:var(--nc-text);font-size:.68rem;text-align:left}.dashboard-widget-menu-list button:hover{background:var(--nc-primary-soft);color:var(--nc-primary)}
.dashboard-widget-placeholder{grid-column:span 12;min-height:70px;border:2px dashed var(--nc-primary);border-radius:14px;background:var(--nc-primary-soft);animation:widget-placeholder-pulse .8s ease-in-out infinite alternate}.dashboard-widget.is-dragging{opacity:.18}
@keyframes widget-placeholder-pulse{to{opacity:.55}}
.daily-star-mini{position:relative!important;inset:auto!important;width:100%!important;min-height:96px!important;height:auto!important;padding:.65rem!important;border-radius:12px!important}.daily-star-mini .employee-humor-person img,.daily-star-mini .employee-humor-avatar{width:34px;height:34px;border-radius:9px}.daily-star-mini .employee-humor-category{margin-top:.25rem}.daily-star-mini .employee-humor-title{margin:.2rem 0;font-size:.7rem}.daily-star-mini .daily-star-quote{margin:.25rem 0 0;padding:.25rem .4rem}.daily-star-mini .daily-star-quote q{margin:.08rem 0;font-size:.55rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.daily-star-mini .daily-star-quote cite,.daily-star-mini>p{display:none}
@media(max-width:767.98px){.dashboard-info-strip{grid-template-columns:1fr;height:auto;max-height:none}.dashboard-info-strip>div{padding:.35rem 0;border-right:0;border-bottom:1px solid var(--nc-border)}.dashboard-info-strip>div:last-child{border-bottom:0}}

.personnel-modern-tabs{gap:.45rem;padding:.65rem;background:var(--nc-surface);border:1px solid var(--nc-border);border-radius:14px 14px 0 0;scrollbar-width:thin}
.personnel-modern-tabs .nav-link{display:flex;align-items:center;gap:.35rem;border:0;border-radius:10px;color:var(--nc-text-muted);font-weight:650;padding:.7rem .9rem;transition:.18s}
.personnel-modern-tabs .nav-link:hover{color:var(--nc-primary);background:var(--nc-primary-soft)}
.personnel-modern-tabs .nav-link.active{color:#fff;background:var(--nc-primary);box-shadow:0 5px 14px rgba(37,99,235,.25)}
.account-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.account-status-grid>div{padding:1rem;border:1px solid var(--nc-border);border-radius:12px;background:var(--nc-bg)}
.account-status-grid span,.account-status-grid strong{display:block}.account-status-grid span{font-size:.75rem;color:var(--nc-text-muted);margin-bottom:.35rem}.account-status-grid strong{overflow-wrap:anywhere}
.account-switch .form-check-input{width:2.8rem;height:1.45rem}
@media(max-width:767.98px){.personnel-modern-tabs{border-radius:12px;padding:.45rem}.personnel-modern-tabs .nav-link{padding:.6rem .75rem}.account-status-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.account-status-grid{grid-template-columns:1fr}}

/* ==========================================================================
   NETCONTROL - ENTERPRISE DESIGN SYSTEM (RC-1.0)
   ========================================================================== */
:root, [data-bs-theme="light"] {
    /* Brand Colors */
    --nc-primary: #2563EB;
    --nc-primary-rgb: 37, 99, 235;
    --nc-primary-soft: rgba(37, 99, 235, 0.09);
    /* Layout Backgrounds */
    --nc-bg: #F8FAFC;
    --nc-surface: #FFFFFF;
    --nc-surface-hover: #F8FAFC;
    --nc-border: #E5E7EB;
    --nc-border-light: #F3F4F6;
    /* Typography */
    --nc-text: #111827;
    --nc-text-muted: #6B7280;
    /* Semantic Colors */
    --nc-success: #16A34A;
    --nc-success-soft: rgba(22, 163, 74, 0.12);
    --nc-warning: #F59E0B;
    --nc-warning-soft: rgba(245, 158, 11, 0.12);
    --nc-danger: #DC2626;
    --nc-danger-soft: rgba(220, 38, 38, 0.12);
    --nc-info: #2563EB;
    --nc-info-soft: rgba(37, 99, 235, 0.12);
    /* UI Dimensions */
    --nc-sidebar-width: 280px;
    --nc-sidebar-collapsed: 72px;
    --nc-topbar-height: 68px;
    --nc-radius-sm: 6px;
    --nc-radius: 12px;
    --nc-radius-lg: 18px;
    /* Shadows (Microsoft 365 / Azure Style) */
    --nc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    --nc-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.03);
    --nc-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
    /* Bootstrap System Overrides */
    --bs-body-bg: var(--nc-bg);
    --bs-body-color: var(--nc-text);
    --bs-border-color: var(--nc-border);
    --bs-primary: var(--nc-primary);
}

/* Prominent public-holiday states in the leave request calendar. */
.leave-calendar .calendar-day.holiday:not(.selected) {
    background: #d97706;
    color: #fff;
    font-weight: 800;
    box-shadow: 0 3px 10px rgba(217, 119, 6, .32), inset 0 0 0 1px #b45309;
}
.leave-calendar .calendar-day.holiday.selected {
    background: linear-gradient(135deg, #2563eb 0 49%, #d97706 51% 100%);
    color: #fff;
    font-weight: 800;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .72), 0 3px 10px rgba(15, 23, 42, .2);
}
.leave-calendar .calendar-day.half-holiday.selected {
    background: linear-gradient(135deg, #2563eb 0 49%, #8b5cf6 51% 100%);
    color: #fff;
}
.leave-calendar .calendar-legend .holiday {
    background: #d97706;
    box-shadow: inset 0 0 0 1px #b45309;
}
.holiday-focus {
    display: block;
    width: 100%;
    padding: .4rem .55rem;
    border: 0;
    border-radius: .45rem;
    background: transparent;
    color: inherit;
    text-align: left;
}
.holiday-focus:hover,
.holiday-focus:focus {
    background: rgba(217, 119, 6, .12);
    outline: 2px solid rgba(217, 119, 6, .35);
}
@media (max-width: 767.98px) {
    .leave-calendar .calendar-day.holiday:not(.selected),
    .leave-calendar .calendar-day.holiday.selected {
        color: #fff;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55);
    }
}

[data-bs-theme="dark"] {
    --nc-bg: #0F172A;
    --nc-surface: #1E293B;
    --nc-surface-hover: #334155;
    --nc-border: #334155;
    --nc-border-light: #1E293B;
    --nc-text: #F8FAFC;
    --nc-text-muted: #94A3B8;
    --nc-primary-soft: rgba(255, 255, 255, 0.05);
    --nc-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --nc-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    --nc-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
   GLOBAL RESET & ACCESSIBILITY
   ========================================================================== */
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    transition: background-color 0.2s ease, color 0.2s ease;
}

a {
    text-decoration: none;
}

/* Focus States (WCAG AA) */
*:focus-visible {
    outline: 2px solid var(--nc-info);
    outline-offset: 2px;
}

/* ==========================================================================
   UTILITY CLASSES (Replacing Inline Styles)
   ========================================================================== */
.min-h-screen {
    min-height: 100vh;
}

.h-100px {
    height: 100px;
}

.h-300px {
    height: 300px;
}

.w-40px {
    width: 40px;
}

.h-40px {
    height: 40px;
}

.w-48px {
    width: 48px;
}

.h-48px {
    height: 48px;
}

.w-320px {
    width: 320px;
}

.cursor-pointer {
    cursor: pointer;
}

.text-xs {
    font-size: 0.75rem;
}

.text-sm {
    font-size: 0.875rem;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.tracking-wide {
    letter-spacing: 0.025em;
}

.tracking-wider {
    letter-spacing: 0.05em;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Colors Utility */
.text-nc-primary {
    color: var(--nc-primary);
}

.text-nc-muted {
    color: var(--nc-text-muted);
}

.text-nc-main {
    color: var(--nc-text);
}

.bg-nc-surface {
    background-color: var(--nc-surface);
}

.border-nc {
    border-color: var(--nc-border) !important;
}

/* Semantic Soft Backgrounds */
.bg-soft-primary {
    background-color: var(--nc-primary-soft);
    color: var(--nc-primary);
}

.bg-soft-success {
    background-color: var(--nc-success-soft);
    color: var(--nc-success);
}

.bg-soft-warning {
    background-color: var(--nc-warning-soft);
    color: var(--nc-warning);
}

.bg-soft-danger {
    background-color: var(--nc-danger-soft);
    color: var(--nc-danger);
}

.bg-soft-info {
    background-color: var(--nc-info-soft);
    color: var(--nc-info);
}

/* ==========================================================================
   LAYOUT ARCHITECTURE
   ========================================================================== */
.nc-layout {
    display: flex;
    width: 100%;
}

/* Native Fullscreen API targets the complete application shell so navigation
   remains available while the browser chrome is hidden. */
#controlAppShell:fullscreen,
#controlAppShell:-webkit-full-screen {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: auto;
    background-color: var(--nc-bg);
}

#controlAppShell:fullscreen .nc-sidebar,
#controlAppShell:-webkit-full-screen .nc-sidebar {
    height: 100%;
}

/* --- SIDEBAR --- */
.nc-sidebar {
    width: var(--nc-sidebar-width);
    background-color: var(--nc-surface);
    border-right: 1px solid var(--nc-border);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1040;
    position: sticky;
    top: 0;
    height: 100vh;
}

    .nc-sidebar.collapsed {
        width: var(--nc-sidebar-collapsed);
    }

.nc-sidebar-header {
    height: var(--nc-topbar-height);
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    border-bottom: 1px solid var(--nc-border);
    overflow: hidden;
    white-space: nowrap;
}

.nc-brand-link {
    display: block;
    width: 100%;
    height: 100%;
}

.nc-brand-logo {
    width: auto;
    max-width: 190px;
    height: 52px;
    object-fit: contain;
    transition: height 0.3s ease;
}

.nc-sidebar.collapsed .nc-brand-logo {
    height: 32px;
}

.nc-sidebar-body {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem 0.75rem;
}

    .nc-sidebar-body::-webkit-scrollbar {
        width: 4px;
    }

    .nc-sidebar-body::-webkit-scrollbar-thumb {
        background: var(--nc-border);
        border-radius: 4px;
    }

.nc-menu-group {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--nc-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.5rem 0.75rem;
    margin-top: 1rem;
    margin-bottom: 0.25rem;
    white-space: nowrap;
    opacity: 1;
    transition: opacity 0.2s;
}

.nc-sidebar.collapsed .nc-menu-group {
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.nc-menu-item {
    margin-bottom: 2px;
}

.nc-menu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0.75rem;
    color: var(--nc-text);
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: var(--nc-radius-sm);
    transition: all 0.2s ease;
    white-space: nowrap;
}

.nc-menu-link-content {
    display: flex;
    align-items: center;
    gap: 12px;
}

.nc-menu-link i {
    font-size: 1.1rem;
    color: var(--nc-text-muted);
    transition: color 0.2s ease;
    width: 24px;
    text-align: center;
}

.nc-menu-link:hover {
    background-color: var(--nc-surface-hover);
    color: var(--nc-primary);
}

.nc-menu-link.active {
    background-color: var(--nc-primary-soft);
    color: var(--nc-primary);
    font-weight: 600;
}

    .nc-menu-link.active i {
        color: var(--nc-primary);
    }

.nc-sidebar.collapsed .nc-menu-link-text,
.nc-sidebar.collapsed .nc-menu-badge {
    display: none;
}

.nc-sidebar.collapsed .nc-menu-link {
    justify-content: center;
}

.nc-sidebar.collapsed .nc-menu-link-content {
    justify-content: center;
    gap: 0;
}

/* --- MAIN & TOPBAR --- */
.nc-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.nc-topbar {
    height: var(--nc-topbar-height);
    background-color: var(--nc-surface);
    border-bottom: 1px solid var(--nc-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    position: sticky;
    top: 0;
    z-index: 1030;
}

.nc-search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.nc-search-icon {
    position: absolute;
    left: 12px;
    color: var(--nc-text-muted);
    pointer-events: none;
}

.nc-search-input {
    background-color: var(--nc-bg);
    border: 1px solid transparent;
    color: var(--nc-text);
    border-radius: var(--nc-radius-sm);
    padding: 0.5rem 2.5rem 0.5rem 2.25rem;
    transition: all 0.2s;
}

    .nc-search-input:focus {
        outline: none;
        border-color: var(--nc-primary);
        background-color: var(--nc-surface);
        box-shadow: 0 0 0 3px var(--nc-primary-soft);
    }

.nc-search-kbd {
    position: absolute;
    right: 8px;
    background-color: var(--nc-surface);
    border: 1px solid var(--nc-border);
    border-radius: 4px;
    padding: 2px 6px;
    color: var(--nc-text-muted);
    pointer-events: none;
}

.nc-btn-icon {
    background: transparent;
    border: none;
    color: var(--nc-text-muted);
    border-radius: var(--nc-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    position: relative;
}

    .nc-btn-icon:hover {
        background-color: var(--nc-bg);
        color: var(--nc-text);
    }

.nc-badge-indicator {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 8px;
    height: 8px;
    background-color: var(--nc-danger);
    border-radius: 50%;
    border: 2px solid var(--nc-surface);
}

.nc-content {
    flex: 1;
    padding: 2rem;
}

.nc-footer {
    background-color: var(--nc-surface);
    border-top: 1px solid var(--nc-border);
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ==========================================================================
   WIDGETS & COMPONENTS
   ========================================================================== */
/* Premium Cards */
.nc-card {
    background-color: var(--nc-surface);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius);
    box-shadow: var(--nc-shadow-sm);
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

    .nc-card:hover {
        box-shadow: var(--nc-shadow);
    }

.nc-card-header {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--nc-border-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nc-card-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--nc-text);
    margin: 0;
}

.nc-card-body {
    padding: 1.5rem;
    flex: 1;
}

/* Welcome Banner */
.nc-welcome-banner {
    background-color: var(--nc-primary);
    color: #FFFFFF;
    border-radius: var(--nc-radius-lg);
    border: none;
    background-image: linear-gradient(120deg, rgba(255,255,255,0.05) 0%, transparent 50%);
    box-shadow: var(--nc-shadow);
}

/* KPI Cards */
.nc-kpi-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nc-kpi-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--nc-radius-sm);
}

.nc-kpi-title {
    color: var(--nc-text-muted);
}

.nc-kpi-value {
    color: var(--nc-text);
}

.nc-kpi-sparkline {
    border-top: 1px solid var(--nc-border-light);
}

/* Quick Actions */
.nc-action-box {
    background-color: var(--nc-surface);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius);
    transition: all 0.2s ease;
    text-align: center;
}

    .nc-action-box:hover {
        border-color: var(--nc-primary);
        box-shadow: var(--nc-shadow-hover);
        transform: translateY(-2px);
    }

.nc-action-icon {
    background-color: var(--nc-bg);
    color: var(--nc-primary);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}

.nc-action-box:hover .nc-action-icon {
    background-color: var(--nc-primary-soft);
}

/* Timeline */
.nc-timeline {
    position: relative;
    border-left: 2px solid var(--nc-border);
    padding-left: 1.5rem;
    list-style: none;
    margin: 0;
}

.nc-timeline-item {
    position: relative;
    margin-bottom: 1.5rem;
}

    .nc-timeline-item:last-child {
        margin-bottom: 0;
    }

.nc-timeline-avatar {
    position: absolute;
    left: -2.35rem;
    top: 0;
    border-radius: 50%;
    border: 4px solid var(--nc-surface);
}

.nc-timeline-content {
    background-color: var(--nc-surface);
    border: 1px solid var(--nc-border);
    border-radius: var(--nc-radius-sm);
}

/* Enterprise DataGrid */
.nc-datagrid-toolbar {
    border-bottom: 1px solid var(--nc-border);
}

.nc-table {
    width: 100%;
    margin: 0;
    color: var(--nc-text);
    border-collapse: separate;
    border-spacing: 0;
}

    .nc-table th {
        position: sticky;
        top: 0;
        background-color: var(--nc-bg);
        color: var(--nc-text-muted);
        font-size: 0.75rem;
        text-transform: uppercase;
        font-weight: 600;
        padding: 0.85rem 1rem;
        border-bottom: 1px solid var(--nc-border);
        z-index: 10;
    }

    .nc-table td {
        padding: 1rem;
        border-bottom: 1px solid var(--nc-border-light);
        font-size: 0.875rem;
        vertical-align: middle;
    }

    .nc-table tbody tr {
        transition: background-color 0.15s;
        cursor: pointer;
    }

        .nc-table tbody tr:hover {
            background-color: var(--nc-surface-hover);
        }

        .nc-table tbody tr:last-child td {
            border-bottom: none;
        }

/* Notifications */
.nc-notify-card {
    border-left: 4px solid transparent;
    transition: background-color 0.2s;
}

    .nc-notify-card:hover {
        background-color: var(--nc-surface-hover);
    }

    .nc-notify-card.priority-high {
        border-left-color: var(--nc-danger);
    }

    .nc-notify-card.priority-medium {
        border-left-color: var(--nc-warning);
    }

/* Dropdown Premium Override */
.dropdown-menu {
    background-color: var(--nc-surface);
    border: 1px solid var(--nc-border);
    box-shadow: var(--nc-shadow);
}

.dropdown-item {
    color: var(--nc-text);
    transition: background-color 0.2s;
}

    .dropdown-item:hover {
        background-color: var(--nc-bg);
        color: var(--nc-text);
    }

.dropdown-header {
    color: var(--nc-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.7rem;
}

.dropdown-divider {
    border-color: var(--nc-border);
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
    .nc-sidebar {
        position: fixed;
        left: -100%;
        box-shadow: 4px 0 24px rgba(0,0,0,0.15);
    }

        .nc-sidebar.show {
            left: 0;
        }

    .nc-search-wrapper {
        display: none;
    }

    .nc-content {
        padding: 1rem;
    }

    .nc-kpi-sparkline {
        display: none;
    }
    /* Mobile optimization */
}

/* ========================================================================== 
   PREMIUM SAAS COMPONENT LAYER
   Shared by every MVC page; keeps feature views free from repeated styling.
   ========================================================================== */
.nc-content { max-width: 1920px; width: 100%; margin-inline: auto; }
.nc-content > .container, .nc-content > .container-fluid { max-width: 1680px; }

/* Bootstrap modal katmanları body stacking context'inde kalmalıdır. */
.modal {
    z-index: 1055;
}

.modal-backdrop {
    z-index: 1050;
}

.modal.show .modal-content {
    pointer-events: auto;
}

/* Enterprise leave request experience */
.duration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.duration-option input{position:absolute;opacity:0}.duration-option span{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:1rem;border:1px solid var(--nc-border);border-radius:12px;cursor:pointer;transition:.2s}.duration-option i{font-size:1.35rem;color:#2563eb}.duration-option input:checked+span{border-color:#2563eb;background:rgba(37,99,235,.08);box-shadow:0 0 0 2px rgba(37,99,235,.12)}.leave-calendar{border:1px solid var(--nc-border);border-radius:14px;padding:1rem}.calendar-head,.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.calendar-head{grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;margin-bottom:1rem}.calendar-weekdays span{text-align:center;color:var(--nc-text-muted);font-size:.72rem;font-weight:700;padding:.35rem}.calendar-day{position:relative;min-height:54px;border:0;border-radius:10px;background:transparent;color:var(--nc-text);display:flex;align-items:center;justify-content:center}.calendar-day:hover:not(:disabled){background:rgba(37,99,235,.08)}.calendar-day.outside{opacity:.35}.calendar-day.past{color:#94a3b8;background:rgba(148,163,184,.08);cursor:not-allowed}.calendar-day.weekend{color:#be123c;background:rgba(244,63,94,.08)}.calendar-day.holiday:not(.selected){background:rgba(245,158,11,.16);box-shadow:inset 0 0 0 1px rgba(217,119,6,.45)}.calendar-day.half-holiday:not(.selected){background:linear-gradient(135deg,transparent 50%,rgba(139,92,246,.2) 50%);box-shadow:inset 0 0 0 1px rgba(124,58,237,.4)}.calendar-day.selected{background:rgba(37,99,235,.14);border-radius:0}.calendar-day.range-start,.calendar-day.range-end{background:#2563eb;color:#fff;font-weight:800;border-radius:10px}.calendar-day.holiday i,.calendar-day.half-holiday i{position:absolute;z-index:1;right:5px;top:5px;font-size:.58rem;color:#d97706}.calendar-day.half-holiday i{color:#7c3aed}.calendar-day.holiday.selected i,.calendar-day.half-holiday.selected i{color:#fbbf24;filter:drop-shadow(0 0 1px #fff)}.calendar-day.return-day{outline:2px solid #16a34a;outline-offset:-3px}.calendar-day.return-day:after{content:"";position:absolute;bottom:5px;width:6px;height:6px;border-radius:50%;background:#16a34a}.calendar-day.busy:before{content:"";position:absolute;bottom:5px;left:6px;width:6px;height:6px;border-radius:50%;background:#f59e0b}.calendar-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;color:var(--nc-text-muted);font-size:.72rem}.calendar-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.3rem}.calendar-legend .range{background:#2563eb}.calendar-legend .weekend{background:#fda4af}.calendar-legend .holiday{background:#fbbf24;box-shadow:inset 0 0 0 1px #d97706}.calendar-legend .half-holiday{background:linear-gradient(135deg,#fff 50%,#8b5cf6 50%);box-shadow:inset 0 0 0 1px #7c3aed}.calendar-legend .return{background:#16a34a;border-radius:50%}.leave-summary{top:calc(var(--nc-topbar-height) + 1rem);overflow:hidden}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.summary-grid>div{background:var(--nc-bg);padding:.85rem;border-radius:10px}.summary-grid span,.summary-grid strong{display:block}.summary-grid span{font-size:.72rem;color:var(--nc-text-muted)}.summary-grid strong{font-size:1.1rem}.summary-grid .accent{background:rgba(37,99,235,.1);color:#2563eb}.summary-details div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--nc-border-light)}.summary-details dt{font-weight:500;color:var(--nc-text-muted)}.summary-details dd{font-weight:700;margin:0;text-align:right}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.45rem}
@media(max-width:767.98px){.leave-create{padding-inline:.25rem}.duration-grid{grid-template-columns:repeat(2,1fr)}.leave-calendar{padding:.6rem}.calendar-day{min-height:43px}.leave-summary{position:static!important}.calendar-legend{gap:.55rem}}

.nc-content h1, .nc-content .h1, .nc-content h2, .nc-content .h2, .nc-content h3, .nc-content .h3 {
    letter-spacing: -.035em; color: var(--nc-text); font-weight: 700;
}
.nc-content .text-muted { color: var(--nc-text-muted) !important; }
.nc-content .card {
    --bs-card-bg: color-mix(in srgb, var(--nc-surface) 97%, transparent);
    border: 1px solid color-mix(in srgb, var(--nc-border) 82%, transparent) !important;
    border-radius: 18px !important; box-shadow: 0 1px 2px rgba(15,23,42,.025), 0 8px 24px rgba(15,23,42,.035) !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.nc-content .card:hover { border-color: color-mix(in srgb, var(--nc-primary) 20%, var(--nc-border)) !important; box-shadow: 0 12px 32px rgba(15,23,42,.065) !important; }
.nc-content .card-header { border-color: var(--nc-border); padding: 1rem 1.25rem; }
.nc-content .card-body { padding: 1.25rem; }
.nc-content .bg-primary { background: linear-gradient(135deg, #2563eb, #1d4ed8) !important; }
.nc-content .bg-dark { background: linear-gradient(135deg, #0f172a, #1e293b) !important; }

.btn { --bs-btn-border-radius: 10px; font-weight: 600; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { --bs-btn-bg:#2563eb; --bs-btn-border-color:#2563eb; --bs-btn-hover-bg:#1d4ed8; --bs-btn-hover-border-color:#1d4ed8; box-shadow:0 5px 14px rgba(37,99,235,.18); }
.btn-light { --bs-btn-bg:var(--nc-surface); --bs-btn-border-color:var(--nc-border); --bs-btn-color:var(--nc-text); }

.form-control, .form-select, .input-group-text {
    min-height: 46px; border-radius: 11px; border-color: var(--nc-border); background-color: var(--nc-surface); color: var(--nc-text);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
textarea.form-control { min-height: 112px; }
.form-control:hover, .form-select:hover { border-color: color-mix(in srgb, var(--nc-primary) 42%, var(--nc-border)); }
.form-control:focus, .form-select:focus { border-color:var(--nc-primary); box-shadow:0 0 0 4px rgba(37,99,235,.11); background-color:var(--nc-surface); }
.form-label { color:var(--nc-text); font-size:.82rem; font-weight:600; margin-bottom:.45rem; }
.form-text { color:var(--nc-text-muted); font-size:.75rem; }
.field-validation-error { display:block; color:var(--nc-danger); font-size:.76rem; font-weight:500; margin-top:.35rem; }
.input-validation-error { border-color:var(--nc-danger) !important; box-shadow:0 0 0 3px rgba(220,38,38,.08) !important; }
.form-check-input { width:1.15rem; height:1.15rem; border-color:color-mix(in srgb,var(--nc-border) 70%,#64748b); }
.form-check-input:checked { background-color:var(--nc-primary); border-color:var(--nc-primary); }
.form-check:has(.form-check-input) { padding: .75rem .85rem .75rem 2.3rem; border:1px solid var(--nc-border); border-radius:12px; background:var(--nc-surface); transition:.2s ease; }
.form-check:has(.form-check-input:checked) { border-color:rgba(37,99,235,.45); background:var(--nc-primary-soft); }

.nc-datagrid { position:relative; overflow:hidden; }
.nc-datagrid-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.75rem; padding:1rem 1.1rem; border-bottom:1px solid var(--nc-border); background:var(--nc-surface); }
.nc-grid-search { position:relative; min-width:min(330px,100%); }
.nc-grid-search i { position:absolute; left:.9rem; top:50%; transform:translateY(-50%); color:var(--nc-text-muted); pointer-events:none; }
.nc-grid-search input { padding-left:2.5rem; height:40px; min-height:40px; }
.nc-grid-actions { display:flex; gap:.45rem; flex-wrap:wrap; }
.nc-grid-actions .btn { height:40px; display:inline-flex; align-items:center; gap:.45rem; }
.nc-datagrid .table-responsive { max-height:68vh; scrollbar-width:thin; }
.nc-datagrid table { --bs-table-bg:transparent; --bs-table-hover-bg:rgba(37,99,235,.035); margin:0 !important; }
.nc-datagrid thead { position:sticky; top:0; z-index:3; }
.nc-datagrid thead th { background:color-mix(in srgb,var(--nc-surface) 94%,#e2e8f0) !important; border-bottom:1px solid var(--nc-border); color:var(--nc-text-muted); font-size:.71rem; font-weight:700; letter-spacing:.055em; text-transform:uppercase; white-space:nowrap; padding:.9rem 1rem; }
.nc-datagrid tbody td { color:var(--nc-text); border-color:color-mix(in srgb,var(--nc-border) 68%,transparent); padding:.92rem 1rem; vertical-align:middle; }
.nc-datagrid tbody tr { transition:background-color .2s ease, transform .2s ease; }
.nc-datagrid tbody tr:hover { background:rgba(37,99,235,.035); }
.nc-datagrid-footer { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.8rem 1.1rem; border-top:1px solid var(--nc-border); color:var(--nc-text-muted); font-size:.78rem; }
.nc-column-menu { max-height:310px; overflow:auto; min-width:220px; }
.nc-column-menu label { display:flex; gap:.6rem; align-items:center; padding:.45rem .7rem; border-radius:8px; font-size:.82rem; }
.nc-column-menu label:hover { background:var(--nc-surface-hover); }
.badge { border-radius:999px; font-weight:600; letter-spacing:.01em; padding:.42em .72em; }

.nc-toast-stack { position:fixed; right:1.25rem; top:5.25rem; z-index:1090; width:min(390px,calc(100vw - 2rem)); }
.nc-toast { display:flex; align-items:flex-start; gap:.75rem; padding:.9rem 1rem; margin-bottom:.65rem; background:color-mix(in srgb,var(--nc-surface) 94%,transparent); border:1px solid var(--nc-border); border-radius:14px; box-shadow:var(--nc-shadow-hover); backdrop-filter:blur(14px); animation:nc-toast-in .25s ease both; }
@keyframes nc-toast-in { from { opacity:0; transform:translateX(14px); } }
.nc-empty-state { padding:3.5rem 1rem !important; color:var(--nc-text-muted) !important; }
.accordion-item { border:1px solid var(--nc-border) !important; border-radius:16px !important; background:var(--nc-surface); }
.accordion-button { font-weight:650; background:var(--nc-surface); color:var(--nc-text); }
.accordion-button:not(.collapsed) { color:var(--nc-primary); background:var(--nc-primary-soft); box-shadow:none; }
.nav-pills { padding:.35rem; background:color-mix(in srgb,var(--nc-border) 48%,transparent); border-radius:12px; width:max-content; max-width:100%; overflow:auto; }
.nav-pills .nav-link { border-radius:9px; color:var(--nc-text-muted); font-weight:600; white-space:nowrap; }
.nav-pills .nav-link.active { background:var(--nc-surface); color:var(--nc-primary); box-shadow:var(--nc-shadow-sm); }
.modal-content, .dropdown-menu { border:1px solid var(--nc-border); border-radius:14px; background:var(--nc-surface); box-shadow:var(--nc-shadow-hover); }
.progress { height:8px; border-radius:999px; background:color-mix(in srgb,var(--nc-border) 60%,transparent); }
.progress-bar { border-radius:inherit; background:linear-gradient(90deg,#2563eb,#06b6d4); }

@media (max-width:767.98px) {
    .nc-content { padding-inline:.15rem; }
    .nc-content > .container, .nc-content > .container-fluid { padding-inline:.75rem; }
    .nc-content .card-body { padding:1rem; }
    .nc-datagrid-toolbar { align-items:stretch; }
    .nc-grid-search, .nc-grid-actions { width:100%; }
    .nc-grid-actions .btn { flex:1; justify-content:center; }
    .nc-datagrid .table-responsive { max-height:none; overflow:visible; }
    .nc-datagrid table, .nc-datagrid thead, .nc-datagrid tbody, .nc-datagrid tr, .nc-datagrid td { display:block; width:100%; }
    .nc-datagrid thead { display:none; }
    .nc-datagrid tbody { padding:.65rem; }
    .nc-datagrid tbody tr { border:1px solid var(--nc-border); border-radius:14px; margin-bottom:.7rem; padding:.45rem .75rem; background:var(--nc-surface); box-shadow:var(--nc-shadow-sm); }
    .nc-datagrid tbody td { border:0; border-bottom:1px dashed color-mix(in srgb,var(--nc-border) 70%,transparent); padding:.55rem 0; display:grid; grid-template-columns:minmax(92px,34%) 1fr; gap:.7rem; text-align:right !important; }
    .nc-datagrid tbody td:last-child { border-bottom:0; }
    .nc-datagrid tbody td::before { content:attr(data-label); text-align:left; color:var(--nc-text-muted); font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
    .nc-datagrid tbody td[colspan] { display:block; text-align:center !important; }
}

@media print {
    .nc-sidebar,.nc-topbar,.nc-footer,.nc-datagrid-toolbar,.nc-datagrid-footer,.nc-toast-stack,#liveToastContainer,.toast-container,.swal2-container,.online-orders-page .alert,.alert[role="alert"],.validation-summary-errors,.btn,.pagination { display:none !important; }
    .nc-main,.nc-content { margin:0 !important; padding:0 !important; max-width:none !important; }
    .card { box-shadow:none !important; break-inside:avoid; }
    .nc-datagrid .table-responsive { max-height:none; overflow:visible; }
}

/* NETSERVIS Premium Dashboard */
.ns-dashboard{animation:nsFade .45s ease both}.ns-welcome{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;border:1px solid rgba(37,99,235,.16);border-radius:14px;background:linear-gradient(120deg,rgba(37,99,235,.10),rgba(139,92,246,.05) 58%,var(--nc-surface));box-shadow:var(--nc-shadow-sm)}
.ns-welcome:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-190px;background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(139,92,246,.12));filter:blur(2px)}.ns-eyebrow{display:block;color:#2563eb;font-size:.68rem;font-weight:800;letter-spacing:.12em;margin-bottom:.55rem}.ns-welcome h1{font-size:1.65rem;color:var(--nc-text);font-weight:750;margin:0 0 .35rem}.ns-welcome p{color:var(--nc-text-muted);margin:0}.ns-welcome-date{z-index:1;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:color-mix(in srgb,var(--nc-surface) 82%,transparent);border:1px solid var(--nc-border);border-radius:12px;backdrop-filter:blur(12px)}.ns-welcome-date i{font-size:1.35rem;color:#2563eb}.ns-welcome-date small,.ns-welcome-date strong{display:block}.ns-welcome-date small{color:var(--nc-text-muted);font-size:.68rem;text-transform:capitalize}.ns-welcome-date strong{font-size:.82rem;color:var(--nc-text)}
.ns-section-title{font-size:1rem;font-weight:700;color:var(--nc-text);margin:0}.ns-section-subtitle{font-size:.76rem;color:var(--nc-text-muted);margin:.2rem 0 0}.ns-text-link{font-size:.76rem;font-weight:600;color:#2563eb}.ns-kpi-card,.ns-cost-card,.ns-panel{background:var(--nc-surface);border:1px solid var(--nc-border);border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.04);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.ns-kpi-card:hover,.ns-cost-card:hover,.ns-panel:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.08);border-color:rgba(37,99,235,.22)}
.ns-kpi-card{position:relative;display:flex;align-items:center;gap:.8rem;padding:1rem;min-height:92px}.ns-kpi-card span,.ns-cost-card>span{display:block;color:var(--nc-text-muted);font-size:.72rem;margin-bottom:.2rem}.ns-kpi-card strong{display:block;color:var(--nc-text);font-size:1.35rem}.ns-card-arrow{position:absolute;right:.75rem;top:.7rem;color:var(--nc-border);font-size:.7rem}.ns-icon,.ns-icon-sm{display:grid;place-items:center;flex:0 0 auto;border-radius:12px}.ns-icon{width:42px;height:42px;font-size:1.05rem}.ns-icon-sm{width:36px;height:36px}.ns-icon-primary{color:#2563eb;background:rgba(37,99,235,.11)}.ns-icon-success{color:#22c55e;background:rgba(34,197,94,.11)}.ns-icon-warning{color:#f59e0b;background:rgba(245,158,11,.12)}.ns-icon-danger{color:#ef4444;background:rgba(239,68,68,.11)}.ns-icon-info{color:#06b6d4;background:rgba(6,182,212,.11)}.ns-icon-purple{color:#8b5cf6;background:rgba(139,92,246,.11)}
.ns-cost-card{padding:1rem}.ns-cost-card strong{display:block;font-size:1rem;color:var(--nc-text);white-space:nowrap}.ns-cost-card>span{margin-top:.85rem}.ns-trend{color:#22c55e;font-size:.75rem}.ns-panel{overflow:hidden}.ns-panel-head{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;border-bottom:1px solid var(--nc-border-light)}.ns-panel-head h3{font-size:.92rem;font-weight:700;color:var(--nc-text);margin:0}.ns-panel-head p{font-size:.72rem;color:var(--nc-text-muted);margin:.2rem 0 0}.ns-more{border:0;background:transparent;color:var(--nc-text-muted);width:32px;height:32px;border-radius:8px}.ns-more:hover{background:var(--nc-bg)}.ns-chart{height:315px;padding:1rem}.ns-donut-wrap{position:relative;height:245px;padding:1rem 2rem}.ns-donut-total{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.ns-donut-total small{color:var(--nc-text-muted);font-size:.68rem}.ns-donut-total strong{color:var(--nc-text);font-size:.82rem}.ns-legend{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;padding:0 1.25rem 1.25rem;color:var(--nc-text-muted);font-size:.7rem}.ns-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.4rem}.ns-count{font-size:.7rem;color:#2563eb;background:rgba(37,99,235,.1);padding:.3rem .55rem;border-radius:99px}
.ns-alert-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem}.ns-alert-item{display:flex;align-items:center;gap:.7rem;border:1px solid var(--nc-border-light);border-radius:11px;padding:.75rem;background:var(--nc-bg)}.ns-alert-item .ns-alert-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--nc-surface)}.ns-alert-item>div:nth-child(2){min-width:0;flex:1}.ns-alert-item strong,.ns-alert-item span{display:block}.ns-alert-item strong{font-size:.76rem;color:var(--nc-text)}.ns-alert-item span{font-size:.68rem;color:var(--nc-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns-alert-item b{font-size:.65rem;white-space:nowrap}.ns-alert-item.urgent{border-left:3px solid #ef4444}.ns-alert-item.urgent b,.ns-alert-item.urgent .ns-alert-icon{color:#ef4444}.ns-alert-item.important{border-left:3px solid #f59e0b}.ns-alert-item.important b,.ns-alert-item.important .ns-alert-icon{color:#f59e0b}.ns-alert-item.warning{border-left:3px solid #06b6d4}.ns-alert-item.warning b,.ns-alert-item.warning .ns-alert-icon{color:#06b6d4}
.ns-notifications,.ns-timeline-list{padding:.5rem 1.15rem}.ns-notification,.ns-activity{display:flex;align-items:center;gap:.75rem;padding:.8rem .2rem;border-bottom:1px solid var(--nc-border-light)}.ns-notification:last-child,.ns-activity:last-child{border:0}.ns-notification>div,.ns-activity>div:nth-child(2){min-width:0;flex:1}.ns-notification strong,.ns-notification span,.ns-activity strong,.ns-activity span{display:block}.ns-notification strong,.ns-activity strong{font-size:.75rem;color:var(--nc-text)}.ns-notification span,.ns-activity span{font-size:.68rem;color:var(--nc-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns-notification small,.ns-activity time{font-size:.64rem;color:var(--nc-text-muted);white-space:nowrap}.ns-dot{width:8px;height:8px;border-radius:50%}.ns-dot.danger{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.1)}.ns-dot.warning{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.1)}.ns-activity-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(37,99,235,.1);color:#2563eb}.ns-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:155px;color:var(--nc-text-muted)}.ns-empty i{font-size:2rem;color:#22c55e;margin-bottom:.5rem}.ns-empty strong,.ns-empty span{font-size:.75rem}.ns-empty.compact{min-height:120px}.ns-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;padding:1rem}.ns-quick-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:90px;border:1px solid var(--nc-border-light);border-radius:11px;color:var(--nc-text);font-size:.68rem;font-weight:600;transition:.2s}.ns-quick-grid a i{font-size:1.1rem;color:#2563eb}.ns-quick-grid a:hover{color:#2563eb;background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.25);transform:translateY(-2px)}
@keyframes nsFade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:767.98px){.ns-welcome{padding:1.25rem}.ns-welcome-date{display:none}.ns-welcome h1{font-size:1.3rem}.ns-alert-grid{grid-template-columns:1fr}.ns-quick-grid{grid-template-columns:repeat(2,1fr)}.ns-chart{height:260px}.ns-kpi-card{min-height:118px;align-items:flex-start;flex-direction:column}.ns-cost-card strong{font-size:.86rem}}@media(prefers-reduced-motion:reduce){.ns-dashboard,.ns-kpi-card,.ns-cost-card,.ns-panel,.ns-quick-grid a{animation:none;transition:none}}

/* Plaka rozeti: her iki temada da garantili kontrast (bg-dark-navy tanımsızdı, beyaz-üstüne-beyaz oluyordu) */
.plate-badge{display:inline-block;background:#172033!important;color:#fff!important;border:1px solid #172033;font-weight:700;letter-spacing:.03em}
[data-bs-theme="dark"] .plate-badge{background:#f8fafc!important;color:#111827!important;border-color:#cbd5e1}

/* Personnel detail / Digital Assignment workspace */
.assignment-workspace {
    --assignment-surface: #fff;
    --assignment-surface-soft: #f8fafc;
    --assignment-border: #e2e8f0;
    --assignment-text: #0f172a;
    --assignment-muted: #64748b;
    --assignment-accent: #2563eb;
    --assignment-accent-soft: #eff6ff;
    color: var(--assignment-text);
}

/* Online orders and returns */
.online-orders-page .online-kpi .nc-card-body{display:flex;flex-direction:column;gap:.45rem}.online-orders-page .online-kpi span{font-size:.76rem;color:var(--nc-text-muted);min-height:2.2em}.online-orders-page .online-kpi strong{font-size:1.2rem}.online-pending-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.online-pending-card{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.6rem;padding:.85rem;border:1px solid var(--nc-border);border-radius:12px;color:var(--nc-text-main);text-decoration:none;background:var(--bs-body-bg);transition:.18s ease}.online-pending-card:hover,.online-pending-card.active{border-color:var(--nc-primary);box-shadow:0 8px 20px rgba(37,99,235,.10);transform:translateY(-1px)}.online-pending-card>i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--nc-primary-soft);color:var(--nc-primary)}.online-pending-card span{font-size:.76rem;line-height:1.25}.online-pending-card strong{font-size:1.15rem}.online-chart{height:310px}.online-process-list{display:grid;gap:.2rem}.online-process-list>div{display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--nc-border)}.online-process-list>div:last-child{border:0}.online-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.online-detail-grid>div{padding:.75rem;border:1px solid var(--nc-border);border-radius:10px}.online-detail-grid span{display:block;color:var(--nc-text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem}.online-detail-grid strong{display:block;overflow-wrap:anywhere}.online-stepper{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.online-step{position:relative;display:flex;gap:.5rem;align-items:flex-start}.online-step>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--bs-secondary-bg);color:var(--nc-text-muted)}.online-step.done>span{background:#dcfce7;color:#15803d}.online-step strong,.online-step small{display:block}.online-step strong{font-size:.78rem}.online-step small{font-size:.68rem;color:var(--nc-text-muted);margin-top:.2rem}.online-history{position:relative;display:grid;gap:0}.online-history>div{display:grid;grid-template-columns:16px 1fr;gap:.75rem;padding:0 0 1.1rem}.online-history>div>span{width:10px;height:10px;margin-top:.3rem;border-radius:50%;background:var(--nc-primary);box-shadow:0 0 0 4px var(--nc-primary-soft)}.online-history strong,.online-history small{display:block}.online-history small{color:var(--nc-text-muted);margin-top:.25rem}
.online-return-summary-card{height:auto;align-self:flex-start}
.online-return-summary-card .online-detail-grid{flex:none;align-content:start;grid-auto-rows:minmax(min-content,auto)}
.online-return-summary-card .online-detail-grid>div{min-width:0}
.online-orders-guide{--online-guide-sticky-gap:.875rem}
.online-orders-guide>.online-guide-layout{align-items:stretch}
.online-orders-guide>.online-guide-layout>aside,.online-orders-guide>.online-guide-layout>main{min-width:0}
.online-orders-guide .nc-card{height:auto}
.online-orders-guide section[id],.online-orders-guide .online-guide-anchor{scroll-margin-top:calc(var(--nc-topbar-height) + var(--online-guide-sticky-gap))}
.online-guide-anchor{display:block;height:0}
.online-guide-flow{display:grid;justify-items:center;gap:.45rem}
.online-guide-flow-step{display:flex;align-items:center;gap:.65rem;width:min(100%,420px);padding:.7rem .9rem;border:1px solid var(--nc-border);border-radius:10px;background:var(--bs-body-bg)}
.online-guide-flow-step>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--nc-primary-soft);color:var(--nc-primary);font-weight:800}
.online-guide-flow-step.is-decision{border-color:color-mix(in srgb,var(--nc-primary) 42%,var(--nc-border));background:var(--nc-primary-soft)}
.online-guide-flow-arrow{color:var(--nc-primary)}
@media(min-width:768px){
    .online-guide-sidebar{position:sticky;top:calc(var(--nc-topbar-height) + var(--online-guide-sticky-gap));z-index:5;max-height:calc(100vh - var(--nc-topbar-height) - var(--online-guide-sticky-gap) - var(--online-guide-sticky-gap));overflow:hidden}
    .online-guide-sidebar .online-guide-nav{min-height:0;overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:767.98px){
    .online-guide-sidebar{position:static;top:auto;max-height:none;overflow:visible}
    .online-guide-sidebar .online-guide-nav{overflow:visible}
}
.online-danger-zone{height:auto;background:color-mix(in srgb,var(--bs-danger-bg-subtle) 24%,var(--nc-surface))}
@media(max-width:575.98px){.online-danger-zone .btn{width:100%}}
@media(max-width:1199.98px){.online-pending-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.online-stepper{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767.98px){.online-pending-grid{grid-template-columns:1fr 1fr}.online-detail-grid{grid-template-columns:1fr}.online-stepper{grid-template-columns:1fr 1fr}.online-chart{height:250px}}
@media(max-width:480px){.online-pending-grid,.online-stepper{grid-template-columns:1fr}.online-pending-card{grid-template-columns:34px 1fr auto}}

.nc-menu-collapsible{margin-bottom:2px}.nc-menu-parent{width:100%;border:0;background:transparent;text-align:left;font-family:inherit}.nc-menu-chevron{flex:0 0 auto;width:auto!important;font-size:.72rem!important;transition:transform .2s ease}.nc-menu-parent:not(.collapsed) .nc-menu-chevron{transform:rotate(180deg)}.nc-menu-children{margin:2px 0 2px 1rem;padding-left:.5rem}.nc-menu-children .nc-menu-item{margin-bottom:2px}.nc-sidebar.collapsed .nc-menu-chevron,.nc-sidebar.collapsed .nc-menu-children{display:none}.nc-sidebar.collapsed .nc-menu-parent.has-active-child{background-color:var(--nc-primary-soft);color:var(--nc-primary)}.nc-sidebar.collapsed .nc-menu-parent.has-active-child i{color:var(--nc-primary)}

[data-bs-theme="dark"] .assignment-workspace {
    --assignment-surface: #111827;
    --assignment-surface-soft: #0b1220;
    --assignment-border: #263449;
    --assignment-text: #e5edf8;
    --assignment-muted: #8fa1b8;
    --assignment-accent: #60a5fa;
    --assignment-accent-soft: rgba(37, 99, 235, .14);
}

.assignment-summary {
    display: grid;
    grid-template-columns: minmax(190px, 1fr) auto minmax(120px, auto);
    align-items: center;
    gap: 24px;
    padding: 18px 20px;
    margin-bottom: 20px;
    border: 1px solid var(--assignment-border);
    border-radius: 14px;
    background: linear-gradient(135deg, var(--assignment-surface), var(--assignment-surface-soft));
}

.assignment-summary-heading,
.assignment-vehicle-toggle,
.assignment-vehicle-copy,
.assignment-last-delivery {
    display: flex;
    align-items: center;
}

.assignment-summary-heading { gap: 12px; }
.assignment-summary-icon,
.assignment-vehicle-mark,
.assignment-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--assignment-accent);
    background: var(--assignment-accent-soft);
}
.assignment-summary-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 17px;
}
.assignment-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--assignment-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.assignment-summary h2 {
    margin: 0;
    font-size: 19px;
    font-weight: 750;
    letter-spacing: -.02em;
}
.assignment-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(70px, 1fr));
    gap: 8px;
}
.assignment-metric {
    min-width: 76px;
    padding: 8px 13px;
    border: 1px solid var(--assignment-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--assignment-surface) 82%, transparent);
}
.assignment-metric span,
.assignment-last-delivery span {
    display: block;
    color: var(--assignment-muted);
    font-size: 11px;
    font-weight: 650;
}
.assignment-metric strong {
    display: block;
    margin-top: 2px;
    font-size: 19px;
    line-height: 1;
}
.assignment-last-delivery {
    flex-direction: column;
    align-items: flex-end;
    padding-left: 20px;
    border-left: 1px solid var(--assignment-border);
}
.assignment-last-delivery strong { margin-top: 3px; font-size: 14px; }

.assignment-toolbar {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(160px, 210px) minmax(150px, 190px) auto;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}
.assignment-toolbar .form-control,
.assignment-toolbar .form-select {
    min-height: 42px;
    border-color: var(--assignment-border);
    border-radius: 10px;
    background-color: var(--assignment-surface-soft);
    color: var(--assignment-text);
    font-size: 13px;
}
.assignment-search { position: relative; }
.assignment-search i {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 14px;
    color: var(--assignment-muted);
    transform: translateY(-50%);
}
.assignment-search .form-control { padding-left: 39px; }
.assignment-filter-reset {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 42px;
    padding-inline: 14px;
    border: 1px solid var(--assignment-border);
    border-radius: 10px;
    color: var(--assignment-muted);
    background: var(--assignment-surface);
    font-size: 13px;
}
.assignment-filter-reset:hover {
    border-color: var(--assignment-accent);
    color: var(--assignment-accent);
}
.assignment-results-meta {
    margin-bottom: 16px;
    color: var(--assignment-muted);
    font-size: 12px;
}

.assignment-vehicle-list { display: grid; gap: 14px; margin-bottom: 24px; }
.assignment-vehicle-group {
    overflow: hidden;
    border: 1px solid var(--assignment-border);
    border-radius: 14px;
    background: var(--assignment-surface);
}
.assignment-vehicle-toggle {
    width: 100%;
    min-height: 74px;
    gap: 14px;
    padding: 14px 18px;
    border: 0;
    color: var(--assignment-text);
    background: transparent;
    text-align: left;
}
.assignment-vehicle-toggle:hover { background: var(--assignment-surface-soft); }
.assignment-vehicle-mark {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    font-size: 18px;
}
.assignment-vehicle-copy {
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
}
.assignment-vehicle-copy strong {
    font-size: 17px;
    letter-spacing: .025em;
}
.assignment-vehicle-copy span {
    overflow: hidden;
    max-width: 100%;
    color: var(--assignment-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.assignment-vehicle-count {
    color: var(--assignment-muted);
    font-size: 12px;
    font-weight: 650;
}
.assignment-chevron {
    margin-left: 4px;
    color: var(--assignment-muted);
    transition: transform 200ms ease;
}
.assignment-vehicle-toggle:not(.collapsed) .assignment-chevron { transform: rotate(180deg); }
.assignment-vehicle-collapse { transition: height 200ms ease; }
.assignment-vehicle-body {
    padding: 4px 18px 18px;
    border-top: 1px solid var(--assignment-border);
}
.assignment-vehicle-body .assignment-card-grid { padding-top: 18px; }

.assignment-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
.assignment-general-grid { margin-top: 0; }
.assignment-asset-card {
    position: relative;
    display: flex;
    min-height: 210px;
    padding: 22px;
    flex-direction: column;
    border: 1px solid var(--assignment-border);
    border-radius: 14px;
    color: var(--assignment-text);
    background: var(--assignment-surface);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .04);
    text-decoration: none;
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}
.assignment-asset-card:hover {
    z-index: 1;
    border-color: var(--assignment-accent);
    color: var(--assignment-text);
    box-shadow: 0 15px 34px rgba(37, 99, 235, .13);
    transform: translateY(-3px);
}
[data-bs-theme="dark"] .assignment-asset-card {
    box-shadow: 0 5px 18px rgba(0, 0, 0, .16);
}
[data-bs-theme="dark"] .assignment-asset-card:hover {
    box-shadow: 0 17px 38px rgba(0, 0, 0, .32);
}
.assignment-card-icon {
    width: 38px;
    height: 38px;
    margin-top: 20px;
    border-radius: 10px;
    font-size: 17px;
}
.assignment-category {
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    color: #475569;
    background: #e2e8f0;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
    animation: assignmentBadgeFade 180ms ease both;
}
.assignment-category-vehicle-equipment { color: #1d4ed8; background: #dbeafe; }
.assignment-category-office { color: #047857; background: #d1fae5; }
.assignment-category-computer { color: #6d28d9; background: #ede9fe; }
.assignment-category-phone,
.assignment-category-tablet,
.assignment-category-gps,
.assignment-category-sim { color: #0e7490; background: #cffafe; }
.assignment-category-digital { color: #b45309; background: #fef3c7; }
[data-bs-theme="dark"] .assignment-category { color: #cbd5e1; background: #334155; }
[data-bs-theme="dark"] .assignment-category-vehicle-equipment { color: #93c5fd; background: rgba(37, 99, 235, .24); }
[data-bs-theme="dark"] .assignment-category-office { color: #6ee7b7; background: rgba(5, 150, 105, .2); }
[data-bs-theme="dark"] .assignment-category-computer { color: #c4b5fd; background: rgba(124, 58, 237, .2); }
[data-bs-theme="dark"] .assignment-category-phone,
[data-bs-theme="dark"] .assignment-category-tablet,
[data-bs-theme="dark"] .assignment-category-gps,
[data-bs-theme="dark"] .assignment-category-sim { color: #67e8f9; background: rgba(8, 145, 178, .2); }
.assignment-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: max-content;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}
.assignment-asset-card > .assignment-status {
    position: absolute;
    top: 19px;
    right: 20px;
}
.assignment-status-active { color: #047857; background: #d1fae5; }
.assignment-status-returned { color: #64748b; background: #e2e8f0; }
[data-bs-theme="dark"] .assignment-status-active { color: #6ee7b7; background: rgba(5, 150, 105, .18); }
[data-bs-theme="dark"] .assignment-status-returned { color: #cbd5e1; background: #334155; }
.assignment-asset-card h3 {
    margin: 13px 0 2px;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.35;
}
.assignment-document {
    margin: 0;
    color: var(--assignment-muted);
    font-family: var(--bs-font-monospace);
    font-size: 12px;
}
.assignment-device-meta {
    margin: 7px 0 0;
    color: var(--assignment-muted);
    font-size: 13px;
}
.assignment-card-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: auto 0 0;
    padding-top: 18px;
}
.assignment-card-details div {
    padding-top: 10px;
    border-top: 1px solid var(--assignment-border);
}
.assignment-card-details dt {
    margin-bottom: 2px;
    color: var(--assignment-muted);
    font-size: 11px;
    font-weight: 600;
}
.assignment-card-details dd { margin: 0; font-size: 13px; font-weight: 700; }
.assignment-detail-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 16px;
    color: var(--assignment-accent);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.assignment-detail-link i { transition: transform 150ms ease; }
.assignment-detail-link:hover i { transform: translateX(3px); }

.assignment-empty,
.assignment-no-results {
    display: flex;
    min-height: 240px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px dashed var(--assignment-border);
    border-radius: 14px;
    color: var(--assignment-muted);
    background: var(--assignment-surface-soft);
    text-align: center;
}
.assignment-empty > span {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    border-radius: 14px;
    color: var(--assignment-accent);
    background: var(--assignment-accent-soft);
    font-size: 21px;
}
.assignment-empty h3 { margin: 0; color: var(--assignment-text); font-size: 17px; }
.assignment-empty p { max-width: 390px; margin: 7px 20px 0; font-size: 13px; }
.assignment-no-results { min-height: 180px; margin-top: 20px; gap: 4px; }
.assignment-no-results i { margin-bottom: 5px; color: var(--assignment-accent); font-size: 22px; }
.assignment-no-results strong { color: var(--assignment-text); }
.assignment-no-results span { font-size: 12px; }
.assignment-asset-card[hidden],
.assignment-vehicle-group[hidden],
.assignment-no-results[hidden] { display: none !important; }

@keyframes assignmentBadgeFade {
    from { opacity: 0; transform: translateY(-2px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1199.98px) {
    .assignment-summary { grid-template-columns: 1fr auto; }
    .assignment-last-delivery { display: none; }
    .assignment-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .assignment-summary { grid-template-columns: 1fr; gap: 14px; }
    .assignment-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .assignment-metric { min-width: 0; padding-inline: 9px; }
    .assignment-toolbar { grid-template-columns: 1fr 1fr; }
    .assignment-search { grid-column: 1 / -1; }
    .assignment-filter-reset { justify-content: center; }
    .assignment-card-grid { grid-template-columns: 1fr; }
    .assignment-vehicle-count { display: none; }
}

@media (max-width: 575.98px) {
    .assignment-summary { padding: 16px; }
    .assignment-metrics { grid-template-columns: repeat(2, 1fr); }
    .assignment-toolbar { grid-template-columns: 1fr; }
    .assignment-search { grid-column: auto; }
    .assignment-vehicle-toggle { align-items: flex-start; padding: 14px; }
    .assignment-vehicle-toggle > .assignment-status { display: none; }
    .assignment-chevron { margin-top: 12px; }
    .assignment-vehicle-body { padding-inline: 14px; }
    .assignment-asset-card { min-height: 200px; padding: 20px; }
}

@media (prefers-reduced-motion: reduce) {
    .assignment-asset-card,
    .assignment-chevron,
    .assignment-detail-link i { transition: none; }
    .assignment-category { animation: none; }
}
.vehicle-thumbnail{width:52px;height:38px;overflow:hidden;border-radius:9px;background:var(--nc-bg);border:1px solid var(--nc-border);flex:0 0 auto}
.vehicle-thumbnail img{width:100%;height:100%;object-fit:cover}
.vehicle-profile-photo{width:min(100%,320px);height:190px;margin-inline:auto;border-radius:14px;overflow:hidden;background:#fff}
.vehicle-profile-photo img{width:100%;height:100%;object-fit:cover}

/* Araç Yönetimi sekmeleri */
.vehicle-tabs .nav-link{color:var(--nc-text-muted);font-weight:600;border:none;border-bottom:2px solid transparent}
.vehicle-tabs .nav-link.active{color:#2563eb;border-bottom-color:#2563eb;background:transparent}
.vehicle-kpi-link{text-decoration:none;display:block}
.dashboard-announcement{--announcement-accent:#2563eb;display:flex;align-items:center;gap:.65rem;min-width:0;width:100%;height:44px;padding:.55rem .85rem;border:1px solid color-mix(in srgb,var(--announcement-accent) 35%,transparent);border-radius:12px;background:color-mix(in srgb,var(--announcement-accent) 9%,var(--bs-body-bg));color:var(--bs-body-color);overflow:hidden}
.nc-topbar-announcement{flex:1 1 auto;min-width:0;margin-inline:1rem;overflow:hidden;container-type:inline-size}
.dashboard-announcement>i{color:var(--announcement-accent);flex:0 0 auto}.dashboard-announcement>strong{white-space:nowrap;color:var(--announcement-accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.045em}.dashboard-announcement-content{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.announcement-theme-info{--announcement-accent:#0891b2}.announcement-theme-success{--announcement-accent:#16a34a}.announcement-theme-warning{--announcement-accent:#d97706}.announcement-theme-danger{--announcement-accent:#dc2626}.announcement-theme-purple{--announcement-accent:#7c3aed}.announcement-theme-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2563eb}.announcement-theme-dot.announcement-theme-info{background:#0891b2}.announcement-theme-dot.announcement-theme-success{background:#16a34a}.announcement-theme-dot.announcement-theme-warning{background:#d97706}.announcement-theme-dot.announcement-theme-danger{background:#dc2626}.announcement-theme-dot.announcement-theme-purple{background:#7c3aed}
.dashboard-announcement[data-animation="marquee-left"] .dashboard-announcement-content{display:inline-block;overflow:visible;text-overflow:clip;animation:announcement-left var(--announcement-speed) linear infinite}.dashboard-announcement[data-animation="marquee-right"] .dashboard-announcement-content{display:inline-block;overflow:visible;text-overflow:clip;animation:announcement-right var(--announcement-speed) linear infinite}.dashboard-announcement[data-animation="fade"] .dashboard-announcement-content{animation:announcement-fade var(--announcement-speed) ease-in-out infinite}.dashboard-announcement[data-animation="slide"] .dashboard-announcement-content{animation:announcement-slide var(--announcement-speed) ease-in-out infinite}.dashboard-announcement[data-animation="typing"] .dashboard-announcement-content{width:0;animation:announcement-typing var(--announcement-speed) steps(40,end) infinite}
@keyframes announcement-left{from{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes announcement-right{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes announcement-fade{0%,100%{opacity:.2}50%{opacity:1}}@keyframes announcement-slide{0%{transform:translateY(100%);opacity:0}20%,80%{transform:none;opacity:1}100%{transform:translateY(-100%);opacity:0}}@keyframes announcement-typing{0%{width:0}70%,90%{width:100%}100%{width:0}}
@keyframes header-announcement-marquee{from{transform:translateX(100cqw)}to{transform:translateX(-100%)}}
.rich-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;padding:.55rem;border:1px solid var(--bs-border-color);border-bottom:0;border-radius:10px 10px 0 0;background:var(--bs-tertiary-bg)}.rich-toolbar button,.rich-toolbar select,.rich-toolbar label{height:34px;min-width:34px;border:1px solid var(--bs-border-color);border-radius:6px;background:var(--bs-body-bg);color:var(--bs-body-color);display:inline-flex;align-items:center;justify-content:center;padding:.35rem .55rem}.rich-toolbar input[type=color]{width:20px;height:20px;border:0;padding:0;margin-left:.3rem}.rich-editor{min-height:240px;padding:1rem;border:1px solid var(--bs-border-color);border-radius:0 0 10px 10px;background:var(--bs-body-bg);overflow-wrap:anywhere}.announcement-editor-page .dashboard-announcement{height:auto;min-height:48px}.announcement-editor-page #previewContent{overflow-wrap:anywhere}
.rich-editor.is-disabled{opacity:.55;background:var(--bs-tertiary-bg);cursor:not-allowed;pointer-events:none}
@media(max-width:767.98px){.dashboard-announcement{height:auto;min-height:44px;align-items:flex-start}.dashboard-announcement>strong{display:none}.dashboard-announcement-content{white-space:normal;overflow-wrap:anywhere}.rich-toolbar{gap:.25rem}}@media(prefers-reduced-motion:reduce){.dashboard-announcement-content{animation:none!important}}

/* Online Siparişler: günlük sipariş + iade operasyon merkezi */
.online-operations-page{--online-compact-border:color-mix(in srgb,var(--nc-border) 88%,transparent);font-size:.875rem}
.online-operations-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}
.online-operations-eyebrow{display:block;color:var(--nc-primary);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.12rem}
.online-operations-header h1{font-size:1.42rem;line-height:1.2;margin:0;font-weight:750;color:var(--nc-text-main)}
.online-operations-period{display:flex;align-items:center;gap:.45rem;padding:.48rem .7rem;border:1px solid var(--online-compact-border);border-radius:10px;background:var(--bs-body-bg);font-size:.76rem;color:var(--nc-text-muted);white-space:nowrap}
.online-operations-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;margin-bottom:.8rem}
.online-operation-kpi{display:grid;grid-template-columns:34px minmax(0,1fr);gap:.55rem;align-items:center;min-height:88px;padding:.72rem;border:1px solid var(--online-compact-border);border-radius:12px;background:var(--bs-body-bg);box-shadow:0 4px 12px rgba(15,23,42,.035)}
.online-operation-kpi-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--bs-tertiary-bg);font-size:1rem}
.online-operation-kpi div{min-width:0}.online-operation-kpi div>span,.online-operation-kpi small{display:block;color:var(--nc-text-muted)}.online-operation-kpi div>span{min-height:2.25em;font-size:.66rem;font-weight:700;line-height:1.12;text-transform:uppercase;letter-spacing:.025em;overflow-wrap:anywhere}.online-operation-kpi strong{display:block;margin:.12rem 0;font-size:1.08rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-operation-kpi small{font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.online-operations-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(225px,1fr);gap:.8rem;align-items:start}
.online-operations-main{display:grid;gap:.8rem;min-width:0}.online-operation-list-card{overflow:hidden}.online-operation-tabs{display:flex;align-items:center;gap:.35rem;min-height:46px;padding:.38rem .55rem;border-bottom:1px solid var(--online-compact-border)}
.online-operation-tab{display:flex;align-items:center;gap:.4rem;height:34px;padding:0 .72rem;border:0;border-radius:8px;background:transparent;color:var(--nc-text-muted);font-weight:700}.online-operation-tab:hover{background:var(--bs-tertiary-bg);color:var(--nc-text-main)}.online-operation-tab.active{background:var(--nc-primary-soft);color:var(--nc-primary)}.online-operation-tab span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 .3rem;border-radius:99px;background:color-mix(in srgb,currentColor 10%,transparent);font-size:.65rem}
.online-operation-filters{display:grid;grid-template-columns:minmax(210px,1.8fr) repeat(4,minmax(116px,.8fr)) auto;gap:.5rem;align-items:end;padding:.62rem;border-bottom:1px solid var(--online-compact-border);background:color-mix(in srgb,var(--bs-tertiary-bg) 54%,transparent)}.online-operation-filters>div{min-width:0}.online-operation-filters label{display:block;margin-bottom:.22rem;font-size:.61rem;font-weight:750;letter-spacing:.035em;text-transform:uppercase;color:var(--nc-text-muted)}.online-filter-actions{display:flex;gap:.35rem}.online-filter-actions .btn{min-width:62px}.online-filter-returns[hidden],.online-filter-orders[hidden]{display:none!important}
.online-operation-pane{display:none}.online-operation-pane.active{display:block}.online-operation-table-wrap{max-height:420px;overflow:auto}.online-operation-table{min-width:1040px}.online-operation-table thead{position:sticky;top:0;z-index:2;background:var(--bs-body-bg)}.online-operation-table th{padding:.48rem .55rem;font-size:.61rem;white-space:nowrap}.online-operation-table td,
:is(.online-orders-list-page,.online-returns-list-page,.online-pending-page) table.table > tbody > tr > td{padding:.48rem .55rem;font-size:.72rem;line-height:1.2}.online-operation-table td small,
:is(.online-orders-list-page,.online-returns-list-page,.online-pending-page) table.table > tbody > tr > td small{display:block;margin-top:.12rem;color:var(--nc-text-muted);font-size:.62rem}.online-operation-table tbody tr{cursor:pointer}.online-operation-table tbody tr.selected{background:var(--nc-primary-soft);box-shadow:inset 3px 0 0 var(--nc-primary)}.online-operation-table tbody tr:focus-visible{outline:2px solid var(--nc-primary);outline-offset:-2px}.online-truncate,.online-customer{display:block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-row-detail-button{padding:.18rem .48rem;font-size:.65rem}
.online-operation-table-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:46px;padding:.45rem .7rem;border-top:1px solid var(--online-compact-border);font-size:.72rem;color:var(--nc-text-muted)}.online-operation-table-footer .page-link{min-width:29px;text-align:center}
.marketplace-display{display:inline-flex;align-items:center;gap:.38rem;min-width:0;max-width:100%;vertical-align:middle}.marketplace-logo{display:block;width:76px;height:24px;max-width:76px;max-height:24px;object-fit:contain;object-position:left center;flex:0 0 auto}.marketplace-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit}.online-detail-grid .marketplace-display{min-height:24px}.online-detail-grid .marketplace-logo{width:88px;height:26px;max-width:88px;max-height:26px}
.online-operations-sidebar{position:sticky;top:74px;display:grid;gap:.7rem}.online-side-card{overflow:hidden}.online-side-card-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.62rem .7rem;border-bottom:1px solid var(--online-compact-border);font-size:.71rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.online-side-card-title span{display:flex;align-items:center;gap:.4rem}.online-side-card-title i{color:var(--nc-primary)}.online-side-card-title a{font-size:.62rem;text-transform:none;text-decoration:none}.online-side-list{display:grid}.online-side-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.56rem .7rem;border-bottom:1px solid var(--online-compact-border);color:var(--nc-text-main);font-size:.69rem;text-decoration:none}.online-side-list a:last-child{border:0}.online-side-list a:hover{background:var(--nc-primary-soft);color:var(--nc-primary)}.online-side-list strong{display:grid;place-items:center;min-width:25px;height:23px;padding:0 .35rem;border-radius:99px;background:var(--bs-tertiary-bg);font-size:.68rem}.online-delay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.55rem}.online-delay-grid a{display:grid;gap:.18rem;padding:.48rem .25rem;border:1px solid var(--online-compact-border);border-radius:8px;text-align:center;text-decoration:none}.online-delay-grid span{font-size:.61rem;color:var(--nc-text-muted)}.online-delay-grid strong{font-size:.92rem}.online-delay-success strong{color:#15803d}.online-delay-warning strong{color:#b45309}.online-delay-danger strong{color:#b91c1c}.online-side-empty{padding:1rem .7rem;text-align:center;color:var(--nc-text-muted);font-size:.7rem}.online-quick-actions{display:grid;gap:.45rem;padding:.65rem}.online-quick-actions .btn{display:flex;align-items:center;justify-content:flex-start;gap:.45rem;font-size:.7rem;text-align:left}.online-quick-actions form small{display:block;margin-top:.3rem;font-size:.61rem;line-height:1.3}
.online-operation-detail{overflow:hidden;min-height:190px}.online-operation-empty,.online-operation-loading{display:grid;place-items:center;align-content:center;gap:.35rem;min-height:188px;padding:1rem;text-align:center;color:var(--nc-text-muted)}.online-operation-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--nc-primary-soft);color:var(--nc-primary);font-size:1.1rem}.online-operation-empty strong{color:var(--nc-text-main)}.online-operation-empty p{max-width:430px;margin:0;font-size:.74rem}.online-operation-loading{grid-auto-flow:column;justify-content:center}
.online-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:53px;padding:.55rem .75rem;border-bottom:1px solid var(--online-compact-border)}.online-workspace-heading>div:first-child{display:flex;align-items:baseline;gap:.55rem;min-width:0}.online-workspace-heading>div:first-child span{font-size:.62rem;text-transform:uppercase;color:var(--nc-text-muted)}.online-workspace-heading>div:first-child strong{font-size:.88rem}.online-workspace-heading>div:first-child small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--nc-text-muted)}.online-related-returns{display:flex;gap:.3rem;overflow-x:auto}.online-related-returns button{padding:.25rem .48rem;border:1px solid var(--online-compact-border);border-radius:7px;background:var(--bs-body-bg);color:var(--nc-text-muted);font-size:.62rem;white-space:nowrap}.online-related-returns button.active{border-color:var(--nc-primary);background:var(--nc-primary-soft);color:var(--nc-primary)}
.online-detail-tabs{display:flex;gap:.15rem;padding:.38rem .55rem;border-bottom:1px solid var(--online-compact-border);overflow-x:auto}.online-detail-tabs button{padding:.4rem .55rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--nc-text-muted);font-size:.68rem;font-weight:700;white-space:nowrap}.online-detail-tabs button.active{border-color:var(--nc-primary);color:var(--nc-primary)}.online-detail-tabs button:disabled{opacity:.4}.online-detail-pane{display:none;padding:.7rem}.online-detail-pane.active{display:block}.online-compact-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.online-compact-info-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.online-compact-info-grid>div{min-width:0;padding:.48rem .55rem;border:1px solid var(--online-compact-border);border-radius:8px}.online-compact-info-grid span,.online-compact-info-grid strong{display:block}.online-compact-info-grid span{margin-bottom:.16rem;color:var(--nc-text-muted);font-size:.59rem;text-transform:uppercase;letter-spacing:.025em}.online-compact-info-grid strong{font-size:.71rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-subsection-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.72rem;padding:.5rem .1rem;border-bottom:1px solid var(--online-compact-border);font-size:.72rem;font-weight:800;text-transform:uppercase}.online-subsection-title small{color:var(--nc-text-muted);font-size:.61rem;text-transform:none}.online-detail-table{min-width:850px}.online-detail-table th{padding:.42rem .45rem;font-size:.6rem}.online-detail-table td{padding:.42rem .45rem;font-size:.68rem}.online-detail-table td small{display:block;color:var(--nc-text-muted);font-size:.61rem;margin-top:.15rem}
.online-return-info-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:.65rem}.online-info-card{padding:.6rem;border:1px solid var(--online-compact-border);border-radius:10px}.online-info-card h3{margin:0 0 .5rem;font-size:.68rem;font-weight:800;text-transform:uppercase}.online-operation-timeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;padding-top:.6rem}.online-operation-timeline>div{position:relative;display:flex;gap:.35rem;min-width:0}.online-operation-timeline>div>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--bs-tertiary-bg);color:var(--nc-text-muted)}.online-operation-timeline>div.done>span{background:#dcfce7;color:#15803d}.online-operation-timeline>div strong,.online-operation-timeline>div small{display:block}.online-operation-timeline>div strong{font-size:.61rem;line-height:1.25}.online-operation-timeline>div small{margin-top:.16rem;color:var(--nc-text-muted);font-size:.55rem;line-height:1.25}.online-workspace-history{max-height:300px;overflow:auto}.online-document-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.online-document-grid>div{display:flex;align-items:center;gap:.65rem;padding:.8rem;border:1px solid var(--online-compact-border);border-radius:10px}.online-document-grid>div>i{font-size:1.25rem;color:var(--nc-text-muted)}.online-document-grid>div.done>i{color:#15803d}.online-document-grid strong,.online-document-grid small{display:block}.online-document-grid strong{font-size:.72rem}.online-document-grid small{margin-top:.18rem;color:var(--nc-text-muted);font-size:.64rem}
@media(max-width:1399.98px){.online-operation-filters{grid-template-columns:minmax(190px,1.5fr) repeat(2,minmax(120px,1fr))}.online-filter-actions{grid-column:-2/-1}.online-operation-table-wrap{max-height:390px}.online-operation-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.online-compact-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1199.98px){.online-operations-layout{grid-template-columns:1fr}.online-operations-sidebar{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.online-operation-table-wrap{max-height:none}.online-operation-kpi{min-width:165px}.online-operations-kpis{overflow-x:auto;grid-template-columns:repeat(6,minmax(165px,1fr));padding-bottom:.25rem}.online-return-info-layout{grid-template-columns:1fr}}
@media(max-width:767.98px){.online-operations-page{padding-inline:.5rem}.online-operations-header{align-items:flex-start}.online-operations-period{font-size:0;width:38px;height:38px;justify-content:center}.online-operations-period i{font-size:.9rem}.online-operations-header h1{font-size:1.18rem}.online-operation-tabs{flex-wrap:wrap}.online-operation-tabs .ms-auto{margin-left:0!important}.online-operation-filters{grid-template-columns:1fr 1fr}.online-filter-search,.online-filter-actions{grid-column:1/-1}.online-filter-actions .btn{flex:1;min-height:40px}.online-operation-table{min-width:0}.online-operation-table-wrap{overflow:visible}.online-operation-table tbody tr.selected{box-shadow:inset 3px 0 0 var(--nc-primary)}.online-operation-table-footer{align-items:flex-start;flex-direction:column}.online-operations-sidebar{grid-template-columns:1fr}.online-workspace-heading{align-items:flex-start;flex-direction:column}.online-workspace-heading>div:first-child{align-items:flex-start;flex-direction:column;gap:.12rem}.online-compact-info-grid,.online-compact-info-grid.two-columns{grid-template-columns:1fr 1fr}.online-operation-timeline{grid-template-columns:1fr 1fr}.online-document-grid{grid-template-columns:1fr}.online-detail-pane{padding:.5rem}.online-detail-table{min-width:0}}
@media(max-width:479.98px){.online-operation-filters{grid-template-columns:1fr}.online-filter-search,.online-filter-actions{grid-column:auto}.online-compact-info-grid,.online-compact-info-grid.two-columns,.online-operation-timeline{grid-template-columns:1fr}}
/* Trafik Cezası Yönetimi: CONTROL kart ve tablo standardına bağlı, içerik kadar yükseklik. */
.traffic-fine-page .traffic-kpis .card { height: 100%; }
.traffic-fine-page .traffic-kpis .card-body { min-height: 104px; display: flex; flex-direction: column; justify-content: center; }
.traffic-fine-page .traffic-kpis span { color: var(--bs-secondary-color); font-size: .78rem; font-weight: 600; text-transform: uppercase; letter-spacing: .035em; }
.traffic-fine-page .traffic-kpis strong { display: block; margin-top: .35rem; font-size: 1.35rem; line-height: 1.2; overflow-wrap: anywhere; }
.traffic-fine-page .traffic-kpis small { font-size: .7em; }
.traffic-location { max-width: 230px; }
.traffic-upcoming { display: flex; justify-content: space-between; gap: 1rem; padding: .85rem 0; border-bottom: 1px solid var(--bs-border-color); color: inherit; }
.traffic-upcoming:last-child { border-bottom: 0; }
.traffic-upcoming div { display: flex; flex-direction: column; min-width: 0; }
.traffic-upcoming span { color: var(--bs-secondary-color); font-size: .78rem; }
.traffic-timeline { display: flex; align-items: flex-start; justify-content: center; }
.traffic-step { display: flex; flex: 0 1 135px; flex-direction: column; align-items: center; gap: .45rem; color: var(--bs-secondary-color); text-align: center; font-size: .78rem; font-weight: 600; }
.traffic-step i { display: grid; width: 36px; height: 36px; place-items: center; border: 2px solid var(--bs-border-color); border-radius: 50%; background: var(--bs-body-bg); font-size: 1rem; }
.traffic-step.done { color: var(--bs-primary); }
.traffic-step.done i { color: #fff; border-color: var(--bs-primary); background: var(--bs-primary); }
.traffic-line { flex: 1 1 80px; height: 2px; max-width: 120px; margin-top: 17px; background: var(--bs-border-color); }
.traffic-line.done { background: var(--bs-primary); }
.traffic-info-grid > div > div { height: 100%; min-height: 72px; padding: .85rem 1rem; border: 1px solid var(--bs-border-color); border-radius: .75rem; background: var(--bs-tertiary-bg); }
.traffic-info-grid span { display: block; margin-bottom: .3rem; color: var(--bs-secondary-color); font-size: .72rem; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; }
.traffic-info-grid strong { display: block; font-size: .92rem; overflow-wrap: anywhere; }
.traffic-actions-card .accordion-button { padding-inline: 0; font-size: .92rem; font-weight: 600; background: transparent; box-shadow: none; }
.traffic-actions-card .accordion-item { background: transparent; }
.traffic-history { padding: 1.5rem; }
.traffic-history-item { position: relative; display: grid; grid-template-columns: 36px 1fr; gap: .85rem; padding-bottom: 1.25rem; }
.traffic-history-item:not(:last-child)::before { content: ''; position: absolute; top: 34px; bottom: 3px; left: 17px; width: 2px; background: var(--bs-border-color); }
.traffic-history-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; color: var(--bs-primary); background: var(--bs-primary-bg-subtle); }
.traffic-history-item p { color: var(--bs-secondary-color); }
.traffic-history-item.reverted { opacity: .68; }
.traffic-chart { height: 330px; }
@media (max-width: 767.98px) {
  .traffic-timeline { align-items: stretch; flex-direction: column; gap: 0; }
  .traffic-step { flex: 0 auto; align-items: flex-start; flex-direction: row; text-align: left; }
  .traffic-line { width: 2px; height: 22px; min-height: 22px; margin: 0 0 0 17px; }
  .traffic-location { max-width: none; }
.traffic-chart { height: 270px; }
}

/* Global announcements: standard _Layout is the only integration point. */
.nc-global-announcements{display:flex;align-items:center;gap:.5rem;min-width:0;margin:.65rem 1rem 0;padding:0;position:relative}
.nc-announcement-stage{flex:1 1 auto;min-width:0}
.nc-announcement{--announcement-accent:#2563eb;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.65rem;min-width:0;padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--announcement-accent) 38%,transparent);border-left-width:4px;border-radius:10px;background:color-mix(in srgb,var(--announcement-accent) 8%,var(--bs-body-bg));color:var(--bs-body-color);box-shadow:0 2px 10px rgba(15,23,42,.04)}
.nc-announcement[hidden]{display:none!important}.nc-announcement.severity-critical{--announcement-accent:#dc2626}.nc-announcement.severity-warning{--announcement-accent:#d97706}.nc-announcement.severity-success{--announcement-accent:#16a34a}.nc-announcement.severity-info{--announcement-accent:#2563eb}
.nc-announcement-icon{color:var(--announcement-accent);font-size:1rem}.nc-announcement-copy{display:flex;align-items:baseline;gap:.45rem;min-width:0;font-size:clamp(.78rem,var(--announcement-font-size),1rem);line-height:1.35;overflow-wrap:anywhere}.nc-announcement-title{color:var(--announcement-accent);white-space:nowrap}.nc-announcement-content{min-width:0;overflow-wrap:anywhere}.nc-announcement-content p,.nc-announcement-content ul,.nc-announcement-content ol{margin:0}.nc-announcement-content ul,.nc-announcement-content ol{padding-left:1.15rem}.nc-announcement-content a{color:inherit;text-decoration:underline}.nc-announcement-action{white-space:nowrap;color:var(--announcement-accent);border-color:color-mix(in srgb,var(--announcement-accent) 55%,transparent)}.nc-announcement-action:hover{color:#fff;background:var(--announcement-accent);border-color:var(--announcement-accent)}
.nc-announcement-dismiss{margin:0}.nc-announcement-dismiss .nc-btn-icon{width:30px;height:30px;color:var(--announcement-accent)}.nc-announcement-nav{display:flex;align-items:center;gap:.15rem;flex:0 0 auto;font-size:.75rem;color:var(--nc-text-muted,#64748b)}.nc-announcement-nav .nc-btn-icon{width:30px;height:30px}.nc-announcement-nav .btn-link{font-size:.75rem;white-space:nowrap}.nc-announcement-list{max-width:min(360px,90vw);max-height:50vh;overflow:auto}.nc-announcement-list .dropdown-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nc-announcement[data-animation="fade"] .nc-announcement-copy{animation:announcement-fade var(--announcement-speed) ease-in-out infinite}.nc-announcement[data-animation="slide"] .nc-announcement-copy{animation:announcement-slide var(--announcement-speed) ease-in-out infinite}
@media(max-width:767.98px){.nc-global-announcements{align-items:stretch;margin:.5rem .65rem 0;flex-direction:column;gap:.2rem}.nc-announcement{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.45rem;padding:.55rem}.nc-announcement-copy{display:block;font-size:.83rem}.nc-announcement-title{display:block;white-space:normal;margin-bottom:.1rem}.nc-announcement-action{grid-column:2;justify-self:start;white-space:normal;text-align:left}.nc-announcement-dismiss{grid-column:3;grid-row:1}.nc-announcement-nav{align-self:flex-end}.nc-announcement-list{max-width:calc(100vw - 1.3rem)}}
@media(prefers-reduced-motion:reduce){.nc-announcement-copy{animation:none!important}}
.nc-topbar-announcement .nc-global-announcements{width:100%;height:40px;margin:0;gap:.25rem;overflow:hidden}
.nc-topbar-announcement .nc-announcement-stage{min-width:0;overflow:hidden}
.nc-topbar-announcement .nc-announcement{height:40px;min-height:40px;max-height:40px;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.4rem;padding:.3rem .45rem;border-left-width:3px;border-radius:9px;box-shadow:none;overflow:hidden}
.nc-topbar-announcement .nc-announcement-copy{display:flex;min-width:0;max-width:100%;align-items:center;gap:.35rem;overflow:hidden;white-space:nowrap;line-height:1.2;font-size:min(.78rem,var(--announcement-font-size))!important;text-decoration:none!important;animation:none!important;transform:none!important}
.nc-topbar-announcement .nc-announcement-title,.nc-topbar-announcement .nc-announcement-content,.nc-topbar-announcement .nc-announcement-content p,.nc-topbar-announcement .nc-announcement-content ul,.nc-topbar-announcement .nc-announcement-content ol,.nc-topbar-announcement .nc-announcement-content li{display:inline;min-width:0;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nc-topbar-announcement .nc-announcement-content{flex:1 1 auto}
.nc-topbar-announcement .nc-announcement-action{height:28px;padding:.2rem .45rem;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.nc-topbar-announcement .nc-announcement-dismiss .nc-btn-icon,.nc-topbar-announcement .nc-announcement-nav .nc-btn-icon{width:28px;height:28px}
.nc-topbar-announcement .nc-announcement-nav{height:40px;white-space:nowrap}
.nc-topbar-announcement .nc-announcement-nav .btn-link{padding-inline:.3rem;font-size:.68rem}
@container (max-width:360px){.nc-topbar-announcement .nc-announcement-title,.nc-topbar-announcement .nc-announcement-action,.nc-topbar-announcement .nc-announcement-nav .dropdown{display:none}.nc-topbar-announcement .nc-announcement{grid-template-columns:auto minmax(0,1fr) auto}.nc-topbar-announcement .nc-announcement-copy{display:block;text-overflow:ellipsis}.nc-topbar-announcement .nc-announcement-nav>span{font-size:.68rem}}
@container (max-width:220px){.nc-topbar-announcement .nc-announcement-nav{display:none}}
@media(max-width:767.98px){.nc-topbar-announcement{display:none}.nc-topbar{padding-inline:.75rem}}
.announcement-severity-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#2563eb;flex:0 0 auto}.announcement-severity-dot.severity-success{background:#16a34a}.announcement-severity-dot.severity-warning{background:#d97706}.announcement-severity-dot.severity-critical{background:#dc2626}.announcement-editor-page select[multiple]{min-height:8.5rem}.announcement-editor-page .validation-summary-valid{display:none}

/* Reusable searchable select: arama yalniz acilan listenin icindedir. */
.nc-searchable-select{position:relative;min-width:0;width:100%}
.nc-searchable-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important}
.nc-searchable-trigger{display:block;width:100%;min-height:38px;padding-right:4.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--bs-body-bg);color:var(--bs-body-color)}
.nc-searchable-trigger:focus-visible{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.nc-searchable-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nc-searchable-clear{position:absolute;z-index:3;top:50%;right:2rem;display:grid;width:28px;height:28px;padding:0;place-items:center;transform:translateY(-50%);border:0;border-radius:6px;background:transparent;color:var(--bs-secondary-color)}
.nc-searchable-clear:hover,.nc-searchable-clear:focus-visible{background:var(--bs-tertiary-bg);color:var(--bs-body-color)}
.nc-searchable-clear[hidden]{display:none}
.nc-searchable-menu{position:absolute;z-index:1060;top:calc(100% + 4px);left:0;width:100%;min-width:220px;padding:.45rem;border:1px solid var(--bs-border-color);border-radius:.65rem;background:var(--bs-body-bg);box-shadow:0 12px 30px rgba(15,23,42,.16)}
.nc-searchable-menu[hidden]{display:none}
.nc-searchable-search{height:36px;margin-bottom:.4rem}
.nc-searchable-options{max-height:240px;overflow:auto;overscroll-behavior:contain}
.nc-searchable-option{display:block;width:100%;padding:.5rem .6rem;border:0;border-radius:.45rem;background:transparent;color:var(--bs-body-color);text-align:left;overflow-wrap:anywhere}
.nc-searchable-option:hover,.nc-searchable-option:focus-visible{outline:0;background:var(--bs-primary-bg-subtle);color:var(--bs-primary-text-emphasis)}
.nc-searchable-option[aria-selected="true"]{background:var(--bs-primary-bg-subtle);color:var(--bs-primary-text-emphasis);font-weight:600}
.nc-searchable-option:disabled{opacity:.55}
.nc-searchable-empty{padding:.75rem;text-align:center;color:var(--bs-secondary-color);font-size:.875rem}
.personnel-advanced-fields .form-label{margin-bottom:.3rem;font-size:.82rem;font-weight:600}
.personnel-advanced-fields .form-text{font-size:.72rem;line-height:1.25}
@media(max-width:575.98px){.nc-searchable-menu{min-width:0;max-width:calc(100vw - 2rem)}.personnel-advanced-fields{padding:.75rem!important}}
.personnel-edit-page,#personnelEditForm{min-width:0;max-width:100%;overflow-x:clip}

.online-orders-page .online-reason-summary > .nc-datagrid-toolbar { display: none; }

/* Keep order values intact; the existing responsive wrapper provides scrolling. */
.nc-datagrid table[data-table-preference-key="online-orders-list"] {
    width: max-content;
    min-width: 100%;
    table-layout: auto;
}
.nc-datagrid table[data-table-preference-key="online-orders-list"] th,
.nc-datagrid table[data-table-preference-key="online-orders-list"] td {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

@media screen {
    .nc-content:has(> .online-operations-page) { padding-top: 15px; }
    .nc-content > .online-operations-page { padding-top: 0; }
}

.online-operation-table .online-customer-preview { display: inline-block; white-space: nowrap; }

@media screen {
    .nc-content:has(> .online-orders-list-page) { padding-top: 15px; }
    .nc-content > .online-orders-list-page { padding-top: 0; }
}
.online-orders-list-page .nc-datagrid-footer { flex-wrap: wrap; gap: .75rem; }
.online-orders-list-page .nc-datagrid-footer .nc-grid-page-size { display: flex; align-items: center; gap: .5rem; margin: 0; }
.online-orders-list-page .nc-datagrid-footer .nc-grid-page-size select { width: auto; min-width: 85px; }
@media print { #onlineOrdersFilterPanel { display: none !important; } }

@media screen {
    .nc-content:has(> .online-returns-list-page) { padding-top: 15px; }
    .nc-content > .online-returns-list-page { padding-top: 0; }
}
@media print { #onlineReturnsFilterPanel { display: none !important; } }

.online-returns-list-page .nc-datagrid table {
    width: max-content;
    min-width: 100%;
    table-layout: auto;
}
.online-returns-list-page .nc-datagrid th,
.online-returns-list-page .nc-datagrid td {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

@media screen {
    .nc-content:has(> .online-pending-page) { padding-top: 15px; }
    .nc-content > .online-pending-page { padding-top: 0; }
}

@media screen {
    .nc-content:has(> .online-reports-page) { padding-top: 15px; }
    .nc-content > .online-reports-page { padding-top: 0; }
}
.online-report-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 8px; }
.online-report-kpis .nc-card { margin: 0; border-radius: 12px; }
.online-report-kpis .nc-card-body { padding: 10px 12px; }
.online-report-kpis .nc-card-body > span { display: block; font-size: .72rem; line-height: 1.25; margin-bottom: 5px; }
.online-report-kpis .nc-card-body > strong { display: block; font-size: 1rem; line-height: 1.3; white-space: nowrap; }

.online-pending-page .online-pending-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 135px), 1fr));
    gap: 8px;
}
.online-pending-page .online-pending-card {
    grid-template-columns: 24px minmax(0, 1fr) auto;
    gap: 6px;
    padding: 8px;
    border-radius: 10px;
}
.online-pending-page .online-pending-card > i { width: 24px; height: 24px; border-radius: 6px; font-size: .8rem; }
.online-pending-page .online-pending-card > span { font-size: .68rem; line-height: 1.2; }
.online-pending-page .online-pending-card > strong { font-size: 1rem; white-space: nowrap; }

.vehicle-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: 8px; }
.vehicle-summary-grid .vehicle-kpi-link { height: 100%; }
.vehicle-summary-grid .ns-kpi-card { min-height: 64px; height: 100%; padding: 8px 10px; gap: 8px; border-radius: 10px; flex-direction: row; align-items: center; }
.vehicle-summary-grid .ns-icon { width: 28px; height: 28px; border-radius: 8px; font-size: .85rem; }
.vehicle-summary-grid .ns-kpi-card span { font-size: .68rem; line-height: 1.2; margin-bottom: 3px; }
.vehicle-summary-grid .ns-kpi-card strong { font-size: 1.05rem; line-height: 1.2; white-space: nowrap; }

@media screen {
    .nc-content:has(> .vehicle-list-page) { padding-top: 15px; }
    .nc-content > .vehicle-list-page { padding-top: 0; }
}
@media print { #vehicleFilterPanel { display: none !important; } }

@media screen {
    .nc-content:has(> .personnel-list-page) { padding-top: 15px; }
    .nc-content > .personnel-list-page { padding-top: 0; }
}
.personnel-list-kpis .card { padding: 10px 12px !important; }
.personnel-list-kpis .card > span { font-size: .75rem; }
.personnel-list-kpis .card > strong { font-size: 1.1rem !important; line-height: 1.3; margin-top: 3px; }
@media print { #personnelFilterPanel { display: none !important; } }

@media screen {
    .nc-content:has(> .assignment-list-page) { padding-top: 15px; }
    .nc-content > .assignment-list-page { padding-top: 0; }
}
.assignment-list-kpis .card { padding: 10px 12px !important; height: 100%; }
.assignment-list-kpis .card > span { font-size: .75rem; }
.assignment-list-kpis .card > strong { font-size: 1.1rem !important; line-height: 1.3; margin-top: 3px; }

.leave-summary-kpis .leave-summary-card { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 10px 12px; min-height: 64px; border-radius: 12px; }
.leave-summary-kpis .leave-summary-card > i { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; font-size: 1rem; }
.leave-summary-kpis .leave-summary-card span { display: block; font-size: .75rem; line-height: 1.2; }
.leave-summary-kpis .leave-summary-card strong { display: block; margin-top: 3px; font-size: 1.1rem; line-height: 1.2; }

@media screen {
    .nc-content:has(> .leave-list-page) { padding-top: 15px; }
    .nc-content > .leave-list-page { padding-top: 0; }
}
.leave-header-actions { display: flex; align-items: flex-start; gap: 8px; max-width: 100%; overflow-x: auto; }
.leave-header-actions > .btn { flex-shrink: 0; white-space: nowrap; }

@media screen {
    .nc-content:has(> .leave-all-page) { padding-top: 15px; }
    .nc-content > .leave-all-page { padding-top: 0; }
    .leave-all-page #leaveTable { width: max-content; min-width: 100%; table-layout: auto; }
    .leave-all-page #leaveTable th, .leave-all-page #leaveTable td { white-space: nowrap; overflow-wrap: normal; word-break: normal; }
}

/* Operation Control list pages */
@media screen {
    .nc-content:has(> .operation-layout-page) { padding-top: 15px; }
    .nc-content > .operation-layout-page { padding-top: 0; }
}
.operation-layout-page .operation-header-actions {
    display: flex; flex-wrap: wrap; align-items: center; align-self: flex-start;
    gap: 8px; max-width: 100%; min-width: 0; overflow: visible;
}
.operation-layout-page .operation-header-actions > * { flex: 0 0 auto; white-space: nowrap; }
.operation-layout-page .fuel-kpi-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 155px), 1fr)); gap: 8px; }
.operation-layout-page .fuel-kpi .card-body,
.operation-layout-page .traffic-kpis .card-body,
.operation-layout-page .parking-kpi .card-body { padding: 10px 12px; }
.operation-layout-page .fuel-kpi .value,
.operation-layout-page .traffic-kpis strong,
.operation-layout-page .parking-kpi strong { font-size: 1.05rem; line-height: 1.3; white-space: nowrap; overflow-x: auto; }
.operation-layout-page .fuel-kpi .small,
.operation-layout-page .traffic-kpis span,
.operation-layout-page .parking-kpi span { font-size: .72rem; }
.operation-layout-page .traffic-kpis,
.operation-layout-page .parking-kpi-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 155px), 1fr)); gap: 8px; margin: 0 0 16px; }
.operation-layout-page .traffic-kpis > div,
.operation-layout-page .parking-kpi-row > div { width: auto !important; padding: 0; margin: 0; min-width: 0; }
.operation-layout-page .parking-kpi i { font-size: .85rem; }
.operation-layout-page .parking-kpi span.mt-2 { margin-top: 4px !important; }
.operation-layout-page .fuel-kpi,
.operation-layout-page .parking-kpi,
.operation-layout-page .traffic-kpis .card { border-radius: 12px !important; height: 100%; }
@media print { .operation-layout-page [id^="operationFilter"] { display: none !important; } }

.operation-layout-page .parking-page-actions { flex-wrap: nowrap; flex-shrink: 0; }
@media (max-width: 575.98px) {
    .operation-layout-page .parking-page-actions { gap: 4px !important; }
    .operation-layout-page .parking-page-actions > .btn { flex: 1 1 auto; min-width: 0; padding: 7px 5px; font-size: .7rem; }
    .operation-layout-page .parking-page-actions > .btn i { margin-right: 2px !important; }
}

.operation-layout-page .kilometer-summary-badges { flex-wrap: nowrap; flex-shrink: 0; }
@media (max-width: 575.98px) {
    .operation-layout-page .kilometer-summary-badges { gap: 4px !important; }
    .operation-layout-page .kilometer-summary-badges > .badge { padding: 7px 6px !important; font-size: .62rem; }
}

.traffic-fine-page .traffic-kpis .card-body { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; gap: 9px; min-height: 82px; padding: 12px; }
.traffic-fine-page .traffic-stat-icon { display: grid; place-items: center; width: 30px; height: 34px; border-radius: 10px; font-size: 1rem; }
.traffic-fine-page .traffic-stat-copy { min-width: 0; }
.traffic-fine-page .traffic-stat-copy > span { display: block; font-size: .65rem; line-height: 1.3; letter-spacing: .02em; }
.traffic-fine-page .traffic-stat-copy > strong { margin-top: 5px; font-size: 1.05rem; }

@media screen {
    .nc-content:has(> .cash-dashboard-nav) { padding-top: 15px; }
    .nc-content > .cash-dashboard-nav { padding-top: 0; }
}
.cash-dashboard-nav { margin-bottom: 14px; }
.cash-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 8px; }
.cash-summary-grid .card { border-radius: 12px; }
.cash-summary-grid .card-body { padding: 10px 12px; }
.cash-summary-label { display: flex; align-items: center; gap: 7px; margin-bottom: 7px; }
.cash-summary-label > i { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 8px; font-size: .95rem; }
.cash-summary-label > small { font-size: .72rem; line-height: 1.2; }
.cash-summary-value { display: block; font-size: 1.05rem; line-height: 1.25; white-space: nowrap; }
.cash-dashboard-page .card-header { flex-wrap: wrap; gap: 8px; }

@media screen {
    .nc-content:has(> .maintenance-list-page) { padding-top: 15px; }
    .nc-content > .maintenance-list-page { padding-top: 0; }
}
.maintenance-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 155px), 1fr)); gap: 8px; }
.maintenance-summary-item { min-width: 0; }
.maintenance-summary-item > a { display: block; height: 100%; }
.maintenance-list-page .maintenance-kpi .card-body { padding: 10px 12px; gap: 8px !important; }
.maintenance-list-page .maintenance-kpi .ns-icon { width: 28px; height: 28px; border-radius: 8px; font-size: .85rem; }
.maintenance-list-page .maintenance-kpi strong { font-size: 1rem; white-space: nowrap; }
.maintenance-list-page .maintenance-kpi span { font-size: .7rem; }
.maintenance-list-header .btn { white-space: nowrap; }
@media print { #maintenanceFilterPanel { display: none !important; } }

/* Keep compact table controls beside the search field. */
@media (min-width: 768px) {
    :is(.traffic-fine-page, .leave-list-page, .tire-detail) .nc-datagrid-toolbar { flex-wrap: nowrap; gap: .5rem; }
    :is(.traffic-fine-page, .leave-list-page, .tire-detail) .nc-grid-search { flex: 1 1 180px; min-width: 110px; max-width: 250px; }
    :is(.traffic-fine-page, .leave-list-page, .tire-detail) .nc-grid-search input { width: 100%; min-width: 0; }
    :is(.traffic-fine-page, .leave-list-page, .tire-detail) .nc-grid-actions { flex: 0 0 auto; flex-wrap: nowrap; gap: .35rem; }
    :is(.traffic-fine-page, .leave-list-page, .tire-detail) .nc-grid-actions .btn { padding-inline: .6rem; font-size: .85rem; white-space: nowrap; }
}

/* Compact the six executive fuel summary cards. */
[data-financial-panel="executive"] > .row:has(> div > .financial-kpi) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 8px;
    margin-inline: 0;
}
[data-financial-panel="executive"] > .row > div:has(> .financial-kpi) {
    width: auto; min-width: 0; padding: 0; margin-top: 0;
}
[data-financial-panel="executive"] .financial-kpi {
    padding: 10px 12px !important; border-radius: 10px; font-size: .8rem; line-height: 1.4;
}
[data-financial-panel="executive"] .financial-kpi .financial-label { font-size: .63rem; letter-spacing: .02em; }
[data-financial-panel="executive"] .financial-kpi .financial-value { font-size: 1rem; }
[data-financial-panel="executive"] .financial-kpi .small { font-size: .72rem; }
[data-financial-panel="executive"] .financial-kpi .mt-2 { margin-top: 4px !important; }
[data-financial-panel="executive"] .financial-kpi .mt-1 { margin-top: 2px !important; }

/* Keep approval rows compact while preserving full text for search and export. */
.operation-approvals-table th { white-space: nowrap; }
.operation-approvals-table .approval-vehicle-name,
.operation-approvals-table .approval-summary-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.operation-approvals-table .approval-vehicle-name { max-width: 180px; }
.operation-approvals-table .approval-summary-line { max-width: clamp(180px, 22vw, 340px); }

/* Shared compact data presentation across management and personnel screens. */
@media screen {
    .nc-content { --nc-data-font-size: .8125rem; }
    .nc-content table.table { font-size:var(--nc-data-font-size); line-height:1.45; font-variant-numeric:tabular-nums; }
    .nc-content table.table > thead > tr > th { font-size:.7rem; white-space:nowrap; }
    .nc-content table.table > tbody > tr:not(.collapse) > td { vertical-align:middle; }
    .nc-content table.table .nc-compact-cell { max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .nc-content table.table .nc-compact-cell > :is(a,span,strong,small,div):not(.visually-hidden) {
        max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; overflow-wrap:normal; word-break:normal;
    }
    .nc-content table.table .nc-compact-cell > :is(a,strong):only-child { display:inline-block; vertical-align:middle; }
    .nc-content table.table .nc-compact-cell :is(.fs-5,.fs-6) { font-size:inherit!important; }
    .nc-content table.table .btn { font-size:.75rem; padding:5px 8px; white-space:nowrap; }
    .nc-content :is(.card-body,.nc-card-body,dl,.list-group-item,.tire-set-members,.tire-mobile,.traffic-info-grid) { font-size:var(--nc-data-font-size); }
    .nc-content :is(.ns-kpi-card,.parking-kpi,.maintenance-kpi,.traffic-stat-copy,.tire-kpi) strong { font-size:1rem; font-variant-numeric:tabular-nums; }
}
@media screen and (min-width:768px) {
    .nc-content table.table > tbody > tr:not(.collapse) > td:not([colspan]) { padding:12px 8px; }
}
@media screen and (max-width:767.98px) {
    .nc-content .nc-datagrid table.table .nc-compact-cell { max-width:none; white-space:normal; overflow:visible; }
    .nc-content .nc-datagrid table.table .nc-compact-cell > :is(a,span,strong,small,div):not(.visually-hidden) {
        white-space:normal; overflow-wrap:anywhere; text-overflow:clip;
    }
}
/* Vehicle fuel tab: size summary cards by available panel width. */
.vehicle-fuel-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; }
.vehicle-fuel-heading > button { grid-column:2; grid-row:1; white-space:nowrap; }
.vehicle-fuel-periods { grid-column:1 / -1; grid-row:2; display:flex; flex-wrap:wrap; gap:6px; }
.vehicle-fuel-periods .btn { white-space:nowrap; border-radius:7px; }
.vehicle-fuel-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); gap:8px; }
.vehicle-fuel-metrics > .col { min-width:0; }
.vehicle-fuel-metrics > .col > div { padding:12px!important; }
.vehicle-fuel-metrics span { font-size:.75rem; line-height:1.4; margin-bottom:5px; }
.vehicle-fuel-metrics strong { display:block; font-size:1rem; line-height:1.4; font-variant-numeric:tabular-nums; }
.vehicle-fuel-metrics strong, .vehicle-fuel-metrics span, .vehicle-fuel-metrics small { white-space:nowrap; }
.vehicle-fuel-metrics small { font-size:.72rem; margin-top:3px; }
@media (max-width:575.98px) {
    .vehicle-fuel-heading { grid-template-columns:1fr; }
    .vehicle-fuel-heading > button { grid-column:1; grid-row:3; justify-self:start; }
}

/* Compact controls and readable values throughout the vehicle fuel panel. */
#fuel .vehicle-fuel-comparison .d-flex { gap:12px; align-items:baseline; flex-wrap:wrap; padding:5px 0; font-size:.8125rem; }
#fuel .vehicle-fuel-comparison strong { font-size:.875rem; white-space:nowrap; font-variant-numeric:tabular-nums; }
.vehicle-fuel-secondary { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:8px; }
.vehicle-fuel-secondary > .col { min-width:0; }
#fuel .vehicle-fuel-secondary strong { display:block; white-space:nowrap; font-size:.875rem; line-height:1.5; font-variant-numeric:tabular-nums; }
#fuel .vehicle-fuel-secondary .small { font-size:.75rem; margin-bottom:4px; }
@media screen {
    :is(#fuel, #tires, .tab-content:has(#tires) #documents, #detailsTabContent > #finance, #detailsTabContent > #insurance) .nc-datagrid-toolbar { flex-wrap:nowrap; gap:8px; padding:12px 0; }
    :is(#fuel, #tires, .tab-content:has(#tires) #documents, #detailsTabContent > #finance, #detailsTabContent > #insurance) .nc-grid-search { flex:1 1 140px; width:auto; min-width:90px; max-width:240px; }
    :is(#fuel, #tires, .tab-content:has(#tires) #documents, #detailsTabContent > #finance, #detailsTabContent > #insurance) .nc-grid-actions { flex:0 0 auto; flex-wrap:nowrap; gap:5px; }
    :is(#fuel, #tires, .tab-content:has(#tires) #documents, #detailsTabContent > #finance, #detailsTabContent > #insurance) .nc-grid-actions .btn { padding:6px 8px; font-size:.75rem; white-space:nowrap; gap:4px; }
    :is(#fuel, #tires, .tab-content:has(#tires) #documents, #detailsTabContent > #finance, #detailsTabContent > #insurance) .nc-datagrid-footer { padding:10px 4px; gap:8px; flex-wrap:wrap; font-size:.72rem; }
}
@media screen and (max-width:575.98px) {
    :is(#fuel, #tires, .tab-content:has(#tires) #documents, #detailsTabContent > #finance, #detailsTabContent > #insurance) .nc-datagrid-toolbar { flex-wrap:wrap; }
    :is(#fuel, #tires, .tab-content:has(#tires) #documents, #detailsTabContent > #finance, #detailsTabContent > #insurance) .nc-grid-search { flex-basis:100%; max-width:none; }
    :is(#fuel, #tires, .tab-content:has(#tires) #documents, #detailsTabContent > #finance, #detailsTabContent > #insurance) .nc-grid-actions { flex-wrap:wrap; }
}

/* Compact typography and responsive summaries across the fleet fuel report. */
#detailsTabContent > #finance > .container { padding:0; }
#detailsTabContent > #finance .card { padding:18px!important; margin-bottom:16px!important; }
#detailsTabContent > #finance :is(h4,h5) { font-size:1rem; line-height:1.4; }
#detailsTabContent > #finance :is(strong,.fw-bold) { font-weight:600!important; }
#detailsTabContent > #finance strong { font-size:.8125rem; font-variant-numeric:tabular-nums; color:var(--bs-body-color)!important; }
#detailsTabContent > #finance :is(small,.small,.form-label) { font-size:.75rem; line-height:1.5; }
#detailsTabContent > #finance .card > .row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0 0 20px; }
#detailsTabContent > #finance .card > .row > div { width:auto; min-width:0; margin:0; padding:0; }
#detailsTabContent > #finance form.row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0; align-items:end; }
#detailsTabContent > #finance form.row > div { width:auto; min-width:0; padding:0; margin:0; }
#detailsTabContent > #finance form.row > .col-12 { grid-column:1 / -1; }
#detailsTabContent > #finance .form-label { white-space:nowrap; margin-bottom:5px; font-weight:600; }
#detailsTabContent > #finance .form-control { font-size:.8125rem; padding:9px 10px; min-height:40px; }
#detailsTabContent > #finance form button { white-space:nowrap; font-size:.8125rem; padding:9px 10px; min-height:40px; }
#detailsTabContent > #finance #usagePreview { padding:10px 12px; font-size:.8125rem; line-height:1.5; }
@media(min-width:1400px) { #detailsTabContent > #finance .card > .row:not(form) { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:575.98px) {
    #detailsTabContent > #finance .card { padding:12px!important; }
    #detailsTabContent > #finance form.row { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #detailsTabContent > #finance form.row > .d-flex { grid-column:1 / -1; }
}
/* Vehicle editing: restrained heading, distinct sections and reachable actions. */
.container:has(#edit-vehicle-form) { max-width:1180px; padding-top:16px!important; }
.container:has(#edit-vehicle-form) > .row > .col-lg-10 { width:100%; }
.card:has(> .card-body > #edit-vehicle-form) { overflow:visible!important; border:1px solid var(--bs-border-color)!important; }
.card:has(> .card-body > #edit-vehicle-form) > .bg-primary {
    background:var(--bs-body-bg)!important; color:var(--bs-body-color)!important;
    border-bottom:1px solid var(--bs-border-color); border-top:3px solid var(--bs-primary);
    border-radius:16px 16px 0 0; padding:20px 24px!important;
}
.card:has(> .card-body > #edit-vehicle-form) > .bg-primary h3 { font-size:1.35rem; font-weight:650!important; }
.card:has(> .card-body > #edit-vehicle-form) > .bg-primary p { font-size:.8125rem; line-height:1.6; color:var(--bs-secondary-color); opacity:1!important; }
.card:has(> .card-body > #edit-vehicle-form) > .card-body { padding:20px!important; border-radius:0 0 16px 16px; }
#edit-vehicle-form > .mb-4 { padding:18px; border:1px solid var(--bs-border-color); border-radius:12px; background:var(--bs-body-bg); margin-bottom:16px!important; }
#edit-vehicle-form h5 { font-size:.9375rem; font-weight:600!important; color:var(--bs-body-color)!important; padding-bottom:12px!important; }
#edit-vehicle-form h5 > span { background:var(--nc-primary-soft)!important; color:var(--bs-primary)!important; border-radius:7px!important; flex-shrink:0; }
#edit-vehicle-form .form-label { font-size:.75rem; font-weight:600; margin-bottom:6px; }
#edit-vehicle-form .form-control, #edit-vehicle-form .form-select { font-size:.8125rem; min-height:40px; padding:9px 12px; border-radius:8px; }
#edit-vehicle-form .form-select { padding-right:32px; }
#edit-vehicle-form small, #edit-vehicle-form .field-validation-error { font-size:.72rem; line-height:1.5; }
#edit-vehicle-form :is(input,select,textarea) { scroll-margin-top:100px; scroll-margin-bottom:100px; }
#edit-vehicle-form > .d-flex:last-child {
    position:sticky; bottom:12px; z-index:10; background:var(--bs-body-bg);
    padding:12px 16px!important; margin-top:16px!important; border:1px solid var(--bs-border-color);
    border-radius:12px; box-shadow:0 4px 18px rgba(15,23,42,.08); gap:10px!important;
}
#edit-vehicle-form > .d-flex:last-child .btn { border-radius:8px!important; font-size:.8125rem; min-height:40px; padding:8px 20px!important; }
@media(max-width:575.98px) {
    .card:has(> .card-body > #edit-vehicle-form) > .card-body { padding:12px!important; }
    .card:has(> .card-body > #edit-vehicle-form) > .bg-primary { padding:16px!important; }
    #edit-vehicle-form > .mb-4 { padding:12px; }
    #edit-vehicle-form > .d-flex:last-child { bottom:8px; padding:10px!important; }
    #edit-vehicle-form > .d-flex:last-child .btn { flex:1; padding:8px 10px!important; }
}
#accountingStageNotice .modal-dialog { max-width:480px; padding-top:32px; }
#accountingStageNotice .modal-content {
    position:relative; border:1px solid var(--bs-border-color); border-radius:26px;
    background:var(--bs-body-bg); padding:70px 32px 30px;
    box-shadow:0 24px 70px rgba(15,23,42,.2); text-align:center;
}
#accountingStageNotice .modal-content::before {
    content:""; position:absolute; top:-38px; left:50%; transform:translateX(-50%);
    width:96px; height:96px; border:8px solid var(--bs-body-bg); border-radius:50%;
    background-color:#eaf1ff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M15 20a9 9 0 0 1 18 0c0 10 4 11 4 13H11c0-2 4-3 4-13Z' fill='%232563eb' stroke='%231d4ed8' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M20 38a4 4 0 0 0 8 0M24 8v3' stroke='%231d4ed8' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M18 20c0-3 2-6 5-6' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat; background-position:center; background-size:52px;
    box-shadow:0 8px 24px rgba(37,99,235,.12);
}
#accountingStageNotice .modal-header { display:block; border:0; padding:0; }
#accountingStageNotice .modal-title { font-size:1.35rem!important; font-weight:700; letter-spacing:-.025em; }
#accountingStageNotice .btn-close {
    position:absolute; top:18px; right:18px; margin:0; padding:8px;
    background-color:transparent; border-radius:50%; opacity:.65;
}
#accountingStageNotice .btn-close:hover { opacity:1; }
#accountingStageNotice .modal-body { padding:14px 0 24px; color:var(--bs-secondary-color); font-size:.9375rem; line-height:1.7; }
#accountingStageNotice .modal-footer { border:0; padding:0; justify-content:center; }
#accountingStageNotice .modal-footer .btn { width:100%; max-width:280px; min-height:44px; margin:0; border-radius:12px; font-size:.9375rem; }
@media(max-width:575.98px) {
    #accountingStageNotice .modal-dialog { margin:16px; }
    #accountingStageNotice .modal-content { padding:66px 22px 24px; }
}
#acceptDecision .form-label { font-size:.75rem; margin-bottom:4px; }
#acceptDecision .form-control, #acceptDecision .form-select {
    font-size:.75rem; padding:8px 10px; min-height:36px;
}
#acceptDecision .form-select { padding-right:30px; white-space:nowrap; text-overflow:ellipsis; }
#acceptDecision textarea.form-control { min-height:64px; height:64px; }
#acceptDecision > .btn { font-size:.8125rem; padding:8px 12px; }
#fleetFuelReports .comparison-switches { display:grid; gap:8px; max-height:320px; overflow-y:auto; padding:3px; }
#fleetFuelReports .row:has(> div > #comparisonForm) > div { width:100%; }
#fleetFuelReports .row:has(> div > #comparisonForm) > div > .alert {
    padding:10px 12px; font-size:.8125rem; line-height:1.5;
}
#fleetFuelReports .row:has(> div > #comparisonForm) > div > .alert br { display:none; }
#fleetFuelReports .row:has(> div > #comparisonForm) > div > .alert b { margin-right:8px; }
@media(min-width:768px) {
    #fleetFuelReports .comparison-switches { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
#fleetFuelReports .comparison-switch-row {
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:10px 12px; border:1px solid var(--bs-border-color); border-radius:10px;
    cursor:pointer; margin:0;
}
#fleetFuelReports .comparison-switch-row:has(input:checked) { border-color:var(--bs-primary); background:var(--nc-primary-soft); }
#fleetFuelReports .comparison-switch-row:focus-within { outline:2px solid var(--bs-primary); outline-offset:1px; }
#fleetFuelReports .comparison-switch-copy { display:flex; flex-wrap:wrap; gap:4px 10px; font-size:.8125rem; min-width:0; }
#fleetFuelReports .comparison-switch-copy strong { white-space:nowrap; font-weight:600; }
#fleetFuelReports .comparison-switch-copy > span { color:var(--bs-secondary-color); overflow-wrap:anywhere; }
#fleetFuelReports .comparison-switch-row .form-switch { flex:0 0 auto; }
#fleetFuelReports .comparison-switch-row input { width:2.5em; height:1.35em; cursor:pointer; }
#fleetFuelReports .fleet-tabs { gap:2px; overflow-y:hidden!important; }
#fleetFuelReports .fleet-tabs .nav-link { padding:10px 9px; font-size:.8125rem; }
#fleetFuelReports .fleet-report-card .card-body { padding:14px 16px; }
#fleetFuelReports .fleet-report-card .label {
    font-size:.6875rem; font-weight:600; letter-spacing:.015em; line-height:1.5;
}
#fleetFuelReports .fleet-report-card .fw-bold {
    font-size:.8125rem; font-weight:600!important; font-variant-numeric:tabular-nums;
}
#fleetFuelReports .fleet-report-rank { font-size:.8125rem; line-height:1.8; font-variant-numeric:tabular-nums; }
#fleetFuelReports .fleet-report-card small { font-size:.75rem; }
#fleetFuelReports [data-report-panel="overview"] > .card:has(.attention-link) > .card-body {
    padding:16px;
}
#fleetFuelReports [data-report-panel="overview"] > .card:has(.attention-link) h2 {
    font-size:.9375rem; font-weight:600; margin-bottom:12px!important;
}
#fleetFuelReports .attention-link { display:block; height:100%; }
#fleetFuelReports .attention-link .card-body { padding:12px 14px; }
#fleetFuelReports .attention-link .fs-4 {
    font-size:1rem!important; font-weight:600!important;
    line-height:1.5; font-variant-numeric:tabular-nums;
}
#fleetFuelReports .attention-link .text-muted { font-size:.8125rem; line-height:1.5; }
#fleetFuelReports [data-report-panel="overview"] > .alert {
    padding:12px 16px; font-size:.8125rem; line-height:1.6;
    overflow-wrap:break-word;
}
#fleetFuelReports [data-report-panel="overview"] > .alert b { font-weight:600; }
#fleetFuelReports [data-report-panel="overview"] > .row:first-child {
    display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 16px;
}
#fleetFuelReports [data-report-panel="overview"] > .row:first-child > div { width:auto; min-width:0; padding:0; margin:0; }
#fleetFuelReports [data-report-panel="overview"] > .row:first-child .fw-bold { white-space:nowrap; }
#fleetFuelReports .fleet-filter-label { font-size:.6875rem; letter-spacing:.015em; }
@media(min-width:1600px) {
    #fleetFuelReports [data-report-panel="overview"] > .row:first-child { grid-template-columns:repeat(6,minmax(0,1fr)); }
}
@media(max-width:575.98px) {
    #fleetFuelReports [data-report-panel="overview"] > .row:first-child { grid-template-columns:repeat(2,minmax(0,1fr)); }
    #fleetFuelReports .fleet-report-card .card-body { padding:12px; }
}
/* Match station summaries to the compact financial data typography. */
#fleetFinancialReport [data-financial-panel="stations"] .financial-rank {
    padding:12px 14px!important;
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}
#fleetFinancialReport [data-financial-panel="stations"] .financial-label {
    font-size:.65rem;
    font-weight:600;
    letter-spacing:.015em;
    line-height:1.5;
}
#fleetFinancialReport [data-financial-panel="stations"] .financial-rank > .fw-bold {
    margin-top:3px!important;
    font-size:.8125rem;
    font-weight:600!important;
}
#fleetFinancialReport [data-financial-panel="stations"] .financial-value {
    font-size:1rem;
    font-weight:600;
    line-height:1.5;
    font-variant-numeric:tabular-nums;
}
#fleetFinancialReport [data-financial-panel="stations"] .financial-rank > .small {
    font-size:.75rem;
    line-height:1.5;
}
#fleetFinancialReport [data-financial-panel="stations"] > .alert {
    margin-bottom:12px;
    font-size:.75rem;
    line-height:1.5;
}
/* Keep the vehicle list heading and primary actions compact. */
.vehicle-list-page > .d-flex:has(h1) h1 { white-space:nowrap; }
.vehicle-list-page > .d-flex:has(h1) > .d-flex { align-items:center; }
.vehicle-list-page > .d-flex:has(h1) > .d-flex .btn { font-size:.8125rem; white-space:nowrap; padding:8px 10px!important; min-height:36px; }
@media (min-width:1200px) {
    .vehicle-list-page > .d-flex:has(h1) { gap:12px!important; }
    .vehicle-list-page > .d-flex:has(h1) > .d-flex { flex-wrap:nowrap!important; gap:6px!important; }
}

/* Vehicle list: keep toolbar clear of the scroll edge and status controls compact. */
.vehicle-list-page .nc-datagrid-toolbar { padding-right: 16px; }
.vehicle-list-page .nc-grid-actions { gap: 6px; }
.vehicle-list-page .nc-grid-actions .btn { white-space: nowrap; }
.vehicle-list-page .vehicle-status-toggle { display:inline-flex; align-items:center; gap:7px; cursor:pointer; white-space:nowrap; font-size:12px; margin:0; }
.vehicle-list-page .vehicle-status-toggle input { appearance:none; width:32px; height:18px; border:1px solid #94a3b8; border-radius:20px; background:#94a3b8; position:relative; cursor:pointer; margin:0; flex:none; }
.vehicle-list-page .vehicle-status-toggle input::before { content:""; position:absolute; width:12px; height:12px; top:2px; left:2px; background:white; border-radius:50%; transition:transform .15s; }
.vehicle-list-page .vehicle-status-toggle input:checked { background:#198754; border-color:#198754; }
.vehicle-list-page .vehicle-status-toggle input:checked::before { transform:translateX(14px); }
.vehicle-list-page .vehicle-status-toggle input:focus-visible { outline:3px solid #93c5fd; outline-offset:3px; }
.vehicle-list-page .vehicle-status-toggle input:disabled { opacity:.55; cursor:wait; }
@media(max-width:575.98px) { .vehicle-list-page .nc-datagrid-toolbar { padding-right:16px; } }

.vehicle-list-page .nc-grid-search { flex:1 1 180px; min-width:130px; max-width:260px; }
.vehicle-list-page .nc-grid-actions { flex-wrap:wrap; justify-content:flex-end; }
#vehicles-table > :is(thead,tbody) > tr > :last-child:not([colspan]) { position:sticky; right:0; z-index:2; background:var(--nc-surface,#fff); box-shadow:-5px 0 8px -7px #64748b; min-width:130px; }
#vehicles-table > thead > tr > :last-child { z-index:11; }

#vehicles-table { table-layout:fixed; width:100%; min-width:850px; }
#vehicles-table th:nth-child(1) { width:28%; }
#vehicles-table th:nth-child(2) { width:13%; }
#vehicles-table th:nth-child(3) { width:15%; }
#vehicles-table th:nth-child(4) { width:10%; }
#vehicles-table th:nth-child(5) { width:10%; }
#vehicles-table th:nth-child(6) { width:12%; }
#vehicles-table th:nth-child(7) { width:12%; }
#vehicles-table th { white-space:normal; }
#vehicles-table td:not(:last-child) { overflow:hidden; }
#vehicles-table td .text-nowrap { overflow:hidden; text-overflow:ellipsis; }
#vehicles-table td:last-child .d-flex { gap:4px!important; }
#vehicles-table td:last-child .rounded-circle { padding:6px!important; }

#vehicles-table td:not(:first-child):not(:last-child) { padding-left:8px; padding-right:8px; }
#vehicles-table .plate-badge { padding-left:6px!important; padding-right:6px!important; font-size:12px!important; white-space:nowrap; text-overflow:clip; }
#vehicles-table .plate-badge + small { font-size:16px; }
#vehicles-table .vehicle-thumbnail { width:40px; height:40px; min-width:40px; margin-right:8px!important; }
#vehicles-table td:first-child h6 { white-space:normal!important; overflow-wrap:anywhere; font-size:13px; }



#documents .vehicle-document-entry { background:var(--nc-surface,#fff); }
#documents .vehicle-document-entry > summary { padding:2px 0; font-size:14px; }
#documents .vehicle-document-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:20px; }
#documents .vehicle-document-field { min-width:0; }
#documents .vehicle-document-wide { grid-column:1/-1; }
#documents .vehicle-document-form .form-label { display:block; margin-bottom:7px; font-size:13px; font-weight:600; }
#documents .vehicle-document-form :is(.form-control,.form-select) { width:100%; min-width:0; min-height:44px; font-size:14px; }
#documents .vehicle-document-form input[type=file] { font-size:13px; }
#documents .vehicle-document-form input[type=file]::file-selector-button { padding:12px; }
@media(max-width:575.98px) { #documents .vehicle-document-form { grid-template-columns:minmax(0,1fr); gap:14px; } }
/* Online operations: fit filters to the actual list width, including the sidebar. */
.online-operations-main{container-type:inline-size;container-name:operations-main}
.online-operation-tabs{flex-wrap:wrap;gap:8px;padding:10px 12px}
.online-operation-tabs>.d-flex{flex-wrap:wrap;justify-content:flex-end;gap:6px!important}
.online-operation-tabs .btn{white-space:nowrap;min-height:36px}
.online-operation-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}
.online-operation-filters .online-filter-search{grid-column:span 2}
.online-operation-filters label{font-size:12px;letter-spacing:0;text-transform:none;line-height:1.4;margin-bottom:6px;color:var(--bs-body-color)}
.online-operation-filters .form-control,.online-operation-filters .form-select{font-size:14px;min-height:44px;width:100%;min-width:0}
.online-operation-filters .input-group{flex-wrap:nowrap}
.online-operation-filters .input-group>.form-control{width:1%;flex:1 1 auto}
.online-operation-filters .online-filter-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:8px;align-items:center}
.online-operation-filters .online-filter-actions .btn{min-height:44px;min-width:100px;white-space:nowrap;font-size:14px}
@container operations-main (max-width:700px){
 .online-operation-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .online-operation-filters .online-filter-search,.online-operation-filters .online-filter-actions{grid-column:1/-1}
 .online-operation-tabs>.d-flex{width:100%;margin-left:0!important;justify-content:flex-start}
}

/* The search may shrink when the sidebar and account actions share a narrow header. */
.nc-topbar-search { min-width:0; flex:0 1 376px; }
.nc-topbar-search > button { flex-shrink:0; }
.nc-topbar-search .nc-search-wrapper { min-width:0; }
.nc-topbar-actions { min-width:0; }
.nc-account-menu .dropdown-menu { max-width:calc(100vw - 24px); }
.nc-account-full-name { overflow-wrap:anywhere; white-space:normal; }
@media(max-width:991.98px) { .nc-topbar-search { flex-basis:40px; } }
@container operations-main (max-width:360px){
 .online-operation-filters{grid-template-columns:minmax(0,1fr);padding:12px}
 .online-operation-filters .online-filter-actions .btn{flex:1;min-width:0}
}
/* Consistent dashboard summary cards across fleet, costs and operations. */
#widgetDashboard .ns-kpi-card,
#widgetDashboard .ns-cost-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:12px;min-height:112px;height:100%;padding:16px;border-radius:14px}
#widgetDashboard .ns-icon,
#widgetDashboard .ns-icon-sm{display:grid;place-items:center;width:42px;height:42px;min-width:42px;min-height:42px;flex:0 0 42px;border-radius:12px;font-size:20px;line-height:1}
#widgetDashboard .ns-icon>i,
#widgetDashboard .ns-icon-sm>i{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;line-height:1}
#widgetDashboard .ns-kpi-card>div:not(.ns-icon){min-width:0}
#widgetDashboard .ns-kpi-card span,
#widgetDashboard .ns-cost-card>span{font-size:12px;line-height:18px;min-height:36px;margin:0 0 4px;display:flex;align-items:center;overflow-wrap:normal;word-break:normal}
#widgetDashboard .ns-kpi-card strong,
#widgetDashboard .ns-cost-card strong{font-size:18px;line-height:24px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal;word-break:normal;max-width:100%;overflow-x:auto;margin:0}
#widgetDashboard .ns-cost-card{grid-template-rows:1fr 1fr;row-gap:0}
#widgetDashboard .ns-cost-card>div{grid-column:1;grid-row:1/3;align-self:center}
#widgetDashboard .ns-cost-card>span{grid-column:2;grid-row:1;align-self:end}
#widgetDashboard .ns-cost-card>strong{grid-column:2;grid-row:2;align-self:start}
#widgetDashboard .ns-cost-card .ns-trend{position:absolute;right:10px;top:8px;font-size:12px}
#widgetDashboard .ns-card-arrow{right:10px;top:8px}
@media(max-width:575.98px){
 #widgetDashboard .ns-kpi-card,#widgetDashboard .ns-cost-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:8px;align-content:start;min-height:160px;padding:14px}
 #widgetDashboard .ns-cost-card>div{grid-column:1;grid-row:1;align-self:start}
 #widgetDashboard .ns-cost-card>span{grid-column:1;grid-row:2;align-self:start;margin:0}
 #widgetDashboard .ns-cost-card>strong{grid-column:1;grid-row:3}
 #widgetDashboard .ns-kpi-card span{margin-bottom:0}
}
#widgetDashboard .ns-cost-card{grid-template-rows:40px 24px;align-content:center}
@media(max-width:575.98px){#widgetDashboard .ns-cost-card{grid-template-rows:42px 36px 24px;row-gap:4px;align-content:start}}

/* Summary columns follow available dashboard width, including sidebar/widget widths. */
#widgetDashboard .ns-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-left:0;margin-right:0}
#widgetDashboard .ns-summary-grid>div{width:auto;max-width:100%;min-width:0;padding:0;margin-top:0}
#widgetDashboard .ns-cost-card{grid-template-rows:minmax(42px,auto) auto;row-gap:8px;align-content:center}
#widgetDashboard .ns-cost-card>div{grid-column:1;grid-row:1}
#widgetDashboard .ns-cost-card>span{grid-column:2;grid-row:1;align-self:center;min-height:0;padding-right:8px}
#widgetDashboard .ns-cost-card>strong{grid-column:1/-1;grid-row:2;align-self:start}
@media(max-width:575.98px){
 #widgetDashboard .ns-summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px}
 #widgetDashboard .ns-cost-card{grid-template-columns:36px minmax(0,1fr);grid-template-rows:minmax(42px,auto) auto;min-height:128px;padding:12px;column-gap:8px}
 #widgetDashboard .ns-cost-card .ns-icon-sm{width:36px;height:36px;min-width:36px;min-height:36px}
}
/* Authenticated per-user layout preference; normal mobile navigation remains available. */
@media(min-width:992px){
 body.nc-wide-mode .nc-sidebar{display:none}
 body.nc-wide-mode .nc-main{margin-left:0;width:100%;max-width:none}
 body.nc-wide-mode .nc-content,body.nc-wide-mode .nc-content>.container,body.nc-wide-mode .nc-content>.container-fluid{max-width:none}
}