/* Vamtio: správa platformy. Tokeny a komponenty preberá z homepage.css a public-pages.css. */
:root { --platform-sidebar:15rem; --platform-warn:#8a5a00; --platform-warn-bg:#fdf3dc; --platform-ok-bg:#e6f2ea; --platform-error:#a12d2d; --platform-error-bg:#fbe9e9; }
.platform-body { margin:0; color:var(--ink); background:var(--paper); }
.platform { display:grid; grid-template-columns:var(--platform-sidebar) minmax(0,1fr); min-height:100vh; }
.platform__sidebar { position:sticky; top:0; display:flex; flex-direction:column; height:100vh; padding:var(--s5); color:var(--on-dark); background:var(--dark); }
.platform__brand .brand__image { width:128px; }
.platform__label { margin:var(--s3) 0 var(--s6); color:var(--accent); font-size:var(--fs-xs); }
.platform__nav { display:grid; gap:var(--s1); }
.platform__nav a,.platform__account>a,.platform__logout { display:flex; align-items:center; gap:var(--s2); padding:var(--s2) var(--s3); border:0; border-radius:var(--radius-sm); color:var(--on-dark); background:transparent; font:inherit; font-size:var(--fs-sm); text-decoration:none; cursor:pointer; transition:background var(--transition),color var(--transition); }
.platform__nav a:hover,.platform__account>a:hover,.platform__logout:hover { color:var(--white); background:var(--dark-soft); }
.platform__nav a.is-active { color:var(--white); background:var(--dark-line); }
.platform__account { display:grid; gap:var(--s1); margin-top:auto; padding-top:var(--s4); border-top:1px solid var(--dark-line); }
.platform__user { padding:var(--s2) var(--s3); font-size:var(--fs-xs); overflow-wrap:anywhere; }
.platform__logout { width:100%; }
.platform__main { min-width:0; padding:var(--s6); }
.platform__header { margin-bottom:var(--s5); }
.platform__header h1 { margin:0; font-size:calc(var(--fs-h3) + .5rem); font-weight:500; letter-spacing:-.02em; }
.platform__header p { margin:var(--s1) 0 0; color:var(--muted); font-size:var(--fs-sm); }
.platform__back { display:inline-flex; align-items:center; gap:var(--s1); margin-bottom:var(--s2); color:var(--muted); font-size:var(--fs-sm); text-decoration:none; }
.platform__back:hover { color:var(--purple); }
.platform__section { margin:var(--s6) 0 var(--s3); font-size:var(--fs-lg); font-weight:500; }
.item-card>.platform__section:first-child { margin-top:0; }
.platform__plan-limits { margin:0 0 var(--s4); color:var(--muted); font-size:var(--fs-sm); }
.platform__submit { justify-self:start; }
.platform__main .alert { margin-bottom:var(--s4); }
.platform__main .alert ul { margin:0; padding-left:1.2em; }
.item-grid--stats { grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--s3); min-height:0; padding-inline:0; }
.item-grid--detail { grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:var(--s4); min-height:0; padding-inline:0; }
.item-card--stat { display:block; padding:var(--s4) var(--s5); background:var(--white); }
.platform .form-input,.platform-login .form-input { font:inherit; }
.item-card--stat>span { display:block; color:var(--muted); font-size:var(--fs-xs); }
.item-card--stat>strong { display:block; margin-top:var(--s1); font-size:var(--fs-h3); font-weight:500; }
.platform__main .table-scroll { background:var(--white); }
.platform__main .data-table small { display:block; margin-top:.15em; color:var(--muted); font-size:var(--fs-xs); }
.platform__main .data-table a { color:var(--purple); font-weight:500; text-decoration:none; }
.platform__main .data-table a:hover { color:var(--purple-hover); text-decoration:underline; }
.data-table .is-num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.status-tag { display:inline-block; margin-left:var(--s1); padding:.1em .55em; border-radius:var(--pill); color:var(--muted); background:var(--paper); font-size:var(--fs-xs); }
td>.status-tag:first-child,p>.status-tag:first-child { margin-left:0; }
.status-tag--ok { color:var(--green); background:var(--platform-ok-bg); }
.status-tag--warn { color:var(--platform-warn); background:var(--platform-warn-bg); }
.status-tag--error { color:var(--platform-error); background:var(--platform-error-bg); }
.form-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.form-field--wide { grid-column:1/-1; }
.platform-login { display:grid; place-items:center; min-height:100vh; padding:var(--s4); background:var(--dark); }
.platform-login__box { width:min(100%,24rem); }
.platform-login__logo { width:140px; margin:0 auto var(--s5); }
.platform-login__card { padding:var(--s6); border-radius:var(--radius); background:var(--white); }
.platform-login__card h1 { margin:0 0 var(--s4); font-size:var(--fs-h3); font-weight:500; }
.platform-login__card .alert { margin-bottom:var(--s4); }
.platform-login__card .alert ul { margin:0; padding-left:1.2em; }
@media (max-width:1200px) { .item-grid--stats { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:860px) {
  .platform { grid-template-columns:minmax(0,1fr); }
  .platform__sidebar { position:static; height:auto; padding:var(--s4); }
  .platform__label { margin-bottom:var(--s3); }
  .platform__nav { display:flex; flex-wrap:wrap; }
  .platform__account { margin-top:var(--s3); grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; }
  .platform__user { grid-column:1/-1; order:-1; padding-inline:0; }
  .platform__main { padding:var(--s5) var(--s4); }
  .item-grid--stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .item-grid--detail,.form-grid--2 { grid-template-columns:minmax(0,1fr); }
}