@charset "UTF-8";
/* 0.8.1 — optional modern layout plus shared list/calendar helpers. */
.compact-select{height:34px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--ink);padding:0 30px 0 10px;font-size:11px}.modern-filter-grid{grid-template-columns:repeat(5,minmax(120px,1fr));padding:18px 22px;gap:12px}.modern-filter-grid .field{min-width:0}.modern-filter-grid .check-label{align-self:end;min-height:38px;padding-bottom:8px}.orders-toolbar .search{min-width:min(420px,100%)}.orders-toolbar .search input{width:min(420px,70vw)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:11px;color:var(--muted)}.table-toolbar strong{color:var(--ink)}.table-toolbar select{margin-left:6px;border:1px solid var(--border);border-radius:6px;background:#fff;padding:5px 8px}.modern-orders-table table{min-width:1320px}.modern-orders-table th,.modern-orders-table td{padding:12px 13px}.modern-orders-table .order-title{display:block;max-width:260px;line-height:1.5}.pagination{display:flex;align-items:center;gap:8px}.map-chip{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:600;background:#f1f3f5;color:#68747a;white-space:nowrap}.map-chip.map-ready{background:#e9f6ee;color:#2f7a4d}.map-chip.map-warning{background:#fff3d8;color:#936e20}.map-chip.map-error{background:#ffebeb;color:#a84d4d}.column-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.order-form-sections{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.form-card{border:1px solid var(--border);border-radius:12px;background:#fff;padding:18px}.form-card h3,.form-card h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:13px}.form-card h3 .icon,.form-card h4 .icon{width:17px;height:17px;color:var(--green)}.form-card-sub{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.form-card:nth-child(1){grid-row:span 2}.form-option{margin-top:15px}.calendar-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;align-items:end;padding:18px}.calendar-filter-grid .check-label{padding-bottom:8px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.calendar-main{overflow:visible}.calendar-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.calendar-head h2{margin:0;font-size:18px;text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));min-width:760px}.calendar-weekday{padding:9px;text-align:center;font-size:10px;font-weight:650;background:var(--soft);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.calendar-day{min-height:128px;padding:8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff}.calendar-day.outside{background:#fafbfa;color:#aab1ad}.calendar-day.today{background:#eef7ff}.calendar-day-number{text-align:right;font-size:10px;margin-bottom:5px}.calendar-event{display:block;width:100%;border:0;border-radius:6px;margin:4px 0;padding:6px 7px;background:#eef5ff;color:#31587f;text-align:left;font-size:9px;line-height:1.35}.calendar-event strong,.calendar-event small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-event small{opacity:.82;margin-top:2px}.calendar-event.status-approved,.calendar-event.status-staked{background:#e9f6ee;color:#276847}.calendar-event.status-performed{background:#eaf5ed;color:#34704d}.calendar-event.status-review_ready{background:#eaf1ff;color:#375ea0}.calendar-event.status-submitted{background:#fff1da;color:#8c6722}.calendar-event.status-corrections,.calendar-event.status-not_approved{background:#fdebee;color:#a4475b}.calendar-event.status-cancelled{background:#eff0f1;color:#747b80}.calendar-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:4px}.calendar-leave{background:#ffe9eb;color:#a54c55;border-radius:5px;padding:5px 6px;margin-bottom:4px;font-size:9px}.calendar-more{border:0;background:transparent;color:var(--green);font-size:9px;padding:3px}.calendar-summary{height:max-content}.summary-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;font-size:11px}.summary-separator{height:1px;background:var(--border);margin:16px 0}.calendar-list{padding:12px}.calendar-list-day{border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden}.calendar-list-day>header{display:flex;justify-content:space-between;padding:12px 14px;background:var(--soft);font-size:11px}.calendar-list-row{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;padding:12px 14px;border-top:1px solid var(--border);cursor:pointer}.calendar-list-row span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.team-plan{overflow-x:auto}.team-plan-head,.team-plan-row{display:grid;grid-template-columns:170px repeat(7,minmax(130px,1fr));min-width:1080px}.team-plan-head>span{padding:10px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--soft);font-size:10px;font-weight:650}.team-plan-row>strong{padding:12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);font-size:11px}.team-plan-cell{min-height:110px;padding:6px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.team-plan-cell.on-leave{background:#fff5f5}.team-leave{display:inline-block;font-size:9px;color:#a44b54;background:#ffe7e9;border-radius:5px;padding:4px 6px;margin-bottom:4px}.calendar-view-switch{display:flex;gap:4px}.calendar-filters{margin-bottom:18px}

body.theme-modern{--bg:#f4f7fb;--paper:#fff;--ink:#1e2c3b;--muted:#718096;--border:#e3eaf2;--green:#0aa67a;--green-dark:#0c355a;--mint:#e9f7f4;--soft:#f8fbfd;--shadow:0 12px 35px #33526c12;background:linear-gradient(180deg,#f7fafc 0,#f2f6fa 100%)}
body.theme-modern .app-shell{grid-template-columns:190px minmax(0,1fr)}body.theme-modern .sidebar{background:#fff;color:#324b65;border-right:1px solid #e5edf5;padding:22px 14px;box-shadow:4px 0 24px #375d7910}body.theme-modern .sidebar .brand{padding:0 7px 22px}body.theme-modern .sidebar .brand strong{color:#173f64;font-size:17px}body.theme-modern .sidebar .brand span{color:#8aa0b4;letter-spacing:.5px;text-transform:none}body.theme-modern .nav-label{color:#a7b5c2;margin:8px 11px}body.theme-modern .nav-button{color:#536d87;padding:11px 12px;border-radius:9px}body.theme-modern .nav-button:hover{background:#f2f7fc;color:#2267a6}body.theme-modern .nav-button.active{background:#eaf3ff;color:#176ac0;box-shadow:none}body.theme-modern .nav-button.active svg{color:#176ac0}body.theme-modern .nav-count{background:#dbeafe!important;color:#176ac0}body.theme-modern .sidebar-note{display:none}body.theme-modern .sidebar-bottom{border-color:#e9eff5;color:#49657e}body.theme-modern .sidebar-bottom small{color:#90a1b1}body.theme-modern .avatar{background:#e5f1ff;color:#236daf}body.theme-modern .sidebar-bottom .logout{color:#8095a8}body.theme-modern .topbar{height:64px;border:0;border-bottom:1px solid #e7eef5;background:#ffffffde;backdrop-filter:blur(12px);padding:0 28px}body.theme-modern .main{padding:25px 28px 36px;max-width:none}body.theme-modern .page-heading{margin-bottom:18px}body.theme-modern .page-heading h1{font-size:24px;color:#172b3c}body.theme-modern .eyebrow{color:#94a7b8;letter-spacing:.7px}body.theme-modern .btn{border-color:#dce6ef;color:#45627c;border-radius:8px;box-shadow:0 1px 2px #2b4d6610}body.theme-modern .btn.primary{background:#11ad82;border-color:#11ad82;color:#fff}body.theme-modern .btn.primary:hover{background:#0c9871}body.theme-modern .panel,body.theme-modern .stat-card,body.theme-modern .form-card{border-color:#e4ebf2;border-radius:12px;box-shadow:0 5px 22px #325d7b0c}body.theme-modern .stat-card.accent{background:linear-gradient(135deg,#edf9f6,#f8fdfb);border-color:#d9efe8}body.theme-modern .stats-grid{gap:12px;margin-bottom:18px}body.theme-modern .stat-card{padding:16px 18px}body.theme-modern .stat-number{font-size:25px}body.theme-modern .toolbar{padding:15px 18px}body.theme-modern .modern-filter-grid{background:#fbfdff}body.theme-modern .field input,body.theme-modern .field select,body.theme-modern .field textarea{border-color:#dce6ef;background:#fbfdff;border-radius:7px}body.theme-modern .field input:focus,body.theme-modern .field select:focus,body.theme-modern .field textarea:focus{border-color:#78aee0;box-shadow:0 0 0 3px #7db5e41a}body.theme-modern thead{background:#f7fafc}body.theme-modern th{color:#7890a5;border-bottom-color:#e4ebf2}body.theme-modern td{border-bottom-color:#edf2f6}body.theme-modern tr[data-order]:hover{background:#f7fbff}body.theme-modern .status-badge{border-radius:999px;padding:5px 8px}body.theme-modern .status-badge.new{background:#e9f3ff;color:#2e6ca7}body.theme-modern .status-badge.review_ready{background:#e8efff;color:#386cb0}body.theme-modern .status-badge.submitted{background:#fff1db;color:#996a1f}body.theme-modern .status-badge.approved,body.theme-modern .status-badge.staked{background:#e8f7ed;color:#32764e}body.theme-modern .status-badge.corrections{background:#f8eafb;color:#8b4c9e}body.theme-modern .status-badge.not_approved{background:#fdecef;color:#a74a5b}body.theme-modern .modal{border-radius:15px;box-shadow:0 24px 80px #24445c30}body.theme-modern .modal-header{background:#fbfdff}body.theme-modern .order-form-sections{background:#f7faff;padding:4px}body.theme-modern .form-card{background:#fff}body.theme-modern .form-card h3,body.theme-modern .form-card h4{color:#243d55}body.theme-modern .calendar-day{background:#fff}body.theme-modern .calendar-day.today{background:#eaf5ff}body.theme-modern .calendar-head h2{color:#21394f}
@media(max-width:1280px){.modern-filter-grid,.calendar-filter-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.order-form-sections{grid-template-columns:1fr 1fr}.form-card:nth-child(1){grid-row:auto}.calendar-layout{grid-template-columns:1fr}.calendar-summary{order:-1}}
@media(max-width:850px){.modern-filter-grid,.calendar-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-form-sections{grid-template-columns:1fr}.calendar-grid{min-width:700px}.calendar-main{overflow-x:auto}body.theme-modern .app-shell{grid-template-columns:1fr}}
@media(max-width:520px){.modern-filter-grid,.calendar-filter-grid{grid-template-columns:1fr}.column-picker{grid-template-columns:1fr}.calendar-view-switch{flex-wrap:wrap}.calendar-layout{display:block}.calendar-summary{margin-bottom:14px}}
/* 0.8.4 — the same compact rail in Modern theme, including narrow desktops. */
body.theme-modern .sidebar-collapse-toggle{border-color:#dce6ef;color:#557b9e;box-shadow:0 1px 3px #3157790e}
body.theme-modern .sidebar-collapse-toggle:hover:not(:disabled){background:#edf5fc;border-color:#b5d0e9}
@media(min-width:761px){
  body.theme-modern .app-shell.sidebar-collapsed{grid-template-columns:74px minmax(0,1fr)}
  body.theme-modern .app-shell.sidebar-hidden{grid-template-columns:minmax(0,1fr)}
  body.theme-modern .app-shell.sidebar-hidden .sidebar{display:none}
  body.theme-modern .app-shell.sidebar-collapsed .sidebar{padding:22px 9px 16px}
  body.theme-modern .app-shell.sidebar-collapsed .sidebar .brand{justify-content:center;padding:2px 0 22px}
  body.theme-modern .app-shell.sidebar-collapsed .sidebar .nav-button{justify-content:center;padding:12px 8px}
}
@media(min-width:761px) and (max-width:850px){body.theme-modern .app-shell:not(.sidebar-collapsed):not(.sidebar-hidden){grid-template-columns:190px minmax(0,1fr)}}
