/* Graftum — desk-urile (Tenders & BoQ, Commercial, Buildings, Day sheets, Agency, Partners) pe aceeași temă ca CRM-ul (7 oct).
   Se încarcă DUPĂ stilurile inline ale fiecărui desk. Ia token-urile și regulile din skin.css și corectează ce e specific desk-urilor:
   .card / .tab proprii, butonul plutitor ☀️/🌙 rămâne (desk-urile n-au sidebar), bară comună „← CRM · 📱 App” (desk.js). */
@import url("/skin.css?v=3oct-109");

#gr-theme-btn{ display:block !important; }
body{ background:var(--canvas) !important; color:var(--ink); }
.card{ background:var(--surface) !important; border:1px solid var(--line) !important; border-radius:var(--r-card) !important; box-shadow:var(--sh-card) !important; }
.tab{ color:var(--muted); border-radius:10px; }
.tab.on{ background:var(--brand) !important; color:var(--brand-ink) !important; }
html.gr-dark .tab:not(.on):hover{ background:var(--raised); }
/* antetul desk-ului (logo + nume) și linkul „Back to app” */
html.gr-dark [style*="color:#304269"], html.gr-dark [style*="color: rgb(48, 66, 105)"]{ color:var(--brand) !important; }
html.gr-dark .bg-white\/90{ background:color-mix(in srgb, var(--canvas) 88%, transparent) !important; }
html.gr-dark .text-slate-800{ color:var(--ink) !important; }
/* select-urile mari de job și inputurile desk-urilor */
select, input, textarea{ background:var(--surface); color:var(--ink); border-color:var(--line-strong); }
html.gr-dark select, html.gr-dark input, html.gr-dark textarea{ background:var(--raised) !important; color:var(--ink) !important; border-color:var(--line-strong) !important; }
/* bara comună pe desktop (desk.js) */
.deskbar{ display:none; }
@media (min-width:1024px){
  .deskbar{ display:flex; align-items:center; gap:10px; position:sticky; top:0; z-index:60; height:48px; padding:0 20px; margin:0 0 4px;
    background:color-mix(in srgb, var(--canvas) 86%, transparent); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--line); font-size:13px; color:var(--muted); }
  .deskbar a{ display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 11px; border-radius:9px; border:1px solid var(--line); background:var(--surface); color:var(--ink-2); font-weight:600; text-decoration:none; }
  .deskbar a:hover{ border-color:var(--line-strong); background:var(--raised); }
  .deskbar b{ color:var(--ink); font-weight:800; }
  .deskbar .sp{ flex:1; }
}
@media print{ .deskbar{ display:none !important; } }