/* =========================================================================
   BASELINE o.z. — admin rozhranie
   ========================================================================= */
:root{
  --a-bg:#f4f6f5; --a-sidebar:#102723; --a-sidebar-dark:#0a1815; --a-accent:#f7883b; --a-accent-dark:#e0691d;
  --a-teal:#14b8a6; --a-text:#1c2b27; --a-gray:#6b7570; --a-border:#e2e6e3; --a-white:#ffffff; --a-danger:#dc2626;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
body{background:var(--a-bg);color:var(--a-text);min-height:100vh;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}

#adminApp{display:flex;min-height:100vh;visibility:hidden;}
.admin-sidebar{
  width:250px;flex-shrink:0;background:var(--a-sidebar-dark);color:#fff;display:flex;flex-direction:column;padding:26px 18px;
  position:sticky;top:0;height:100vh;
}
.admin-sidebar .logo{font-size:19px;font-weight:800;letter-spacing:1px;padding:6px 10px 26px;display:flex;align-items:center;gap:8px;}
.admin-sidebar .logo span{color:var(--a-accent);}
.admin-sidebar .logo .dot{width:7px;height:7px;border-radius:50%;background:var(--a-accent);}
.admin-nav{display:flex;flex-direction:column;gap:4px;flex:1;}
.admin-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;font-size:.92rem;font-weight:500;color:#c9d3ce;transition:.2s;}
.admin-nav a i{width:20px;text-align:center;color:#8fa39c;}
.admin-nav a:hover{background:rgba(255,255,255,.06);color:#fff;}
.admin-nav a.active{background:var(--a-accent);color:#1a1408;font-weight:700;}
.admin-nav a.active i{color:#1a1408;}
.admin-sidebar .back-site{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);}
.admin-sidebar .back-site a{color:#8fa39c;font-size:.85rem;display:flex;align-items:center;gap:10px;padding:10px 14px;}
.admin-sidebar .back-site a:hover{color:#fff;}

.admin-main{flex:1;min-width:0;}
.admin-topbar{
  background:var(--a-white);border-bottom:1px solid var(--a-border);padding:20px 34px;display:flex;justify-content:space-between;
  align-items:center;position:sticky;top:0;z-index:10;
}
.admin-topbar h1{font-size:1.35rem;font-weight:700;}
.admin-topbar .user-chip{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--a-gray);}
.admin-topbar .user-chip button{background:none;border:1px solid var(--a-border);padding:8px 16px;border-radius:20px;font-size:.82rem;font-weight:600;color:var(--a-text);transition:.2s;}
.admin-topbar .user-chip button:hover{background:var(--a-danger);color:#fff;border-color:var(--a-danger);}
.admin-content{padding:32px 34px;max-width:1200px;}

.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:36px;}
.stat-card{background:var(--a-white);border:1px solid var(--a-border);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;}
.stat-card i{width:48px;height:48px;border-radius:12px;background:rgba(247,136,59,.12);color:var(--a-accent-dark);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.stat-card .num{font-size:1.7rem;font-weight:800;line-height:1;}
.stat-card .lbl{font-size:.8rem;color:var(--a-gray);margin-top:4px;}

.panel{background:var(--a-white);border:1px solid var(--a-border);border-radius:16px;margin-bottom:28px;overflow:hidden;}
.panel-header{padding:20px 24px;border-bottom:1px solid var(--a-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.panel-header h2{font-size:1.05rem;font-weight:700;}
.panel-body{padding:24px;}

.a-btn{
  background:var(--a-accent);color:#1a1408;border:none;padding:10px 20px;border-radius:10px;font-weight:600;font-size:.88rem;
  display:inline-flex;align-items:center;gap:8px;transition:.2s;
}
.a-btn:hover{background:var(--a-accent-dark);color:#fff;}
.a-btn.secondary{background:var(--a-white);border:1px solid var(--a-border);color:var(--a-text);}
.a-btn.secondary:hover{background:var(--a-bg);}
.a-btn.danger{background:#fff;border:1px solid var(--a-danger);color:var(--a-danger);}
.a-btn.danger:hover{background:var(--a-danger);color:#fff;}
.a-btn:disabled{opacity:.55;cursor:not-allowed;}
.a-btn.small{padding:6px 12px;font-size:.78rem;}

table.a-table{width:100%;border-collapse:collapse;font-size:.9rem;}
table.a-table th{text-align:left;padding:12px 16px;background:var(--a-bg);color:var(--a-gray);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.4px;}
table.a-table td{padding:14px 16px;border-bottom:1px solid var(--a-border);vertical-align:top;}
table.a-table tr:last-child td{border-bottom:none;}
table.a-table .actions{display:flex;gap:8px;flex-wrap:wrap;}
.tag{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;}
.tag.published{background:rgba(20,184,166,.12);color:#0d6e63;}
.tag.draft{background:rgba(107,117,112,.12);color:var(--a-gray);}
.tag.unread{background:rgba(247,136,59,.15);color:var(--a-accent-dark);}
.tag.read{background:rgba(107,117,112,.1);color:var(--a-gray);}

.a-form-field{margin-bottom:16px;}
.a-form-field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px;color:var(--a-text);}
.a-form-field .hint{font-size:.76rem;color:var(--a-gray);margin-top:4px;}
.a-form-field input[type=text],.a-form-field input[type=email],.a-form-field input[type=url],.a-form-field input[type=number],
.a-form-field input[type=password],.a-form-field input[type=date],.a-form-field input[type=tel],.a-form-field input[type=search],
.a-form-field textarea,.a-form-field select{
  width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--a-border);font-size:.9rem;font-family:inherit;background:#fff;color:var(--a-text);
}
.a-form-field textarea{resize:vertical;min-height:110px;}
.a-form-field.checkbox{display:flex;align-items:center;gap:10px;}
.a-form-field.checkbox input{width:auto;}
.a-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:700px){.a-form-row{grid-template-columns:1fr;}}

.feature-row{display:flex;gap:10px;margin-bottom:10px;align-items:center;}
.feature-row input{flex:1;}

.a-msg{padding:12px 16px;border-radius:10px;font-size:.86rem;margin-bottom:16px;display:none;}
.a-msg.show{display:block;}
.a-msg.ok{background:rgba(20,184,166,.12);color:#0d6e63;}
.a-msg.err{background:rgba(220,38,38,.1);color:#b91c1c;}

.md-preview{border:1px dashed var(--a-border);border-radius:10px;padding:16px;margin-top:8px;font-size:.88rem;line-height:1.6;background:#fafbfa;}
.md-preview h2,.md-preview h3{margin:10px 0 8px;}
.md-preview p{margin-bottom:10px;}

.thumb-preview{width:100px;height:70px;border-radius:8px;object-fit:cover;background:var(--a-bg);border:1px solid var(--a-border);}

.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--a-sidebar-dark);padding:20px;}
.login-card{background:#fff;border-radius:20px;padding:44px;width:100%;max-width:400px;box-shadow:0 25px 60px rgba(0,0,0,.35);}
.login-card .logo{font-size:22px;font-weight:800;text-align:center;margin-bottom:8px;color:var(--a-text);}
.login-card .logo span{color:var(--a-accent);}
.login-card p.sub{text-align:center;color:var(--a-gray);font-size:.88rem;margin-bottom:26px;}
.login-card button[type=submit]{width:100%;justify-content:center;margin-top:6px;}
.empty-row td{text-align:center;color:var(--a-gray);padding:30px 16px;}

.rich-editor{border:1px solid var(--a-border);border-radius:10px;overflow:hidden;background:#fff;}
.rich-editor-toolbar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--a-bg);border-bottom:1px solid var(--a-border);flex-wrap:wrap;}
.rich-editor-btn{width:32px;height:32px;border-radius:7px;border:1px solid var(--a-border);background:#fff;color:var(--a-text);font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease;}
.rich-editor-btn:hover{background:var(--a-bg);border-color:var(--a-accent);}
.rich-editor-swatch{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--a-border);}
.rich-editor-swatch:hover{box-shadow:0 0 0 2px var(--a-accent);}
.rich-editor-area{padding:11px 14px;min-height:44px;font-size:.9rem;font-family:inherit;color:var(--a-text);outline:none;line-height:1.5;}
.rich-editor-area:focus{background:#fafbfa;}