/* TypeFlow V6.2.7 — dedicated Admin Control Center layout
   Public product navigation is intentionally removed in admin mode. */

body.admin-mode{
  background:var(--bg);
  min-height:100vh;
}
body.admin-mode .site-header,
body.admin-mode .footer{
  display:none!important;
}
body.admin-mode .site-main{
  min-height:100vh;
  overflow:visible!important;
  position:relative;
}
body.admin-mode .site-main::before{
  display:none!important;
}
body.admin-mode .admin-pro-shell{
  width:min(1720px,calc(100% - 48px));
  max-width:none!important;
  margin:0 auto;
  padding:28px 0 64px;
  grid-template-columns:272px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
body.admin-mode .admin-pro-sidebar{
  position:sticky;
  top:24px;
  min-height:calc(100vh - 48px);
  padding:20px 14px;
  border-radius:20px;
  overflow:hidden;
}
body.admin-mode .admin-pro-sidebar nav{
  max-height:calc(100vh - 190px);
  overflow:auto;
  scrollbar-width:thin;
  padding-right:2px;
}
body.admin-mode .admin-pro-sidebar nav a{
  min-height:43px;
  display:flex;
  align-items:center;
  padding:11px 12px;
  font-size:14px;
}
body.admin-mode .admin-pro-brand strong{font-size:16px}
body.admin-mode .admin-pro-brand small{font-size:12.5px}
body.admin-mode .admin-back{font-size:13.5px}
body.admin-mode .admin-pro-main{min-width:0;width:100%}
body.admin-mode .admin-pro-header{
  min-height:160px;
  padding:28px 30px;
  margin-bottom:18px;
}
body.admin-mode .admin-pro-header h1{
  font-size:clamp(34px,3vw,44px);
  line-height:1.05;
}
body.admin-mode .admin-pro-header p{font-size:15.5px;line-height:1.55}
body.admin-mode .admin-health strong{font-size:14px}
body.admin-mode .admin-health small{font-size:12.5px}

body.admin-mode .admin-pro-stats{
  grid-template-columns:repeat(5,minmax(150px,1fr));
  gap:14px;
  margin-bottom:18px;
}
body.admin-mode .admin-pro-stats article{min-height:84px;padding:17px 18px}
body.admin-mode .admin-pro-stats small{font-size:13px}
body.admin-mode .admin-pro-stats strong{font-size:27px}

body.admin-mode .admin-pro-card{
  padding:28px;
  margin-bottom:18px;
  border-radius:20px;
}
body.admin-mode .admin-pro-section-head{margin-bottom:22px}
body.admin-mode .admin-pro-section-head h2{font-size:24px;line-height:1.2}
body.admin-mode .admin-pro-section-head h3{font-size:20px!important}
body.admin-mode .admin-pro-section-head p{font-size:14.5px;line-height:1.55;max-width:850px}
body.admin-mode .admin-badge{font-size:12px;padding:7px 10px}

/* Forms: make every control readable and consistent. */
body.admin-mode .admin-pro-form{gap:15px}
body.admin-mode .admin-pro-form label{font-size:13.5px;gap:8px}
body.admin-mode .admin-pro-form label small{font-size:12px}
body.admin-mode .admin-pro-form input,
body.admin-mode .admin-pro-form select,
body.admin-mode .admin-pro-form textarea,
body.admin-mode .editor-card input,
body.admin-mode .editor-card select,
body.admin-mode .editor-card textarea{
  font-size:14.5px;
  border-radius:11px;
}
body.admin-mode .admin-pro-form input,
body.admin-mode .admin-pro-form select,
body.admin-mode .editor-card input,
body.admin-mode .editor-card select{height:46px}
body.admin-mode .admin-pro-form textarea,
body.admin-mode .editor-card textarea{padding:12px 13px;line-height:1.6}
body.admin-mode .admin-pro-form .primary-btn{height:46px;font-size:14.5px}

/* SEO editor */
body.admin-mode .admin-seo-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:22px;
  align-items:start;
}
body.admin-mode .seo-preview{padding:22px;border-radius:16px;position:sticky;top:24px}
body.admin-mode .seo-preview>span{font-size:11.5px}
body.admin-mode .seo-preview strong{font-size:20px;line-height:1.35}
body.admin-mode .seo-preview p{font-size:14px}
body.admin-mode .seo-preview small{font-size:12.5px}
body.admin-mode .admin-override-list small{font-size:12.5px}
body.admin-mode .admin-override-list p{font-size:12.5px;line-height:1.5}

/* Slug cards should never be forced into five tiny columns. */
body.admin-mode .route-setting-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:14px!important;
}
body.admin-mode .route-setting-card{
  min-width:0;
  padding:16px!important;
  border-radius:14px!important;
}
body.admin-mode .route-setting-card>div>span{font-size:11px!important}
body.admin-mode .route-setting-card>div>strong{font-size:13.5px!important}
body.admin-mode .route-setting-card label{font-size:12.5px!important}
body.admin-mode .route-setting-card input{
  height:42px!important;
  font-size:13.5px!important;
  padding:0 11px!important;
}
body.admin-mode .route-setting-card small{
  font-size:12px!important;
  line-height:1.4;
  overflow-wrap:anywhere;
  white-space:normal!important;
  min-height:34px;
}
body.admin-mode .route-setting-card .tiny-btn{height:40px;font-size:13px}

/* Blog studio gets room instead of squeezing the editor. */
body.admin-mode .admin-blog-grid{
  grid-template-columns:minmax(430px,.9fr) minmax(440px,1.1fr);
  gap:22px;
  align-items:start;
}
body.admin-mode .admin-blog-list{border-radius:16px}
body.admin-mode .admin-list-head{padding:15px 17px}
body.admin-mode .admin-list-head strong{font-size:15px}
body.admin-mode .admin-list-head span{font-size:12.5px}
body.admin-mode .admin-blog-list article{padding:15px 16px;gap:13px}
body.admin-mode .admin-blog-list article strong{font-size:14.5px}
body.admin-mode .admin-blog-list article small{font-size:12.5px}
body.admin-mode .admin-blog-list article>div:nth-child(2)>span{font-size:11.5px}
body.admin-mode .blog-status{font-size:10.5px!important;padding:6px 8px}
body.admin-mode .admin-empty{font-size:13.5px;padding:30px}

/* Tables and security */
body.admin-mode .admin-pro-table-wrap{border-radius:14px}
body.admin-mode .admin-pro-table-wrap table{font-size:13.5px}
body.admin-mode .admin-pro-table-wrap th{font-size:11px;padding:12px 13px}
body.admin-mode .admin-pro-table-wrap td{padding:13px}
body.admin-mode .security-list strong{font-size:13.5px}
body.admin-mode .security-list small{font-size:12px}

/* Avoid width/zoom-specific product CSS affecting Control Center. */
@media (min-width:2000px){
  body.admin-mode .admin-pro-shell{width:min(1880px,calc(100% - 80px));grid-template-columns:290px minmax(0,1fr)}
}
@media (max-width:1350px){
  body.admin-mode .admin-pro-shell{width:min(1180px,calc(100% - 32px));grid-template-columns:230px minmax(0,1fr);gap:18px}
  body.admin-mode .admin-pro-stats{grid-template-columns:repeat(3,1fr)}
  body.admin-mode .admin-blog-grid{grid-template-columns:1fr}
  body.admin-mode .admin-seo-grid{grid-template-columns:1fr}
  body.admin-mode .seo-preview{position:static}
}
@media (max-width:980px){
  body.admin-mode .admin-pro-shell{display:block;width:calc(100% - 24px);padding-top:14px}
  body.admin-mode .admin-pro-sidebar{position:relative;top:0;min-height:0;margin-bottom:16px;padding:14px}
  body.admin-mode .admin-pro-sidebar nav{display:flex;overflow:auto;max-height:none;margin-top:12px;gap:6px}
  body.admin-mode .admin-pro-sidebar nav a{white-space:nowrap;min-height:40px}
  body.admin-mode .admin-back{margin-top:12px;padding-top:12px}
  body.admin-mode .admin-pro-two-col{grid-template-columns:1fr}
}
@media (max-width:720px){
  body.admin-mode .admin-pro-shell{width:calc(100% - 16px);padding-bottom:32px}
  body.admin-mode .admin-pro-header{padding:21px;min-height:0;align-items:flex-start;flex-direction:column}
  body.admin-mode .admin-pro-header h1{font-size:32px}
  body.admin-mode .admin-pro-card{padding:18px}
  body.admin-mode .admin-pro-stats{grid-template-columns:1fr 1fr;gap:10px}
  body.admin-mode .admin-pro-stats article{min-height:74px;padding:13px}
  body.admin-mode .admin-pro-form,
  body.admin-mode .compact-grid{grid-template-columns:1fr}
  body.admin-mode .admin-pro-form .full{grid-column:auto}
  body.admin-mode .route-setting-grid{grid-template-columns:1fr!important}
  body.admin-mode .admin-blog-grid{grid-template-columns:1fr}
}