:root{
  --bg:#f6f8fc;
  --panel:#ffffff;
  --panel2:#101522;
  --text:#101828;
  --muted:#667085;
  --line:#e4e7ec;
  --accent:#d92d20;
  --accent2:#7a271a;
  --soft:#fff5f4;
  --success:#12b76a;
  --danger:#d92d20;
  --radius:22px;
  --shadow:0 18px 50px rgba(16,24,40,.08);
}

html[data-theme="dark"]{
  --bg:#0f172a;
  --panel:#111827;
  --panel2:#020617;
  --text:#f8fafc;
  --muted:#94a3b8;
  --line:#243041;
  --soft:#1e293b;
  --shadow:0 22px 48px rgba(0,0,0,.35);
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,
body{
  margin:0;
  padding:0;
  overflow-x:hidden;
}

body{
  font-family:"Noto Sans Gurmukhi","Noto Sans Devanagari","Noto Sans","Inter",system-ui,sans-serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

a{
  text-decoration:none;
  color:inherit;
}

img,
video,
iframe,
svg,
canvas{
  max-width:100%;
  display:block;
}

table{
  max-width:100%;
}

input,
select,
textarea,
button{
  font:inherit;
}

.container{
  width:min(1240px,92vw);
  margin:auto;
  padding:10px 0 0;
}

.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}

html[data-theme="dark"] .site-header{
  background:rgba(2,6,23,.85);
}

.site-header.is-static{
  position:relative;
}

.top-row{
  padding:12px 0;
}

.row-between,
.section-head,
.page-head,
.admin-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.logo-wrap,
.brand-admin{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.logo-badge{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:#fff;
  font-weight:900;
  box-shadow:0 12px 30px rgba(217,45,32,.25);
  flex:0 0 auto;
}

.logo-wrap strong,
.brand-admin strong{
  display:block;
  font-size:1.1rem;
  line-height:1.2;
  color:white;
}

.logo-wrap small,
.brand-admin small{
  display:block;
  color:var(--muted);
  line-height:1.35;
}

/* =========================
   HEADER ACTIONS - RESPONSIVE
========================= */

.header-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  min-width:0;
}

.mobile-top-actions{
  display:none;
}

.header-search{
  position:relative;
  width:190px;
  flex:0 1 190px;
}

.header-search input{
  width:100%;
  height:34px;
  padding:0 30px 0 10px;
  font-size:13px;
  border-radius:8px;
  border:1px solid var(--line);
  background:var(--panel);
}

.header-search-btn{
  position:absolute;
  right:4px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  font-size:11px;
  border:none;
  background:transparent;
  color:var(--muted);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}

.header-tools{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.header-select-wrap{
  min-width:0;
}

.lang-switcher{
  height:34px;
  min-width:78px;
  font-size:12px;
  padding:0 8px;
  border-radius:8px;
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--text);
}

.header-icon-btn{
  width:32px;
  height:32px;
  font-size:13px;
  border-radius:8px;
  border:1px solid var(--line);
  background:var(--panel);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  flex:0 0 32px;
  cursor:pointer;
}

.header-pill-btn{
  height:32px;
  padding:0 10px;
  font-size:12px;
  border-radius:8px;
  border:1px solid var(--line);
  background:var(--panel);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  white-space:nowrap;
}

.header-admin-btn{
  background:linear-gradient(135deg,var(--accent),#f04438);
  color:#fff;
  border-color:transparent;
}

.top-row{
  padding:8px 0;
}

/* Tablet & Mobile Responsive */
@media (max-width:900px){
  .top-row{
    padding:6px 0;
  }

  .row-between{
    flex-wrap:nowrap;
    justify-content:space-between;
  }

  .logo-wrap{
    flex:0 0 auto;
  }

  .desktop-search,
  .header-tools{
    display:none;
  }

  .mobile-top-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
  }

  .mobile-action-btn,
  .mobile-lang-switcher{
    width:34px;
    height:34px;
    border-radius:8px;
    border:1px solid var(--line);
    background:var(--panel);
    color:var(--text);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:14px;
  }

  .mobile-lang-switcher{
    width:auto;
    min-width:60px;
    padding:0 8px;
    font-size:12px;
  }

  .header-actions{
    flex:0 0 auto;
  }
}

/* Small tablets */
@media (max-width:768px){
  .search-inline{
    width:100%;
  }

  .search-inline input{
    width:100%;
  }

  .page-head,
  .section-head,
  .admin-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }

  .grid-form.two,
  .media-grid.compact,
  .article-gallery,
  .featured-source-switch{
    grid-template-columns:1fr;
  }

  .article-enhanced{
    padding:18px;
  }

  .article-content p{
    font-size:1rem;
    line-height:1.85;
  }

  .hero-cover{
    height:260px;
  }

  .story-mini{
    grid-template-columns:1fr;
  }

  .editor-toolbar .editor-btn,
  .editor-toolbar .editor-select{
    flex:1 1 calc(50% - 8px);
  }

  .admin-main{
    padding:16px;
  }

  .panel,
  .stat-card,
  .list-card,
  .side-card,
  .article-card{
    padding:16px;
  }
}

/* Mobile */
@media (max-width:640px){
  .mobile-top-actions{
    gap:6px;
  }

  .mobile-action-btn,
  .mobile-lang-switcher{
    width:32px;
    height:32px;
    font-size:12px;
  }

  .mobile-lang-switcher{
    width:auto;
    min-width:55px;
    padding:0 6px;
  }

  .header-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    width:100%;
  }

  .header-search{
    width:100%;
    max-width:none;
  }

  .header-tools{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:6px;
    width:100%;
  }

  .header-select-wrap{
    grid-column:span 1;
  }

  .lang-switcher,
  .header-icon-btn,
  .header-pill-btn{
    width:100%;
    min-width:0;
    height:34px;
    border-radius:8px;
  }

  .header-pill-btn{
    padding:0;
  }

  .header-pill-btn i{
    margin:0;
  }
}

/* Very small mobile */
@media (max-width:480px){
  .container{
    width:min(100%,94vw);
  }

  .btn-ghost,
  .btn-primary,
  .btn-outline,
  .btn-danger{
    width:100%;
    
  }

  .editor-toolbar .editor-btn,
  .editor-toolbar .editor-select{
    flex:1 1 100%;
  }

  .hero-cover{
    height:220px;
  }

  .logo-badge{
    width:42px;
    height:42px;
    border-radius:14px;
  }

  .logo-size-small .site-logo{
    height:30px;
  }

  .logo-size-medium .site-logo{
    height:38px;
  }

  .logo-size-large .site-logo{
    height:48px;
  }

  .mobile-top-actions{
    gap:5px;
  }

  .mobile-action-btn{
    width:30px;
    height:30px;
  }

  .mobile-lang-switcher{
    min-width:50px;
    height:30px;
    font-size:11px;
  }
}

/* =========================
   FORM FIELDS + BUTTONS
========================= */
.search-inline input,
.grid-form input,
.grid-form select,
.grid-form textarea,
.admin-toolbar input,
.admin-toolbar select,
.lang-switcher{
  width:100%;
  max-width:100%;
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--text);
  padding:12px 14px;
  border-radius:16px;
  min-height:46px;
  outline:none;
}

.search-inline input{
  width:260px;
}

.search-inline input:focus,
.grid-form input:focus,
.grid-form select:focus,
.grid-form textarea:focus,
.admin-toolbar input:focus,
.admin-toolbar select:focus,
.lang-switcher:focus{
  border-color:rgba(217,45,32,.45);
  box-shadow:0 0 0 4px rgba(217,45,32,.08);
}

.btn-ghost,
.btn-primary,
.btn-outline,
.btn-danger{
  border:none;
  border-radius:16px;
  padding:12px 16px;
  font-weight:700;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:.2s ease;
  text-align:center;
}

.btn-primary{
  background:linear-gradient(135deg,var(--accent),#f04438);
  color:#fff;
  margin-bottom:10px;
}

.btn-outline{
  background:var(--panel);
  border:1px solid var(--line);
  color:var(--text);
}

.btn-ghost{
  background:var(--soft);
  color:var(--text);
}

.btn-danger{
  background:var(--danger);
  color:#fff;
}

.btn-primary:hover,
.btn-outline:hover,
.btn-ghost:hover,
.btn-danger:hover{
  transform:translateY(-1px);
}

/* =========================
   MAIN NAV + BREAKING
========================= */
.main-nav{
  border-top:1px solid var(--line);
}

.nav-links{
  display:flex;
  gap:18px;
  overflow:auto;
  padding:10px 0;
  scrollbar-width:thin;
}

.breaking-bar{
  background:linear-gradient(90deg,var(--accent),#f04438);
  color:#fff;
}

.breaking-bar .container{
  display:flex;
  gap:14px;
  align-items:center;
  padding:10px 0;
}

.breaking-bar span{
  font-size:.8rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  background:#fff;
  color:var(--accent);
  padding:6px 10px;
  border-radius:999px;
  flex:0 0 auto;
}

.ticker-track{
  display:flex;
  gap:20px;
  white-space:nowrap;
  overflow:auto;
  min-width:0;
}

.site-main{
  padding:14px 0 40px;
}

.hero-grid,
.post-grid,
.category-grid,
.admin-grid,
.stats-grid,
.two-col,
.footer-grid,
.media-grid,
.post-editor-layout,
.article-gallery{
  display:grid;
  gap:22px;
}

.hero-grid{
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
}

.post-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.category-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.stats-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.admin-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.two-col{
  grid-template-columns:minmax(0,1fr) 320px;
}

.footer-grid{
  grid-template-columns:2fr 1fr 1fr;
}

.panel,
.news-card,
.stat-card,
.list-card,
.side-card,
.article-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  min-width:0;
}

.panel,
.stat-card,
.list-card,
.side-card,
.article-card{
  padding:20px;
}

.news-card{
  overflow:hidden;
}

.news-card img,
.hero-cover{
  width:100%;
  object-fit:cover;
}

.news-card img{
  border-radius:22px 22px 0 0;
  height:220px;
}

.hero-cover{
  height:420px;
  border-radius:22px;
}

.section-head h2,
.page-head h1{
  margin:0;
}

.page-head h1{
  font-size:clamp(24px,3vw,34px);
  line-height:1.15;
}

.story-list,
.sidebar-list,
.grid-form,
.gallery-preview,
.post-sidebar,
.publish-flags{
  display:grid;
  gap:14px;
}

.story-mini{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:14px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--soft);
  min-width:0;
}

.story-mini img{
  width:100%;
  height:95px;
  object-fit:cover;
  border-radius:14px;
}

.story-mini h3,
.news-card h3{
  margin:.45rem 0;
}

.meta,
.muted{
  color:var(--muted);
  font-size:.92rem;
  overflow-wrap:anywhere;
}

.badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  background:var(--soft);
  color:var(--accent);
  font-weight:800;
  font-size:.75rem;
}

.sidebar-list article{
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}

.sidebar-list article:last-child{
  border-bottom:none;
  padding-bottom:0;
}

.pagination{
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
  padding-top:20px;
}

.pagination a,
.pagination span{
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel);
}

.site-footer{
  padding:40px 0;
  border-top:1px solid var(--line);
}

.article-layout{
  align-items:start;
}

.article-enhanced{
  padding:28px;
}

.article-meta{
  margin-top:8px;
}

.article-excerpt{
  font-size:1.08rem;
  line-height:1.8;
  color:var(--muted);
  border-left:4px solid var(--accent);
  padding-left:16px;
}

.article-cover{
  margin:20px 0 0;
  border-radius:22px;
  overflow:hidden;
  background:var(--soft);
  border:1px solid var(--line);
}

.article-cover img{
  width:100%;
  display:block;
  aspect-ratio:16/9;
  object-fit:cover;
}

.article-reader{
  max-width:100%;
}

.article-reader > *:first-child{
  margin-top:0;
}

.article-reader a{
  text-decoration:underline;
  text-underline-offset:3px;
}

.article-reader ul,
.article-reader ol{
  padding-left:1.3rem;
  line-height:1.9;
}

.article-reader li + li{
  margin-top:.45rem;
}

.article-content{
  min-width:0;
}

.article-content p{
  line-height:1.9;
  font-size:1.06rem;
  overflow-wrap:anywhere;
}

.article-content img{
  border-radius:18px;
}

.article-content blockquote{
  border-left:4px solid var(--accent);
  padding:14px 18px;
  background:var(--soft);
  border-radius:14px;
  margin:1.2rem 0;
}

.article-content h2,
.article-content h3,
.article-content h4{
  margin-top:1.6em;
  overflow-wrap:anywhere;
}

.article-content iframe,
.article-content video{
  max-width:100%;
  border-radius:18px;
}

.article-content table{
  width:100%;
  border-collapse:collapse;
  display:block;
  overflow:auto;
}

.article-content table td,
.article-content table th{
  border:1px solid var(--line);
  padding:10px;
}

.article-gallery-wrap{
  margin-top:28px;
}

.article-gallery{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.article-gallery img{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:16px;
}

.comment-box{
  padding:16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--soft);
  margin-bottom:12px;
}

.alert{
  padding:14px 16px;
  border-radius:14px;
  margin-bottom:14px;
}

.alert-success{
  background:#ecfdf3;
  color:#067647;
}

.alert-danger{
  background:#fef3f2;
  color:#b42318;
}

.alert-info{
  background:#eff8ff;
  color:#175cd3;
}

.admin-body{
  background:linear-gradient(145deg,#0f172a,#1d2939);
}

.admin-shell{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  min-height:100vh;
}

.admin-sidebar{
  padding:20px;
  background:rgba(2,6,23,.95);
  border-right:1px solid rgba(255,255,255,.08);
  min-width:0;
}

.admin-main{
  padding:24px;
  background:var(--bg);
  min-width:0;
}

.admin-nav{
  display:grid;
  gap:8px;
  margin-top:20px;
}

.admin-nav a{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  color:#e2e8f0;
  overflow-wrap:anywhere;
}

.table-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.admin-table{
  width:100%;
  min-width:800px;
  border-collapse:collapse;
}

.admin-table th,
.admin-table td{
  padding:12px 10px;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:top;
  word-break:break-word;
}

.admin-table th{
  font-size:.78rem;
  text-transform:uppercase;
  color:var(--muted);
}

.grid-form{
  gap:14px;
}

.grid-form.two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.auth-card{
  width:min(520px,92vw);
  margin:5vh auto;
  background:var(--panel);
  padding:24px;
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow);
}

.admin-auth-bg{
  background:linear-gradient(135deg,#101828,#1d2939);
  min-height:100vh;
  padding:20px;
}

/* =========================
   MEDIA
========================= */
.media-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.media-item{
  background:var(--panel);
  border:1px solid var(--line);
  padding:12px;
  border-radius:18px;
  min-width:0;
  overflow:hidden;
}

.media-item img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:14px;
}

.site-logo{
  display:block;
  object-fit:contain;
  border-radius:12px;
  max-width:100%;
}

.logo-size-small .site-logo{
  height:34px;
}

.logo-size-medium .site-logo{
  height:46px;
}

.logo-size-large .site-logo{
  height:58px;
}

.branding-preview{
  padding:18px;
  border:1px dashed var(--line);
  border-radius:18px;
  background:var(--soft);
  min-width:0;
}

/* =========================
   POST EDITOR
========================= */
.post-editor-layout{
  grid-template-columns:minmax(0,1fr) 320px;
  gap:20px;
  align-items:start;
}

.post-main{
  min-width:0;
}

.post-sidebar{
  gap:18px;
  align-content:start;
  min-width:0;
}

.editor-shell{
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:var(--panel);
  min-width:0;
}

.editor-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px;
  border-bottom:1px solid var(--line);
  background:var(--soft);
  position:relative;
  top:auto;
  z-index:2;
}

.editor-btn,
.editor-select{
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--text);
  padding:10px 12px;
  border-radius:12px;
  min-height:42px;
  max-width:100%;
}

.editor-btn{
  cursor:pointer;
  font-weight:700;
}

.editor-surface,
.editor-code{
  min-height:320px;
  padding:18px;
  outline:none;
  background:var(--panel);
  color:var(--text);
  font:400 16px/1.8 "Noto Sans Gurmukhi","Noto Sans",system-ui,sans-serif;
  width:100%;
  max-width:100%;
  overflow-wrap:break-word;
  word-break:break-word;
}

.editor-surface img{
  max-width:100%;
  height:auto;
  border-radius:14px;
}

.editor-surface iframe{
  width:100%;
  min-height:360px;
  border:none;
  border-radius:14px;
}

.editor-code{
  border:none;
  resize:vertical;
  font-family:ui-monospace,SFMono-Regular,monospace;
}

.embed-video{
  margin:16px 0;
}

.subpanel{
  padding:16px;
  background:var(--soft);
  box-shadow:none;
}

.permalink-box{
  display:grid;
  gap:8px;
  padding:14px;
  border:1px dashed var(--line);
  border-radius:16px;
  background:var(--soft);
  min-width:0;
}

.permalink-box input,
.permalink-box a{
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.seo-preview-card{
  padding:16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  min-width:0;
}

html[data-theme="dark"] .seo-preview-card{
  background:#0b1220;
}

.seo-url{
  font-size:.9rem;
  color:#16a34a;
  margin-bottom:6px;
  word-break:break-all;
}

.seo-title{
  font-size:1.05rem;
  font-weight:700;
  color:#1d4ed8;
  margin-bottom:6px;
  overflow-wrap:anywhere;
}

.seo-desc{
  color:var(--muted);
  line-height:1.6;
  overflow-wrap:anywhere;
}

.publish-flags{
  gap:10px;
}

.featured-source-switch{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.featured-source-switch .is-active{
  background:linear-gradient(135deg,var(--accent),#f04438);
  color:#fff;
  border-color:transparent;
}

.featured-source-panel{
  display:none;
  gap:10px;
  min-width:0;
}

.featured-preview{
  border:1px dashed var(--line);
  border-radius:18px;
  padding:10px;
  min-height:120px;
  background:var(--soft);
  overflow:hidden;
}

.featured-preview img{
  width:100%;
  max-height:220px;
  object-fit:cover;
  border-radius:14px;
}

.featured-preview-empty{
  display:grid;
  place-items:center;
  min-height:100px;
  color:var(--muted);
  font-weight:700;
  text-align:center;
}

.media-drawer{
  display:none;
  width:100%;
  min-width:0;
}

.media-drawer.open{
  display:block;
}

.media-grid.compact{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.media-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.gallery-preview{
  gap:12px;
}

.gallery-thumb{
  display:grid;
  grid-template-columns:80px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--soft);
  min-width:0;
}

.gallery-thumb img{
  width:80px;
  height:64px;
  object-fit:cover;
  border-radius:10px;
}

.autosave-panel{
  background:#fff7ed;
}

html[data-theme="dark"] .autosave-panel{
  background:#3b2413;
}

.admin-sidebar .site-logo{
  background:#fff;
  padding:6px;
}

/* =========================
   COMPACT ADMIN TOOLBAR
========================= */
.admin-toolbar{
  gap:8px;
  padding:10px 12px;
  margin-bottom:14px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 10px 24px rgba(16,24,40,.05);
}

.admin-toolbar > *{
  margin:0;
}

.admin-toolbar .toolbar-left,
.admin-toolbar .toolbar-right,
.admin-toolbar form,
.admin-toolbar .search-inline{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
}

.admin-toolbar .search-inline{
  flex:1 1 220px;
  margin:0;
}

.admin-toolbar .search-inline input{
  width:100%;
  min-width:180px;
  height:38px;
  min-height:38px;
  padding:0 12px;
  border-radius:12px;
  font-size:.92rem;
}

.admin-toolbar input,
.admin-toolbar select{
  width:auto;
  max-width:100%;
  min-width:120px;
  min-height:38px;
  height:38px;
  padding:7px 12px;
  border-radius:12px;
  font-size:.9rem;
  line-height:1.2;
}

.admin-toolbar .btn-ghost,
.admin-toolbar .btn-primary,
.admin-toolbar .btn-outline,
.admin-toolbar .btn-danger,
.admin-toolbar button{
  min-height:38px;
  height:38px;
  padding:8px 12px;
  border-radius:12px;
  font-size:.88rem;
  line-height:1;
  gap:6px;
  white-space:nowrap;
}

.admin-toolbar .btn-primary{
  padding-inline:14px;
}

.admin-toolbar .btn-ghost,
.admin-toolbar .btn-outline{
  background:var(--panel);
}

.admin-toolbar .btn-danger{
  background:var(--danger);
  color:#fff;
}

.admin-toolbar .btn-ghost:hover,
.admin-toolbar .btn-primary:hover,
.admin-toolbar .btn-outline:hover,
.admin-toolbar .btn-danger:hover,
.admin-toolbar button:hover{
  transform:translateY(-1px);
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width:1200px){
  .post-editor-layout{
    grid-template-columns:1fr;
  }

  .post-sidebar{
    position:static;
    width:100%;
  }
}

@media (max-width:1024px){
  .hero-grid,
  .post-grid,
  .category-grid,
  .stats-grid,
  .admin-grid,
  .two-col,
  .footer-grid,
  .admin-shell{
    grid-template-columns:1fr;
  }

  .media-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .media-grid.compact,
  .article-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .search-inline input{
    width:160px;
  }

  .row-between,
  .header-actions{
    flex-wrap:wrap;
  }

  .hero-cover{
    height:320px;
  }
}

@media (max-width:768px){
  .admin-toolbar{
    align-items:stretch;
    gap:8px;
    padding:10px;
  }

  .admin-toolbar .toolbar-left,
  .admin-toolbar .toolbar-right,
  .admin-toolbar form,
  .admin-toolbar .search-inline{
    width:100%;
  }

  .admin-toolbar .search-inline{
    flex:1 1 100%;
  }

  .admin-toolbar input,
  .admin-toolbar select,
  .admin-toolbar .btn-ghost,
  .admin-toolbar .btn-primary,
  .admin-toolbar .btn-outline,
  .admin-toolbar .btn-danger,
  .admin-toolbar button{
    width:100%;
    min-width:0;
  }
}

@media (max-width:600px){
  .media-grid{
    grid-template-columns:1fr;
  }

  .post-grid,
  .category-grid,
  .stats-grid{
    grid-template-columns:1fr;
  }

  .news-card img{
    height:200px;
  }

  .article-gallery img{
    height:180px;
  }

  .admin-table{
    min-width:680px;
  }
}

@media (max-width:600px){
  .article-layout{
    gap:14px;
  }

  .article-enhanced{
    padding:14px;
    border-radius:18px;
  }

  .article-enhanced h1{
    font-size:1.55rem;
    line-height:1.28;
  }

  .article-meta{
    font-size:.82rem;
    gap:6px;
    line-height:1.6;
  }

  .article-excerpt{
    font-size:.98rem;
    line-height:1.75;
    padding-left:12px;
    margin-top:14px;
  }

  .article-cover{
    margin-top:16px;
    border-radius:18px;
  }

  .article-content{
    margin-top:16px !important;
  }

  .article-content p,
  .article-content li{
    font-size:1.05rem;
    line-height:1.95;
  }

  .article-content h2{
    font-size:1.3rem;
  }

  .article-content h3{
    font-size:1.18rem;
  }

  .article-content iframe,
  .article-content video,
  .article-content img{
    border-radius:14px;
  }

  .side-card{
    padding:14px;
  }
}

.article-inline-ad{margin:18px 0 24px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card-bg,#fff);overflow:auto}.article-inline-ad iframe,.article-inline-ad ins,.article-inline-ad img,.article-inline-ad script{max-width:100%}.article-top-ad{margin-top:18px}.article-bottom-ad{margin-top:24px;margin-bottom:8px}@media (max-width:768px){.article-inline-ad{padding:12px;border-radius:12px}}