/* Administrácia Reality Andalúzia — dizajn tokens prototypu */
* { box-sizing:border-box; }
body { margin:0; background:#F4EFE6; color:#211C16; font-family:'Manrope',system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
::selection { background:#C2683E; color:#FAF6EF; }
a { color:inherit; }

[data-shell] { display:grid; grid-template-columns:248px 1fr; min-height:100vh; }
[data-side] { position:sticky; top:0; height:100vh; align-self:start; }

.aMain { padding:26px clamp(18px,3vw,40px) 60px; min-width:0; }
.aTopbar { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:22px; }
.aH1 { font-family:'Fraunces',serif; font-weight:500; font-size:clamp(24px,2.6vw,32px); color:#211C16; margin:0; }
.aSub { font-size:13.5px; color:#7A7263; margin-top:4px; }

.aCard { background:#fff; border:1px solid rgba(30,78,95,0.09); border-radius:16px; padding:22px 24px; }
.aGrid2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.aGrid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.aGrid4 { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }

.aBtn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:11px 18px; border-radius:9px; border:none; background:#C2683E; color:#FAF6EF; font:600 14px 'Manrope'; cursor:pointer; text-decoration:none; box-shadow:0 10px 22px -12px rgba(194,104,62,0.8); }
.aBtn2 { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:11px 18px; border-radius:9px; border:1px solid rgba(30,78,95,0.25); background:#fff; color:#1E4E5F; font:600 14px 'Manrope'; cursor:pointer; text-decoration:none; }
.aBtnTeal { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:11px 18px; border-radius:9px; border:none; background:#1E4E5F; color:#FAF6EF; font:600 14px 'Manrope'; cursor:pointer; text-decoration:none; }
.aBtnSm { padding:7px 12px; font-size:12.5px; border-radius:8px; }
.aBtnDanger { background:#FBEDE8; color:#8A3E1F; border:1px solid #E7C2B2; box-shadow:none; }

.aLabel { display:block; font-size:11px; letter-spacing:0.13em; text-transform:uppercase; color:#9A8F7E; font-weight:600; margin-bottom:7px; }
.aInput, .aSelect, .aTextarea { width:100%; padding:11px 13px; border:1px solid rgba(30,78,95,0.2); border-radius:9px; background:#fff; color:#211C16; font:500 14px 'Manrope'; outline:none; transition:border-color .2s, box-shadow .2s; }
.aTextarea { line-height:1.55; resize:vertical; }
.aInput:focus, .aSelect:focus, .aTextarea:focus { border-color:#C2683E; box-shadow:0 0 0 4px rgba(194,104,62,0.12); }
.aInput[readonly], .aTextarea[readonly] { background:#F4EFE6; color:#7A7263; }
.aField { margin-bottom:14px; }

.aTable { width:100%; border-collapse:collapse; font-size:14px; }
.aTable th { text-align:left; padding:10px 12px; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:#9A8F7E; border-bottom:2px solid rgba(176,141,78,0.35); white-space:nowrap; }
.aTable td { padding:12px; border-bottom:1px solid rgba(30,78,95,0.08); vertical-align:middle; }
.aTable tr:hover td { background:#FBF8F2; }
.raScroll { overflow-x:auto; }
.raScroll::-webkit-scrollbar { height:8px; }
.raScroll::-webkit-scrollbar-thumb { background:rgba(30,78,95,0.18); border-radius:8px; }

.aChip { display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:999px; font-size:12px; font-weight:700; }
.aChip.ok { background:#EAF2EC; color:#1F8A5B; }
.aChip.warn { background:#FBF1E0; color:#A9772A; }
.aChip.mut { background:#ECE7DD; color:#7A7263; }
.aChip.teal { background:#E7EEF0; color:#1E4E5F; }
.aChip.terra { background:#FBEDE8; color:#C2683E; }

.aTabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.aTab { padding:9px 16px; border-radius:999px; border:1px solid rgba(30,78,95,0.18); background:#fff; color:#1E4E5F; font:600 13px 'Manrope'; text-decoration:none; }
.aTab.on { background:#1E4E5F; color:#FAF6EF; border-color:#1E4E5F; }

.aToggle { position:relative; display:inline-block; width:42px; height:24px; flex:0 0 auto; }
.aToggle input { opacity:0; width:0; height:0; }
.aToggle span { position:absolute; inset:0; border-radius:999px; background:#D8D0C0; transition:.2s; }
.aToggle span::after { content:''; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; transition:.2s; box-shadow:0 1px 3px rgba(0,0,0,.25); }
.aToggle input:checked + span { background:#1F8A5B; }
.aToggle input:checked + span::after { left:21px; }

.aAvatar { display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-family:'Fraunces',serif; color:#F0D9B5; background:#163A44; }

.aToast { position:fixed; left:50%; bottom:26px; transform:translateX(-50%); z-index:200; display:flex; align-items:center; gap:10px; background:#163A44; color:#FAF6EF; padding:13px 20px; border-radius:12px; box-shadow:0 20px 44px -16px rgba(0,0,0,0.55); font-size:14px; font-weight:600; max-width:92vw; }

.aKanban { display:grid; grid-auto-flow:column; grid-auto-columns:280px; gap:14px; overflow-x:auto; padding-bottom:14px; }
.aChatMsg { max-width:78%; padding:10px 14px; border-radius:12px; font-size:14px; line-height:1.5; }

.aStrip { background:linear-gradient(100deg,#163A44,#1E4E5F); color:#FAF6EF; border-radius:16px; padding:18px 22px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; }

details.aDet > summary { list-style:none; cursor:pointer; }
details.aDet > summary::-webkit-details-marker { display:none; }

@media (max-width:1080px) {
  [data-shell] { grid-template-columns:1fr !important; }
  [data-side] { position:static !important; height:auto !important; }
  [data-sb-root] { min-height:0 !important; height:auto !important; padding:10px 16px !important; }
  [data-sb-links] { display:none !important; }
  [data-sb-root].open [data-sb-links] { display:flex !important; padding-bottom:10px; }
  [data-sb-burger] { display:flex !important; }
  .aGrid4 { grid-template-columns:1fr 1fr; }
  .aGrid3 { grid-template-columns:1fr 1fr; }
}
@media (max-width:640px) {
  .aGrid4, .aGrid3, .aGrid2 { grid-template-columns:1fr; }
}