/* Cockpit: sistemul comun al paginilor de operator (calendarul Voost și „Spații”).
   Un singur font (al sistemului), două greutăți (400 / 600), trei mărimi (mic / text / titlu).
   Neutre calde, un singur accent (portocaliul Voost), roșu și verde doar pentru stare. Tema urmează sistemul. */
:root{
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif;
  --t-s:13px;--t-m:15px;--t-l:20px;
  --bg:#faf9f7;--surface:#fff;--sunk:#f1eeea;--line:#e6e1db;--fg:#1d1a17;--muted:#6e665e;--faint:#a39a90;
  --accent:#ec6a2c;--on-accent:#1d120a;--accent-text:#a9461a;--wash:rgba(236,106,44,.12);
  --warn:#b42318;--ok:#1f7a45;--shade:rgba(29,26,23,.45);--lift:0 18px 40px -16px rgba(29,26,23,.35);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#151311;--surface:#1e1b18;--sunk:#27231f;--line:#342f2a;--fg:#f2eee8;--muted:#a69d93;--faint:#6f675f;
    --accent:#f57f42;--on-accent:#1d120a;--accent-text:#ff9c66;--wash:rgba(245,127,66,.14);
    --warn:#ff8b7b;--ok:#7fd09a;--shade:rgba(0,0,0,.6);--lift:0 18px 40px -16px rgba(0,0,0,.8);color-scheme:dark}
}
@media (max-width:760px){:root{--t-m:16px}}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font:400 var(--t-m)/1.45 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit;margin:0}
button{background:none;border:0;padding:0;cursor:pointer;text-align:inherit;-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4,p{margin:0;font-size:inherit;font-weight:inherit}
img,video,svg{display:block;max-width:100%}
b,strong{font-weight:600}
a{color:var(--accent-text)}
kbd{font:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.grow{flex:1}
.l{font-size:var(--t-s);font-weight:600;color:var(--muted)}

/* comutatorul dintre cele două cockpituri: același loc și aceeași formă pe ambele pagini */
.apps{display:flex;align-items:center;gap:2px;flex:none}
.apps a{display:inline-flex;align-items:center;min-height:36px;padding:0 10px;border-radius:8px;color:var(--muted);font-weight:600;text-decoration:none}
.apps a:hover{color:var(--fg);background:var(--sunk)}
.apps a[aria-current=page]{color:var(--fg)}

/* butoane */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s}
.btn svg{width:17px;height:17px;flex:none}
.btn:hover{background:var(--sunk)}
.btn[disabled]{opacity:.45;cursor:default;pointer-events:none}
.btn.primary,.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn.primary:hover,.btn-primary:hover{background:var(--accent);filter:brightness(1.06)}
.btn.quiet,.btn-quiet{background:none;border-color:transparent;color:var(--muted)}
.btn.quiet:hover,.btn-quiet:hover{background:var(--sunk);color:var(--fg)}
.btn.danger,.btn-danger{background:none;border-color:var(--warn);color:var(--warn)}
.btn-icon{width:40px;padding:0}

/* câmpuri */
.field{width:100%;min-height:40px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:8px 10px}
.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--wash)}
.field[disabled]{color:var(--muted);background:var(--sunk)}
textarea.field{resize:vertical;min-height:132px}
.pick,.sel{position:relative;display:inline-flex;min-width:0;color:var(--fg)}
.pick select,.sel select{appearance:none;-webkit-appearance:none;width:100%;min-height:40px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:0 34px 0 12px;font-weight:600;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pick::after,.sel::after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.pick select option,.sel select option,.sel select optgroup{background:var(--surface);color:var(--fg)}

/* comutatoare de vedere */
.seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--sunk)}
.seg button{min-height:34px;padding:0 12px;border-radius:7px;font-weight:600;color:var(--muted)}
.seg button:hover{color:var(--fg)}
.seg button[aria-selected=true],.seg button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px rgba(0,0,0,.1)}
.seg button[disabled]{cursor:default}

/* starea: un punct și două cuvinte */
.st{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}

.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.check input{width:18px;height:18px;margin:0;accent-color:var(--accent)}

dialog{border:0;padding:0;background:var(--surface);color:var(--fg);border-radius:14px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 64px -16px rgba(0,0,0,.4)}
dialog::backdrop{background:var(--shade)}