/* LedExpert Workspace 5.0.3 — shared WG visual language.
 * Presentation-only layer. Keep IDs, events, forms and database paths unchanged. */
html.ws5[data-ws-theme="light"]{
 color-scheme:light!important;
 --bg:#f4f3fa;--card:#fff;--text:#222944;--muted:#566580;--line:#dce1ee;
 --nav:#fff;--nav2:#f4f2fc;--accent:#6655d9;--soft:#f4f5fb;
 --danger:#bc3855;--ok:#13815c;--warn:#a27019;--shadow:0 12px 34px rgba(36,37,80,.08);
 --wg-base:#f4f3fa;--wg-panel:#fff;--wg-raised:#f8f8fd;--wg-text:#202841;
 --wg-heading:#1d2541;--wg-muted:#596981;--wg-border:#dce1ed;
 --wg-strong:#bfc8df;--wg-input:#fff;--wg-accent:#6958dc;
 --wg-on-accent:#fff;--wg-accent-soft:#efecff;--wg-active:#292a4b;
 --wg-active-text:#fff;--wg-nav:#fffffff5;--wg-track:#ececf5;
 --wg-note:#eaf2ff;--wg-login:#f7f6fc;
 --wg-green:#117850;--wg-green-bg:#e2f6ec;
 --wg-red:#b83650;--wg-red-bg:#fff0f3;
}
html.ws5[data-ws-theme="dark"]{
 color-scheme:dark!important;
 --bg:#0f1322;--card:#1a2135;--text:#f0f2ff;--muted:#b7c1d8;--line:#36425c;
 --nav:#171d30;--nav2:#242b44;--accent:#a294ff;--soft:#20283d;
 --danger:#ff9aaa;--ok:#72e5b4;--warn:#ffd18b;--shadow:0 14px 36px rgba(0,0,0,.25);
 --wg-base:#101526;--wg-panel:#1c2438;--wg-raised:#232d44;--wg-text:#f0f2ff;
 --wg-heading:#fff;--wg-muted:#bbc7de;--wg-border:#35415c;
 --wg-strong:#5b6884;--wg-input:#111a2d;--wg-accent:#a294ff;
 --wg-on-accent:#171629;--wg-accent-soft:#302c54;--wg-active:#8678f0;
 --wg-active-text:#111427;--wg-nav:#192034f5;--wg-track:#35405b;
 --wg-note:#233452;--wg-login:#151b2b;
 --wg-green:#80edbe;--wg-green-bg:#184538;
 --wg-red:#ffa7b5;--wg-red-bg:#432836;
}
html.ws5[data-ws-theme] body{
 color:var(--wg-text)!important;
 background:radial-gradient(ellipse at 95% 2%,var(--wg-accent-soft),transparent 42%),var(--wg-base)!important;
}
html.ws5[data-ws-theme] body :is(.muted,.small,.sub,.card .label){color:var(--wg-muted)!important}
html.ws5[data-ws-theme] :is(.app,.main){
 background:transparent!important;color:var(--wg-text)!important;
}
html.ws5[data-ws-theme] .sidebar{
 background:var(--wg-nav)!important;color:var(--wg-text)!important;
 border:1px solid var(--wg-border)!important;
 box-shadow:var(--shadow)!important;
}
html.ws5[data-ws-theme] .sidebar .brand{
 border-bottom:1px solid var(--wg-border)!important;
 color:var(--wg-heading)!important;
 font-size:21px!important;letter-spacing:-.04em!important;
}
html.ws5[data-ws-theme] .sidebar .brand::before{
 content:"L"!important;display:inline-grid!important;place-items:center!important;
 width:34px!important;height:34px!important;margin-right:10px!important;
 vertical-align:middle!important;border-radius:12px!important;
 color:#fff!important;font-size:18px!important;background:#292a4b!important;
 text-shadow:none!important;
}
html.ws5[data-ws-theme] .sidebar .brand small{
 text-transform:none!important;font-size:11px!important;letter-spacing:.01em!important;
 color:var(--wg-muted)!important;margin-left:44px!important;
}
html.ws5[data-ws-theme] .sidebar .nav .nav-section-label{
 color:var(--wg-muted)!important;font-size:10px!important;letter-spacing:.07em!important;
}
html.ws5[data-ws-theme] .sidebar .nav button{
 background:transparent!important;border:1px solid transparent!important;
 color:var(--wg-muted)!important;border-radius:12px!important;
 font-size:13px!important;font-weight:660!important;
}
html.ws5[data-ws-theme] .sidebar .nav button:hover:not(.active){
 background:var(--wg-accent-soft)!important;
 color:var(--wg-heading)!important;
}
html.ws5[data-ws-theme] .sidebar .nav button.active{
 background:var(--wg-active)!important;color:var(--wg-active-text)!important;
 border-color:var(--wg-active)!important;
 box-shadow:var(--shadow)!important;
}
html.ws5[data-ws-theme] .sidebar .sidebar-foot{
 border-color:var(--wg-border)!important;background:transparent!important;
}
html.ws5[data-ws-theme] .sidebar .user-mini{
 background:var(--wg-raised)!important;border:1px solid var(--wg-border)!important;
 border-radius:17px!important;color:var(--wg-text)!important;
}
html.ws5[data-ws-theme] .sidebar .user-mini b{
 color:var(--wg-heading)!important;
}
html.ws5[data-ws-theme] .sidebar .user-mini span{
 color:var(--wg-muted)!important;
}
html.ws5[data-ws-theme] .main{
 background:transparent!important;
 padding:22px clamp(15px,2.25vw,32px) 50px!important;
 min-width:0!important;
}
html.ws5[data-ws-theme] .topbar{
 align-items:center!important;
 background:var(--wg-panel)!important;border:1px solid var(--wg-border)!important;
 border-radius:22px!important;padding:13px 18px!important;
 box-shadow:var(--shadow)!important;margin-bottom:24px!important;
 gap:14px!important;min-width:0;
}
html.ws5[data-ws-theme] .topbar .title h1{
 color:var(--wg-heading)!important;font-size:20px!important;
}
html.ws5[data-ws-theme] .topbar .title p{
 color:var(--wg-muted)!important;
}
html.ws5[data-ws-theme] .top-actions{
 display:flex;flex-wrap:wrap;align-items:center;gap:8px!important;min-width:0;
}
html.ws5[data-ws-theme] :is(.card,.panel .card,.column,.task,.notice,.modal,.workspace-bell-tray){
 background:var(--wg-panel)!important;color:var(--wg-text)!important;
 border-color:var(--wg-border)!important;box-shadow:var(--shadow)!important;
}
html.ws5[data-ws-theme] :is(.card h2,.section-head h2,.card h3,.modal h2,.title h1,.column-title){
 color:var(--wg-heading)!important;
}
html.ws5[data-ws-theme] #panel-home .stats > .stat{
 background:var(--wg-panel)!important;border:1px solid var(--wg-border)!important;
 box-shadow:var(--shadow)!important;border-radius:18px!important;
 min-height:114px!important;
}
html.ws5[data-ws-theme] #panel-home .stats > .stat::before{display:none!important}
html.ws5[data-ws-theme] #panel-home .stats > .stat .value{
 color:var(--wg-heading)!important;
}
html.ws5[data-ws-theme] #panel-home .stats > .stat .label{
 color:var(--wg-muted)!important;
}
html.ws5[data-ws-theme] :is(input,select,textarea){
 background:var(--wg-input)!important;color:var(--wg-text)!important;
 border:1px solid var(--wg-strong)!important;border-radius:11px!important;
 box-sizing:border-box;
}
html.ws5[data-ws-theme] select option{background:var(--wg-panel)!important;color:var(--wg-text)!important}
html.ws5[data-ws-theme] :is(input,textarea)::placeholder{color:var(--wg-muted)!important;opacity:1}
html.ws5[data-ws-theme] :is(input,select,textarea,button):focus-visible{
 outline:3px solid var(--wg-accent)!important;outline-offset:2px!important;
}
html.ws5[data-ws-theme] .btn,
html.ws5[data-ws-theme] .icon-btn,
html.ws5[data-ws-theme] .le-it-top-button,
html.ws5[data-ws-theme] .workspace-bell-button{
 border-radius:12px!important;font-weight:730!important;box-shadow:none!important;
 min-height:39px;
}
html.ws5[data-ws-theme] .btn.primary{
 background:var(--wg-accent)!important;color:var(--wg-on-accent)!important;
 border:1px solid var(--wg-accent)!important;
}
html.ws5[data-ws-theme] :is(.btn.secondary,.icon-btn,.le-it-top-button,.workspace-bell-button){
 background:var(--wg-raised)!important;color:var(--wg-text)!important;
 border:1px solid var(--wg-border)!important;
}
html.ws5[data-ws-theme] .btn.danger{
 background:var(--wg-red-bg)!important;color:var(--wg-red)!important;
 border:1px solid var(--wg-red)!important;
}
html.ws5[data-ws-theme] .ws5-welcome{
 min-height:0!important;padding:25px 28px!important;
 background:var(--wg-panel)!important;border:1px solid var(--wg-border)!important;
 color:var(--wg-heading)!important;box-shadow:var(--shadow)!important;
 border-radius:21px!important;margin-bottom:18px!important;
}
html.ws5[data-ws-theme] .ws5-welcome::before,
html.ws5[data-ws-theme] .ws5-orbit{display:none!important}
html.ws5[data-ws-theme] .ws5-welcome-content{max-width:100%!important}
html.ws5[data-ws-theme] .ws5-welcome h2,
html.ws5[data-ws-theme] .ws5-welcome h2 span{
 color:var(--wg-heading)!important;letter-spacing:-.04em!important;
 font-size:clamp(23px,2.25vw,32px)!important;
}
html.ws5[data-ws-theme] .ws5-welcome p{color:var(--wg-muted)!important;font-size:14px!important}
html.ws5[data-ws-theme] .ws5-eyebrow{
 color:var(--wg-accent)!important;letter-spacing:.07em!important;font-size:10px!important;
}
html.ws5[data-ws-theme] .ws5-actions{gap:9px!important}
html.ws5[data-ws-theme] .ws5-actions .btn{min-height:40px!important}
html.ws5[data-ws-theme] .login-screen-modern{
 background:var(--wg-login)!important;color:var(--wg-text)!important;
}
html.ws5[data-ws-theme] .login-screen-modern :is(.login-stage,.login-auth-panel,.login-box){
 background:var(--wg-panel)!important;color:var(--wg-text)!important;
 border-color:var(--wg-border)!important;
}
html.ws5[data-ws-theme] .login-screen-modern :is(h1,.login-brandline strong){
 color:var(--wg-heading)!important;
}
html.ws5[data-ws-theme] .login-screen-modern :is(.login-subtitle,.login-remember,.login-box .field label,.login-brandline small){
 color:var(--wg-muted)!important;
}
html.ws5[data-ws-theme] .login-screen-modern :is(input,.login-password-wrap input){
 color:var(--wg-text)!important;background:var(--wg-input)!important;border:1px solid var(--wg-strong)!important;
}
/* Workspace 5.0.3 theme control: compact in desktop header and mobile PWA. */
html.ws5[data-ws-theme] #wsThemeSelect{
 flex:0 0 auto!important;
 width:112px!important;max-width:112px!important;height:40px!important;
 min-height:40px!important;padding:7px 10px!important;border-radius:12px!important;
 background:var(--wg-raised)!important;color:var(--wg-text)!important;
 border:1px solid var(--wg-border)!important;font-size:12px!important;
 font-weight:700!important;
}
/* Delivery & Planning: toolbar split into legible rows, full editing room, calm semantic statuses */
html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-card{
 padding:23px!important;overflow:visible!important;
 background:var(--wg-panel)!important;border:1px solid var(--wg-border)!important;
}
html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-head{
 display:block!important;margin-bottom:17px!important;
}
html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-head h2{
 font-size:21px!important;margin-bottom:7px!important;color:var(--wg-heading)!important;
}
html.ws5[data-ws-theme] .grid-sheet-date-head{
 color:var(--wg-accent)!important;background:var(--wg-accent-soft)!important;
 border:1px solid var(--wg-border)!important;font-size:12px!important;
 border-radius:10px!important;white-space:normal!important;
}
html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-actions{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 flex-wrap:wrap!important;gap:9px!important;width:100%!important;
 max-width:none!important;margin:20px 0 0!important;
}
html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-actions select{
 min-width:220px!important;width:auto!important;max-width:320px!important;
 flex:0 1 280px!important;min-height:42px!important;
}
html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-actions .btn{
 width:auto!important;min-height:42px!important;
 padding:10px 14px!important;font-size:13px!important;white-space:normal!important;
}
html.ws5[data-ws-theme] .delivery-livebar{
 background:var(--wg-raised)!important;border:1px solid var(--wg-border)!important;
 color:var(--wg-muted)!important;font-size:13px!important;
 border-radius:13px!important;padding:10px 14px!important;min-height:48px!important;
}
html.ws5[data-ws-theme] .delivery-livebar #deliveryLiveStatus,
html.ws5[data-ws-theme] .delivery-livebar #planLiveStatus{color:var(--wg-heading)!important;font-weight:700}
html.ws5[data-ws-theme] .delivery-table-wrap{
 background:var(--wg-panel)!important;border:1px solid var(--wg-border)!important;
 border-radius:15px!important;max-width:100%!important;
 overflow-x:auto!important;overflow-y:auto!important;scrollbar-width:thin;
 -webkit-overflow-scrolling:touch;
}
html.ws5[data-ws-theme] .delivery-table{
 font-size:13px!important;min-width:1540px!important;
 width:100%!important;color:var(--wg-text)!important;
}
html.ws5[data-ws-theme] .delivery-table th{
 font-size:12px!important;font-weight:790!important;
 padding:13px 12px!important;background:var(--wg-raised)!important;
 color:var(--wg-muted)!important;border-color:var(--wg-border)!important;
}
html.ws5[data-ws-theme] .delivery-table td{
 border-color:var(--wg-border)!important;background:var(--wg-panel)!important;
 vertical-align:middle!important;
}
html.ws5[data-ws-theme] .delivery-table tbody tr:nth-child(even) td{
 background:var(--wg-raised)!important;
}
html.ws5[data-ws-theme] .delivery-table .delivery-cell{
 background:transparent!important;color:var(--wg-text)!important;
 min-height:48px!important;height:auto!important;
 font-size:13px!important;padding:9px 10px!important;border:0!important;
 border-radius:0!important;
}
html.ws5[data-ws-theme] .delivery-table .delivery-cell:focus{
 background:var(--wg-accent-soft)!important;
 box-shadow:inset 0 0 0 2px var(--wg-accent)!important;
}
html.ws5[data-ws-theme] .delivery-table .delivery-cell:disabled{
 background:var(--wg-track)!important;color:var(--wg-muted)!important;
}
html.ws5[data-ws-theme] .delivery-table :is(input,select,textarea){
 color:var(--wg-text)!important;min-width:90px;
}
html.ws5[data-ws-theme] .delivery-table .delivery-pos{
 min-width:60px!important;font-weight:760!important;color:var(--wg-heading)!important;
}
html.ws5[data-ws-theme] .delivery-table :is(.delivery-address,.delivery-comment){
 min-width:235px!important;
}
html.ws5[data-ws-theme] .delivery-table .delivery-status{
 min-width:145px!important;
}
html.ws5[data-ws-theme] .delivery-table .delivery-who{
 color:var(--wg-muted)!important;
}
html.ws5[data-ws-theme] .delivery-table :is(th:first-child,td:first-child){
 position:sticky!important;left:0!important;z-index:3!important;
 background:var(--wg-raised)!important;
}
html.ws5[data-ws-theme] .delivery-table th:first-child{z-index:4!important}
html.ws5[data-ws-theme] .delivery-table tr[data-status="delivered"],
html.ws5[data-ws-theme] .delivery-table tr[data-status="done"]{--grid-status:var(--wg-green)}
html.ws5[data-ws-theme] .delivery-table tr[data-status="delayed"]{--grid-status:var(--wg-red)}
html.ws5[data-ws-theme] .delivery-table tr[data-status="planned"]{--grid-status:var(--wg-accent)}
html.ws5[data-ws-theme] .modal,.ws5 .delivery-history-modal{
 background:var(--wg-panel)!important;color:var(--wg-text)!important;
 border:1px solid var(--wg-border)!important;
}
html.ws5[data-ws-theme] :is(.table th,.table td){border-bottom-color:var(--wg-border)!important}
html.ws5[data-ws-theme] .table th{color:var(--wg-muted)!important}
html.ws5[data-ws-theme] .table tr:hover td{background:var(--wg-accent-soft)!important}
/* Messenger and tasks: keep functionality and align readable surfaces */
html.ws5[data-ws-theme] :is(.messenger-shell,.messenger-chat,.task-member-picker,.task-status-history,
 .task-member-option,.task-history-entry,.video-archive-card,.list-item,.event){
 background:var(--wg-panel)!important;border-color:var(--wg-border)!important;
 color:var(--wg-text)!important;
}
html.ws5[data-ws-theme] :is(.task p,.task-meta,.task-history-entry p){color:var(--wg-muted)!important}
html.ws5[data-ws-theme] .messenger-chat.active{
 background:var(--wg-accent-soft)!important;border-color:var(--wg-accent)!important;
}
html.ws5[data-ws-theme] .messenger-message{background:var(--wg-raised)!important;color:var(--wg-text)!important}
html.ws5[data-ws-theme] .messenger-message.own{
 background:var(--wg-accent)!important;color:var(--wg-on-accent)!important;
}
html.ws5[data-ws-theme] .mobile-bottom-nav{
 background:var(--wg-nav)!important;border-color:var(--wg-border)!important;
}
html.ws5[data-ws-theme] .mobile-bottom-nav button{
 color:var(--wg-muted)!important;
}
html.ws5[data-ws-theme] .mobile-bottom-nav button.active{
 color:var(--wg-active-text)!important;background:var(--wg-active)!important;
}
html.ws5[data-ws-theme] .workspace-bell-tray{background:var(--wg-panel)!important;color:var(--wg-text)!important;}
@media(max-width:1050px){
 html.ws5[data-ws-theme] .topbar{flex-wrap:wrap!important;row-gap:10px!important}
 html.ws5[data-ws-theme] .top-actions{max-width:100%!important}
 html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-actions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
 html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-actions select{
  grid-column:span 2!important;max-width:none!important;width:100%!important;
 }
 html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-actions .btn{
  width:100%!important;
 }
}
@media(max-width:700px){
 html.ws5[data-ws-theme] .main{
  padding:calc(env(safe-area-inset-top,0px) + 15px) 13px calc(92px + env(safe-area-inset-bottom,0px))!important;
 }
 html.ws5[data-ws-theme] .topbar{
  display:flex!important;align-items:center!important;
  border-radius:17px!important;padding:11px!important;gap:8px!important;
  flex-wrap:wrap!important;
 }
 html.ws5[data-ws-theme] .topbar .title{
  min-width:0!important;flex:1 1 130px!important;
 }
 html.ws5[data-ws-theme] .topbar .title h1{font-size:17px!important}
 html.ws5[data-ws-theme] .topbar .title p{font-size:11px!important}
 html.ws5[data-ws-theme] .top-actions{
  width:100%!important;max-width:100%!important;
  display:flex!important;align-items:center!important;gap:7px!important;
 }
 html.ws5[data-ws-theme] #quickTaskBtn{
  flex:1!important;min-width:106px!important;min-height:40px!important;font-size:13px!important;
 }
 html.ws5[data-ws-theme] #wsThemeSelect{width:102px!important;max-width:102px!important}
 html.ws5[data-ws-theme] .sidebar{
  background:var(--wg-panel)!important;max-width:min(86vw,340px)!important;
 }
 html.ws5[data-ws-theme] .sidebar .nav{min-height:0!important}
 html.ws5[data-ws-theme] .ws5-welcome{
  padding:19px!important;border-radius:18px!important;margin-bottom:14px!important;
 }
 html.ws5[data-ws-theme] .ws5-welcome h2,
 html.ws5[data-ws-theme] .ws5-welcome h2 span{
  font-size:clamp(21px,6vw,28px)!important;
 }
 html.ws5[data-ws-theme] .ws5-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 html.ws5[data-ws-theme] .ws5-actions .btn{width:100%!important;font-size:13px!important}
 html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-card{padding:16px!important}
 html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
 }
 html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-actions select{
  grid-column:1/-1!important;min-width:0!important;
 }
 html.ws5[data-ws-theme] :is(#panel-delivery,#panel-plan) .delivery-actions .btn{
  min-height:42px!important;padding:8px!important;font-size:12px!important;
 }
 html.ws5[data-ws-theme] .delivery-livebar{
  flex-wrap:wrap!important;gap:8px!important;
 }
 html.ws5[data-ws-theme] .delivery-table-wrap{
  overflow:visible!important;border:0!important;
  background:transparent!important;
 }
 html.ws5[data-ws-theme] .delivery-table{
  min-width:0!important;display:block!important;
 }
 html.ws5[data-ws-theme] .delivery-table thead{display:none!important}
 html.ws5[data-ws-theme] .delivery-table tbody{
  display:grid!important;gap:12px!important;
 }
 html.ws5[data-ws-theme] .delivery-table tbody tr{
  display:block!important;min-width:0!important;
  background:var(--wg-panel)!important;
  border:1px solid var(--wg-border)!important;
  padding:10px!important;border-radius:15px!important;
 }
 html.ws5[data-ws-theme] .delivery-table tbody tr td{
  display:grid!important;grid-template-columns:102px minmax(0,1fr)!important;
  position:static!important;align-items:center!important;
  gap:9px!important;padding:8px 0!important;border-right:0!important;
  border-bottom:1px solid var(--wg-border)!important;
  background:transparent!important;min-width:0!important;
 }
 html.ws5[data-ws-theme] .delivery-table tbody tr td:last-child{border-bottom:0!important}
 html.ws5[data-ws-theme] .delivery-table tbody tr td::before{
  color:var(--wg-muted)!important;font-size:11px!important;
 }
 html.ws5[data-ws-theme] .delivery-table .delivery-cell{
  height:44px!important;min-height:44px!important;
  border:1px solid var(--wg-border)!important;border-radius:10px!important;
  background:var(--wg-input)!important;
 }
 html.ws5[data-ws-theme] .delivery-table :is(th:first-child,td:first-child){
  position:static!important;background:transparent!important;
 }
 html.ws5[data-ws-theme] .delivery-table :is(.delivery-address,.delivery-comment,.delivery-status){
  min-width:0!important;
 }
}
@media(max-width:370px){
 html.ws5[data-ws-theme] .delivery-table tbody tr td{
  grid-template-columns:84px minmax(0,1fr)!important;
 }
 html.ws5[data-ws-theme] .topbar .title p{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 html.ws5[data-ws-theme] :is(.btn,.card,.task){transition:none!important}
}