/* ==========================================================================
   Culture Admin UI - Professional Form Layout
   Pastel Green / Yellow, no brown, no gradient
   ========================================================================== */

:root{
  --font-main:"Kanit Culture","Kanit","Sarabun","Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif;

  --admin-bg:#f6fbf7;
  --sidebar:#174c3a;
  --sidebar-hover:#236450;
  --panel:#ffffff;
  --panel-soft:#fbfefb;
  --line:#dceee6;
  --line-soft:#ebf6f1;
  --text:#1d3028;
  --text-strong:#0f241d;
  --muted:#637a70;

  --green-900:#174c3a;
  --green-800:#236450;
  --green-700:#2f7b63;
  --green-600:#4aa083;
  --green-300:#a7dfcc;
  --green-200:#c9efe1;
  --green-100:#e6f8f0;
  --green-50:#f3fcf8;

  --yellow-700:#9a8700;
  --yellow-500:#f3da44;
  --yellow-300:#f8e984;
  --yellow-200:#fff3a8;
  --yellow-100:#fffadb;

  --red:#d96060;
  --red-soft:#fff0f0;
  --success:#3c9473;
  --blue:#3178c6;
  --blue-soft:#eef6ff;

  --shadow-xs:0 2px 8px rgba(35,100,80,.045);
  --shadow-sm:0 8px 22px rgba(35,100,80,.065);
  --shadow:0 16px 38px rgba(35,100,80,.10);

  --radius-xs:10px;
  --radius-sm:13px;
  --radius:18px;
  --radius-lg:24px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-main);
  font-size:14.5px;
  line-height:1.65;
  color:var(--text);
  background:var(--admin-bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
button,input,textarea,select{font-family:inherit;font-size:14px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

/* Shell */
.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
.admin-sidebar{
  background:var(--sidebar);
  color:#fff;
  padding:16px 14px;
  position:sticky;top:0;height:100vh;
  display:flex;flex-direction:column;
  overflow:hidden;
  box-shadow:12px 0 32px rgba(35,100,80,.12);
  border-right:1px solid rgba(255,255,255,.10);
}
.admin-brand{
  display:flex;align-items:center;gap:11px;
  font-size:17px;font-weight:600;margin:0 4px 14px;
  min-height:46px;
  flex:0 0 auto;
}
.admin-brand span{
  width:42px;height:42px;border-radius:13px;
  background:var(--yellow-200);
  border:1px solid var(--yellow-300);
  display:grid;place-items:center;color:var(--green-900);
  font-weight:900;overflow:hidden;
}
.admin-brand span img{width:100%;height:100%;object-fit:cover}
.admin-sidebar nav{
  display:block;
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:2px 4px 10px;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.34) transparent;
}
.admin-sidebar nav::-webkit-scrollbar{width:7px}
.admin-sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:999px}
.admin-sidebar nav a{
  display:flex;align-items:center;
  min-height:42px;
  padding:10px 12px;border-radius:13px;
  color:#e9fff5;font-weight:400;
  transition:.16s ease;
  border:1px solid transparent;
  font-size:13.4px;line-height:1.35;
  white-space:normal;
  overflow-wrap:anywhere;
}
.admin-sidebar nav a:hover,.admin-sidebar nav a.is-active{
  background:var(--sidebar-hover);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}
.admin-user{
  flex:0 0 auto;
  margin:12px 4px 0;
  display:flex;gap:11px;align-items:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;padding:11px;
  min-width:0;
}
.admin-user div{min-width:0}
.admin-user strong,.admin-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-user span{
  display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:var(--yellow-200);
  color:var(--green-900);font-weight:900;
}
.admin-user small{display:block;color:#d6f2e7}

/* Topbar / content */
.admin-main{min-width:0}
.admin-topbar{
  min-height:68px;
  background:#fff;
  border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
  gap:14px;
  padding:12px 26px;position:sticky;top:0;z-index:20;
  box-shadow:0 4px 16px rgba(35,100,80,.045);
}
.admin-topbar>div:first-of-type{min-width:0}
.admin-topbar strong{color:var(--green-900);font-size:16px;font-weight:500}
.admin-topbar span{display:block;color:var(--muted);font-size:12.5px;margin-top:1px;font-weight:300}
.admin-topbar a{
  color:var(--green-900);font-weight:500;
  background:var(--green-50);border:1px solid var(--line);
  border-radius:999px;padding:8px 13px;font-size:13px;
}
.admin-menu-btn{
  display:none;border:1px solid var(--line);background:#fff;
  color:var(--green-900);border-radius:11px;padding:8px 10px;
  cursor:pointer;align-items:center;justify-content:center;
}
.admin-sidebar-backdrop{display:none}
.admin-sidebar-backdrop[hidden]{display:none!important}
.admin-content{padding:28px;max-width:1540px}

/* Page head */
.admin-page-head{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:20px;gap:16px;
}
.admin-page-head h1{
  font-size:26px;margin:0 0 4px;
  color:var(--green-900);letter-spacing:-.01em;font-weight:600;
}
.admin-page-head p{margin:0;color:var(--muted);line-height:1.55}
.head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* Buttons */
.admin-primary,.admin-secondary,.admin-danger,.link-btn,.danger-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:40px;
  border-radius:13px;
  padding:9px 14px;
  font-weight:500;
  cursor:pointer;
  transition:.15s ease;
  white-space:nowrap;
}
.admin-primary{
  border:1px solid var(--green-700);
  background:var(--green-700);
  color:#fff;
}
.admin-primary:hover{background:var(--green-800);border-color:var(--green-800)}
.admin-secondary,.link-btn{
  border:1px solid var(--line);
  background:#fff;
  color:var(--green-900);
}
.admin-secondary:hover,.link-btn:hover{background:var(--green-50);border-color:var(--green-200)}
.admin-secondary.is-loading,.link-btn.is-loading{opacity:.72;cursor:wait;pointer-events:none}
.admin-danger,.danger-btn{
  border:1px solid #ffd2d2;
  background:var(--red-soft);
  color:#b94b40;
}
.admin-danger:hover,.danger-btn:hover{background:#ffe7e7}

/* Alerts */
.admin-alert{
  margin:0 0 18px;
  padding:13px 16px;
  border-radius:16px;
  border:1px solid #c9efe1;
  background:#e8fbf1;
  color:#174c3a;
  font-weight:500;
  box-shadow:var(--shadow-xs);
}
.admin-alert.error{background:#fff0f0;border-color:#ffd2d2;color:#b94b40}

/* Panels / cards */
.admin-card,.panel,.media-card,.form-section,.list-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
}
.admin-card{padding:0;margin-bottom:20px;overflow:hidden}
.panel{padding:18px;overflow:auto}
.panel h2,.admin-card h2{
  margin:0 0 14px;
  color:var(--green-900);
  letter-spacing:-.01em;
  font-size:19px;
  font-weight:500;
}
.card-header,.section-header,.list-panel-header{
  display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  padding:18px 20px;
  border-bottom:1px solid var(--line-soft);
  background:var(--panel-soft);
}
.card-header h2,.section-header h3,.list-panel-header h2{margin:0;color:var(--green-900);font-weight:600}
.card-header p,.section-header p,.list-panel-header p{margin:4px 0 0;color:var(--muted);font-size:13px}
.admin-muted{color:var(--muted);font-size:12.8px;font-weight:300}

/* Form layout */
.admin-form{display:block}
.form-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:18px;
  align-items:start;
  padding:20px;
}
.form-main,.form-side{display:grid;gap:16px;min-width:0}
.form-section{padding:0;overflow:hidden}
.form-section-body{padding:18px;display:grid;gap:14px}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
.field-label{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  color:#254337;
  font-weight:500;
  font-size:13.5px;
}
.field-label .required{color:var(--red)}
.field-help{color:var(--muted);font-size:12.5px;line-height:1.45}
.input-control,
.admin-form input,
.admin-form select,
.admin-form textarea,
.toolbar input,
.toolbar select,
.settings-grid input,
.settings-grid textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:13px;
  padding:11px 12px;
  background:#fff;
  color:var(--text);
  outline:none;
  transition:.15s ease;
}
.admin-form textarea,
.settings-grid textarea{min-height:120px;resize:vertical}
.admin-form .content-editor{
  min-height:360px;
  line-height:1.72;
  font-family:inherit;
}
.input-control:hover,
.admin-form input:hover,
.admin-form select:hover,
.admin-form textarea:hover,
.toolbar input:hover,
.toolbar select:hover{border-color:var(--green-200)}
.input-control:focus,
.admin-form input:focus,
.admin-form select:focus,
.admin-form textarea:focus,
.toolbar input:focus,
.toolbar select:focus,
.settings-grid input:focus,
.settings-grid textarea:focus{
  border-color:var(--green-600);
  box-shadow:0 0 0 4px rgba(74,160,131,.12);
}
.input-with-prefix{display:flex;align-items:center;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}
.input-with-prefix span{padding:0 12px;color:var(--muted);background:var(--green-50);align-self:stretch;display:grid;place-items:center;border-right:1px solid var(--line)}
.input-with-prefix input{border:0;border-radius:0;box-shadow:none!important}
.checkbox-card{
  display:flex;align-items:flex-start;gap:10px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  padding:12px;
  cursor:pointer;
}
.checkbox-card input{width:auto;margin-top:3px}
.checkbox-card strong{display:block;color:var(--green-900);font-weight:500}
.checkbox-card small{display:block;color:var(--muted);font-size:12.5px}
.form-sticky-actions{
  position:sticky;
  bottom:0;
  z-index:12;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 20px;
  background:rgba(255,255,255,.96);
  border-top:1px solid var(--line);
  box-shadow:0 -8px 20px rgba(35,100,80,.055);
}
.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* Tools / toolbar */
.toolbar{
  display:flex;gap:10px;align-items:end;flex-wrap:wrap;
  margin-bottom:14px;
}
.toolbar input{min-width:260px}
.toolbar select{min-width:170px}
.toolbar button,.toolbar a{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.filter-toolbar .filter-field{min-width:180px;flex:1 1 180px}
.filter-toolbar .filter-field:first-of-type{flex:2 1 300px}

/* Table */
.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--line)}
.admin-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;min-width:860px}
.admin-table th{
  text-align:left;font-size:12.5px;color:var(--muted);
  border-bottom:1px solid var(--line);padding:11px 12px;
  background:var(--panel-soft);
  font-weight:500;
  position:sticky;top:0;z-index:1;
}
.admin-table td{border-bottom:1px solid var(--line-soft);padding:12px;vertical-align:middle;color:#2f463b}
.admin-table tr:last-child td{border-bottom:0}
.admin-table tr:hover td{background:var(--green-50)}
.admin-table small{display:block;color:var(--muted);margin-top:2px}
.admin-table .actions{display:flex;flex-wrap:wrap;gap:6px}
.thumb{width:58px;height:46px;object-fit:cover;border-radius:11px;border:1px solid var(--line)}
.thumb-lg{width:150px;height:104px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.status{
  display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;
  font-size:11.5px;font-weight:500;border:1px solid transparent;
}
.status.published{background:#e8fbf1;color:#22684c;border-color:#c9f1dc}
.status.draft{background:#fffadb;color:#766900;border-color:#f8e984}
.status.archived{background:#f1f5f3;color:#637a70;border-color:#dceee6}

/* Metrics */
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.metric-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow-sm);
  padding:18px;position:relative;overflow:hidden;
}
.metric-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow-300)}
.metric-card span{color:var(--muted);font-weight:300;font-size:13px}
.metric-card strong{display:block;font-size:31px;color:var(--green-900);margin:6px 0;line-height:1;font-weight:600}
.metric-card em{font-style:normal;color:var(--success);font-weight:300;font-size:13px}
.admin-grid-2{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}
.timeline-item{border-left:3px solid var(--yellow-300);padding:4px 0 14px 13px;display:grid}
.timeline-item b{color:var(--green-900)}
.timeline-item span{color:var(--muted)}

/* Media picker */
.media-tools{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.media-tools input{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.media-picker{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(138px,1fr));
  gap:10px;
  max-height:390px;
  overflow:auto;
  padding:10px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel-soft);
}
.media-option{
  position:relative;
  display:grid;
  gap:7px;
  border:1px solid var(--line);
  border-radius:15px;
  padding:8px;
  background:#fff;
  cursor:pointer;
  transition:.15s ease;
  min-width:0;
}
.media-option:hover{border-color:var(--green-300);box-shadow:var(--shadow-xs)}
.media-option:has(input:checked){
  border-color:var(--green-600);
  background:var(--green-50);
  box-shadow:0 0 0 3px rgba(74,160,131,.12);
}
.media-option input{
  position:absolute;
  top:8px;left:8px;
  width:18px;height:18px;
  accent-color:var(--green-700);
}
.media-option img{
  width:100%;
  height:82px;
  object-fit:cover;
  border-radius:11px;
  border:1px solid var(--line-soft);
  background:#f8fbf9;
}
.media-option span{
  display:block;
  font-size:12px;
  color:var(--text);
  line-height:1.35;
  word-break:break-word;
}
.media-option.no-image{
  min-height:108px;
  place-content:center;
  text-align:center;
  background:var(--yellow-100);
}
.media-path{font-size:11px;color:var(--muted);word-break:break-all}

/* Media grid */
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.media-card{padding:11px}
.media-card img{height:150px;width:100%;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#f7faf8}
.media-card strong,.media-card span{display:block;margin-top:7px}
.media-card strong{color:var(--green-900)}
.media-card span{color:var(--muted);font-size:12.5px}

/* Page cards / settings */
.page-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.page-card{
  border:1px solid var(--line);border-radius:16px;
  padding:16px;background:var(--panel-soft);
}
.page-card h2{font-size:18px;margin:0 0 8px;color:var(--green-900)}
.page-card p{color:var(--muted)}
.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.settings-grid label,
.settings-grid .setting-field{
  display:grid;gap:7px;
  color:#254337;
  font-weight:500;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
}
.settings-grid .setting-field .field-label{font-size:13px}
.settings-grid .full{grid-column:1/-1}

/* Upload */
.file-drop{
  border:1.5px dashed var(--green-300);
  background:var(--green-50);
  border-radius:18px;
  padding:18px;
  display:grid;
  gap:10px;
  justify-items:start;
}
.file-drop input{
  background:#fff;
}
.file-preview{
  display:flex;
  gap:12px;
  align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:10px;
}
.file-preview img{width:92px;height:68px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}

/* Modal left from previous */
.modal{position:fixed;inset:0;background:rgba(15,36,29,.48);display:none;align-items:center;justify-content:center;padding:20px;z-index:40}
.modal.open{display:flex}
.modal-card{width:min(740px,100%);background:#fff;border-radius:20px;padding:22px;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.18)}
.modal-card h2{color:var(--green-900);margin-top:0;font-size:22px}
.modal-close{position:absolute;right:14px;top:12px;border:0;background:var(--green-50);color:var(--green-900);border-radius:50%;width:32px;height:32px;font-weight:900}

/* Responsive */
@media(max-width:1180px){
  .form-layout{grid-template-columns:1fr}
  .form-side{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .admin-shell{grid-template-columns:1fr}
  .admin-sidebar{
    position:fixed;inset:0 auto 0 0;width:min(316px,86vw);z-index:1200;
    transform:translateX(-105%);transition:transform .2s ease;
    border-right:1px solid rgba(255,255,255,.12);
  }
  .admin-sidebar.open{transform:none}
  body.admin-sidebar-open{overflow:hidden}
  .admin-sidebar-backdrop{
    display:block;position:fixed;inset:0;z-index:1190;
    background:rgba(5,31,22,.42);backdrop-filter:blur(2px);
    opacity:0;pointer-events:none;transition:.18s ease;
  }
  body.admin-sidebar-open .admin-sidebar-backdrop{opacity:1;pointer-events:auto}
  .admin-menu-btn{display:inline-flex}
  .metric-grid,.admin-grid-2{grid-template-columns:1fr 1fr}
  .form-grid-3{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  body{font-size:14px}
  .admin-content{padding:16px}
  .admin-topbar{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 12px;gap:10px}
  .admin-topbar strong{font-size:15px}
  .admin-topbar span{display:none}
  .admin-topbar a{display:none}
  .admin-page-head{display:grid}
  .metric-grid,.admin-grid-2,.form-grid-2,.form-grid-3,.settings-grid,.form-side{grid-template-columns:1fr}
  .toolbar{display:grid}
  .toolbar input,.toolbar select{min-width:0}
  .form-layout{padding:14px}
  .form-sticky-actions{display:grid;position:static}
  .form-actions{width:100%}
  .form-actions .admin-primary,.form-actions .admin-secondary,.form-actions .admin-danger{flex:1}
}

/* ========================================================================== 
   Phase Admin 1 - Auth / Permission / Audit Gate
   ========================================================================== */
.auth-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 16% 18%, rgba(248,233,132,.38), transparent 30%),
    radial-gradient(circle at 85% 12%, rgba(167,223,204,.38), transparent 34%),
    var(--admin-bg);
}
.auth-card{
  width:min(480px,100%);
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  box-shadow:var(--shadow);
  padding:24px;
}
.forbidden-card{width:min(720px,100%)}
.auth-brand{
  display:flex;
  gap:14px;
  align-items:center;
  margin-bottom:20px;
}
.auth-brand>span{
  width:56px;
  height:56px;
  flex:0 0 56px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:var(--green-900);
  background:var(--yellow-200);
  border:1px solid var(--yellow-300);
  overflow:hidden;
  font-size:28px;
  font-weight:800;
}
.auth-brand img{width:100%;height:100%;object-fit:cover}
.auth-brand h1{margin:0;color:var(--green-900);font-size:24px;line-height:1.25}
.auth-brand p{margin:3px 0 0;color:var(--muted)}
.auth-form{display:grid;gap:15px}
.auth-submit{width:100%;margin-top:4px}
.auth-note{
  margin-top:18px;
  padding:12px 14px;
  border-radius:16px;
  background:var(--green-50);
  border:1px solid var(--line);
  display:grid;
  gap:2px;
}
.auth-note strong{color:var(--green-900)}
.auth-note span{color:var(--muted);font-size:13px}
.topbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.logout-form{margin:0;display:inline-flex}
.logout-form .admin-secondary{min-height:38px;padding:8px 13px;border-radius:999px}
.permission-note{
  margin:0 0 18px;
  padding:13px 16px;
  border:1px solid var(--line);
  background:var(--green-50);
  color:var(--green-900);
  border-radius:16px;
}
.debug-panel{
  margin-top:22px;
  padding:16px;
  border-radius:18px;
  border:1px dashed var(--green-300);
  background:#fbfffd;
  color:var(--green-900);
}
.debug-panel pre{
  margin:10px 0 0;
  overflow:auto;
  white-space:pre-wrap;
  background:var(--green-50);
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  color:#254337;
}
@media(max-width:760px){
  .auth-page{padding:16px;place-items:start center}
  .auth-card{padding:18px;border-radius:22px;margin-top:18px}
  .auth-brand{align-items:flex-start}
  .auth-brand h1{font-size:21px}
  .topbar-actions a{display:none}
  .logout-form .admin-secondary{min-height:36px;padding:7px 11px}
}

/* ========================================================================== 
   Phase Admin 1.1 - User / Role / Permission Management UI
   ========================================================================== */
.sr-only{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
.empty-cell{
  text-align:center!important;
  color:var(--muted)!important;
  padding:24px!important;
  background:var(--green-50)!important;
}
.admin-nav-group{display:grid;gap:5px;margin:0 0 14px}
.admin-nav-group:not(:first-child){padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.admin-nav-group>span{
  color:rgba(255,255,255,.70);
  font-size:10.8px;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:2px 8px;
  line-height:1.35;
}
.admin-filterbar{align-items:end;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow-xs)}
.filter-field{display:grid;gap:6px;min-width:170px;flex:1 1 170px}
.filter-field.wide{flex:2 1 300px}
.filter-field label{color:#254337;font-weight:500;font-size:12.8px}
.readonly-box{
  min-height:45px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--green-50);
  padding:10px 12px;
  display:grid;
  gap:2px;
}
.readonly-box strong{color:var(--green-900);font-weight:600}
.readonly-box span{color:var(--muted);font-size:12.5px}
.security-summary{
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  background:var(--panel-soft);
  display:grid;
  gap:5px;
}
.security-summary strong{font-size:18px;color:var(--green-900)}
.security-summary span,.security-summary p{margin:0;color:var(--muted)}
.empty-state{
  padding:24px;
  border:1px dashed var(--green-300);
  background:var(--green-50);
  color:var(--green-900);
  border-radius:16px;
  text-align:center;
}
.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px;align-items:start}
.role-card{overflow:visible}
.role-card .card-header code{display:inline-block;margin-top:6px;background:var(--green-50);border:1px solid var(--line);border-radius:999px;padding:2px 9px;color:var(--green-900)}
.role-permission-form{display:grid;gap:14px;padding:16px}
.permission-group-card{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:14px;
  display:grid;
  gap:12px;
}
.permission-group-card.compact{background:var(--panel-soft)}
.permission-group-card h3{margin:0;color:var(--green-900);font-size:16px;font-weight:600}
.permission-check-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.permission-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:10px;
  min-width:0;
}
.permission-check input{margin-top:4px;accent-color:var(--green-700)}
.permission-check strong{display:block;color:#254337;font-weight:500;line-height:1.35}
.permission-check code,.permission-override-row code,.audit-table code,.permission-catalog-table code{
  display:inline-block;
  margin-top:4px;
  color:var(--green-900);
  background:var(--green-50);
  border:1px solid var(--line);
  border-radius:999px;
  padding:1px 7px;
  font-size:11.5px;
  word-break:break-all;
}
.role-savebar{position:static;margin:2px -16px -16px;border-radius:0 0 18px 18px}
.permission-override-form{padding:16px;display:grid;gap:14px}
.permission-override-grid{display:grid;gap:9px}
.permission-override-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--panel-soft);
  padding:10px;
}
.permission-override-row strong{display:block;color:#254337;font-weight:500}
.permission-override-row small{display:block;color:var(--muted);margin-top:3px}
.mini-check{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--green-900);white-space:nowrap}
.mini-check input{accent-color:var(--green-700)}
.mini-check.danger{color:#b94b40}
.mini-check.danger input{accent-color:#d96060}
.permission-catalog-table input{min-width:120px}
.permission-catalog-table .small-number{max-width:90px;min-width:78px}
.audit-table{min-width:1080px}
.log-filterbar .filter-field{min-width:150px}
.log-meta{margin-top:8px}
.log-meta summary{cursor:pointer;color:var(--green-900);font-weight:500}
.log-meta pre{
  max-height:220px;
  overflow:auto;
  white-space:pre-wrap;
  background:var(--green-50);
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px;
  color:#254337;
}
.admin-mobile-card-table form{margin:0}
@media(max-width:760px){
  .admin-filterbar{display:grid;grid-template-columns:1fr;align-items:stretch}
  .filter-field,.filter-field.wide{min-width:0;width:100%}
  .role-grid{grid-template-columns:1fr}
  .permission-check-list{grid-template-columns:1fr}
  .permission-override-row{grid-template-columns:1fr;align-items:start}
  .admin-mobile-card-table{border:0;overflow:visible}
  .admin-mobile-card-table .admin-table{min-width:0;border-collapse:separate;border-spacing:0 12px;background:transparent}
  .admin-mobile-card-table .admin-table thead{display:none}
  .admin-mobile-card-table .admin-table tr{
    display:block;
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:var(--shadow-xs);
    overflow:hidden;
  }
  .admin-mobile-card-table .admin-table td{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    gap:12px;
    border-bottom:1px solid var(--line-soft);
    padding:11px 13px;
    word-break:break-word;
  }
  .admin-mobile-card-table .admin-table td:last-child{border-bottom:0}
  .admin-mobile-card-table .admin-table td:before{
    content:attr(data-label);
    color:var(--muted);
    font-size:12px;
    font-weight:500;
  }
  .admin-mobile-card-table .admin-table tr:hover td{background:#fff}
  .permission-catalog-table input{min-width:0;width:100%}
}
.quick-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:18px}
.quick-action-card{display:grid;gap:4px;border:1px solid var(--line);background:var(--panel-soft);border-radius:16px;padding:16px;transition:.15s ease}
.quick-action-card:hover{border-color:var(--green-300);box-shadow:var(--shadow-xs);transform:translateY(-1px)}
.quick-action-card strong{color:var(--green-900);font-size:16px}
.quick-action-card span{color:var(--muted);font-size:13px}

/* Phase Admin 1.2 — Security Profile + UX Gate */
.admin-alert.warning{background:#fff7df;border-color:#f1d28b;color:#77510b}
.admin-toast-zone{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:2000;max-width:min(420px,calc(100vw - 28px))}
.admin-toast{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:start;background:#fff;border:1px solid var(--line);border-left:5px solid var(--green-600);border-radius:16px;padding:12px 14px;box-shadow:0 16px 40px rgba(19,58,42,.16);opacity:0;transform:translateY(10px);transition:.2s ease;color:var(--green-900)}
.admin-toast.show{opacity:1;transform:translateY(0)}
.admin-toast strong{font-size:13px;line-height:1.2}.admin-toast span{grid-column:1/2;color:#355344;font-size:13px;line-height:1.55}.admin-toast button{grid-row:1/3;grid-column:2/3;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--muted)}
.admin-toast.error{border-left-color:#c84b44}.admin-toast.warning{border-left-color:#d9961a}
.admin-confirm-overlay{
  position:fixed;inset:0;background:rgba(5,31,22,.50);
  display:grid;place-items:center;z-index:2100;padding:20px;
  backdrop-filter:blur(4px);
}
.admin-confirm-overlay[hidden]{display:none!important}
.admin-confirm-modal{
  width:min(480px,100%);background:#fff;border:1px solid rgba(202,221,213,.95);
  border-radius:24px;padding:22px;box-shadow:0 28px 80px rgba(5,31,22,.26);
  color:var(--green-900);
}
.admin-confirm-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:16px}
.admin-confirm-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;font-weight:900;font-size:24px;line-height:1}
.admin-confirm-modal[data-confirm-variant="danger"] .admin-confirm-icon{background:#fff1f2;color:#be123c;border-color:#fecdd3}
.admin-confirm-modal[data-confirm-variant="logout"] .admin-confirm-icon{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.admin-confirm-modal[data-confirm-variant="warning"] .admin-confirm-icon{background:#fffbeb;color:#b45309;border-color:#fde68a}
.admin-confirm-modal h2{margin:0 0 6px;color:var(--green-900);font-size:20px;font-weight:700;line-height:1.3}
.admin-confirm-modal p{margin:0;color:#496657;line-height:1.65;font-size:14px}
.admin-confirm-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:18px;border-top:1px solid #edf4f1;padding-top:16px}
.admin-confirm-actions .admin-primary,.admin-confirm-actions .admin-secondary,.admin-confirm-actions .admin-danger{min-width:112px}
.admin-confirm-modal[data-confirm-variant="logout"] .admin-primary{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
.admin-confirm-modal[data-confirm-variant="logout"] .admin-primary:hover{background:#1e40af;border-color:#1e40af}
.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:18px;align-items:start}.profile-card .compact-form{padding:18px}.compact-form{display:grid;gap:16px}.security-focus-card{border-color:#dbead9;background:linear-gradient(180deg,#fff 0%,#fbfff9 100%)}
.password-policy-box{display:grid;gap:4px;border:1px solid #e7efd9;background:#fffdf0;color:#654d10;border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.55}.password-policy-box strong{font-size:13px}.password-policy-box span{color:#725c1e}
.security-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}.security-info-grid>div{border:1px solid var(--line);background:var(--panel-soft);border-radius:16px;padding:14px;display:grid;gap:4px}.security-info-grid span{color:var(--muted);font-size:12.5px}.security-info-grid strong{color:var(--green-900);font-size:16px}.security-info-grid small{color:#587367;line-height:1.45}
.checkbox-field-card{border:1px solid var(--line);background:var(--panel-soft);border-radius:16px;padding:12px 14px}.toggle-line{display:flex;align-items:flex-start;gap:9px;color:#254337;font-size:13px;line-height:1.5}.toggle-line input{margin-top:3px;accent-color:var(--green-700)}.security-warning-text{color:#b45f00!important;font-weight:600}.file-preview-icon{width:92px;height:68px;border-radius:12px;border:1px solid #dceee6;display:grid;place-items:center;background:#f3fcf8}
.admin-user{text-decoration:none}.admin-user:hover{background:rgba(255,255,255,.08)}
.form-actions.end{justify-content:flex-end}
@media(max-width:980px){.profile-grid{grid-template-columns:1fr}.security-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.admin-toast-zone{right:12px;bottom:12px}.security-info-grid{grid-template-columns:1fr}.admin-confirm-modal{border-radius:18px;padding:18px}.admin-confirm-head{grid-template-columns:42px minmax(0,1fr);gap:12px}.admin-confirm-icon{width:42px;height:42px;border-radius:14px;font-size:21px}.admin-confirm-actions{display:grid;grid-template-columns:1fr;gap:9px}.admin-confirm-actions .admin-primary,.admin-confirm-actions .admin-secondary,.admin-confirm-actions .admin-danger{width:100%;min-width:0}.profile-card .compact-form{padding:14px}}

/* Phase Admin 1.3 — Soft Delete / Restore / Delete Reason Gate */
.trash-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;margin:0 0 1rem;align-items:center}
.trash-toolbar .admin-secondary.is-active{background:linear-gradient(135deg,#0f766e,#047857);color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(4,120,87,.18)}
.confirm-reason-field{margin:1rem 0 0;text-align:left}
.confirm-reason-field textarea{width:100%;resize:vertical;min-height:92px}
.confirm-reason-field .admin-muted{display:block;margin-top:.35rem;color:#b91c1c;font-weight:700}
.delete-reason{display:block;margin-top:.35rem;font-size:.8rem;line-height:1.45;color:#7f1d1d;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:.45rem .6rem;max-width:320px}
.admin-table .delete-reason{max-width:260px}
.media-card .delete-reason{max-width:none}
.status.archived + .status.archived{margin-left:.35rem}

/* Phase Admin 1.4 - Content Workflow / Publish Gate */
.status.scheduled{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}
.field-help-block{display:block;margin-top:6px;color:#64748b;font-size:.82rem;line-height:1.45}
button.compact,.admin-primary.compact,.admin-secondary.compact{padding:7px 10px;border-radius:10px;font-size:.82rem;line-height:1.1}
.workflow-console{border-color:#dbeafe;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.workflow-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.workflow-summary-card{border:1px solid #e2e8f0;border-radius:18px;padding:16px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.workflow-summary-card strong{display:block;margin-bottom:10px;color:#0f172a;font-size:1rem}
.workflow-summary-card small{display:block;margin-top:10px;color:#64748b}
.workflow-chip-row{display:flex;flex-wrap:wrap;gap:8px}
.preview-shell{max-width:980px;margin:0 auto}.preview-meta-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #e2e8f0;color:#475569}.preview-article{font-size:1rem;line-height:1.8;color:#1e293b}.preview-article h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;margin:0 0 12px;color:#0f172a}.preview-excerpt{font-size:1.12rem;color:#475569;background:#f8fafc;border-left:4px solid #2563eb;padding:12px 14px;border-radius:12px}.preview-content{margin-top:20px}.preview-content img{max-width:100%;height:auto;border-radius:16px}.preview-content table{width:100%;border-collapse:collapse;overflow:auto}.preview-content td,.preview-content th{border:1px solid #e2e8f0;padding:10px}
@media (max-width: 768px){.workflow-summary-grid{grid-template-columns:1fr}.workflow-chip-row .status{width:100%;justify-content:center}.preview-meta-bar{display:grid;grid-template-columns:1fr}.preview-article{font-size:.96rem}}

/* Phase Admin 1.5 - System QA / Admin Regression Gate */
.qa-hero{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:center;padding:22px;border-width:1px;border-style:solid}
.qa-hero.pass{border-color:#bbf7d0;background:linear-gradient(135deg,#ffffff 0%,#f0fdf4 100%)}
.qa-hero.warn{border-color:#fde68a;background:linear-gradient(135deg,#ffffff 0%,#fffbeb 100%)}
.qa-hero.fail{border-color:#fecaca;background:linear-gradient(135deg,#ffffff 0%,#fef2f2 100%)}
.qa-score-ring{width:150px;height:150px;border-radius:999px;border:12px solid #dbeafe;background:#fff;display:grid;place-items:center;align-content:center;box-shadow:0 16px 36px rgba(15,23,42,.08)}
.qa-hero.pass .qa-score-ring{border-color:#86efac}.qa-hero.warn .qa-score-ring{border-color:#facc15}.qa-hero.fail .qa-score-ring{border-color:#fca5a5}
.qa-score-ring strong{font-size:34px;color:#0f172a;line-height:1}.qa-score-ring span{color:#64748b;font-size:12px;margin-top:4px}
.qa-hero-copy h2{margin:0 0 8px;color:#0f172a;font-size:clamp(1.35rem,2.6vw,2rem)}
.qa-hero-copy p{margin:0;color:#475569;line-height:1.65}.qa-hero-copy small{display:block;margin-top:10px;color:#64748b}
.qa-summary-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.qa-summary-chips.compact{margin-top:0;justify-content:flex-end}
.qa-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;font-size:12.5px;font-weight:700;background:#fff;color:#334155;min-width:44px}
.qa-chip.pass{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.qa-chip.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.qa-chip.fail{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.qa-chip.info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.qa-guidance-card{overflow:hidden}.qa-guidance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}.qa-guidance-grid>div{border:1px solid var(--line);border-radius:16px;background:var(--panel-soft);padding:14px;display:grid;gap:4px}.qa-guidance-grid strong{color:var(--green-900)}.qa-guidance-grid span{color:var(--muted);line-height:1.5;font-size:13px}
.qa-group-stack{display:grid;gap:16px}.qa-group{overflow:hidden}.qa-group summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.qa-group summary::-webkit-details-marker{display:none}.qa-group summary h2{margin:0;color:var(--green-900);font-size:18px}.qa-group summary p{margin:4px 0 0;color:var(--muted)}
.qa-check-list{display:grid;gap:10px;padding:16px}.qa-check{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:13px 14px}.qa-check.pass{border-left:6px solid #22c55e}.qa-check.warn{border-left:6px solid #f59e0b}.qa-check.fail{border-left:6px solid #ef4444}.qa-check.info{border-left:6px solid #3b82f6}
.qa-check-status{font-size:12px;font-weight:800;border-radius:999px;padding:5px 8px;text-align:center;background:#f8fafc;color:#334155}.qa-check.pass .qa-check-status{background:#ecfdf5;color:#047857}.qa-check.warn .qa-check-status{background:#fffbeb;color:#92400e}.qa-check.fail .qa-check-status{background:#fef2f2;color:#b91c1c}.qa-check.info .qa-check-status{background:#eff6ff;color:#1d4ed8}
.qa-check-body strong{display:block;color:#0f172a;font-size:14px}.qa-check-body p{margin:4px 0 0;color:#475569;line-height:1.55;word-break:break-word}.qa-check-body small{display:block;margin-top:8px;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px;line-height:1.55}
@media(max-width:900px){.qa-hero{grid-template-columns:1fr}.qa-score-ring{width:128px;height:128px}.qa-guidance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-group summary{grid-template-columns:1fr}.qa-summary-chips.compact{justify-content:flex-start}.qa-check{grid-template-columns:1fr}.qa-check-status{width:max-content}}
@media(max-width:560px){.qa-guidance-grid{grid-template-columns:1fr}.qa-hero{padding:16px}.qa-score-ring{width:112px;height:112px;border-width:9px}.qa-score-ring strong{font-size:28px}}

/* Phase Admin 2.0 - Admin UX / Component Gate */
.ux-hero.pass{border-color:#a7f3d0;background:linear-gradient(135deg,#fff 0%,#ecfdf5 100%)}
.ux-hero.warn{border-color:#fde68a;background:linear-gradient(135deg,#fff 0%,#fffbeb 100%)}
.ux-hero.fail{border-color:#fecaca;background:linear-gradient(135deg,#fff 0%,#fef2f2 100%)}
.ux-standard-card{overflow:hidden}
.ux-standard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}
.ux-standard-grid article{display:grid;gap:6px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#fbfff9 100%);border-radius:18px;padding:16px;min-height:118px}
.ux-standard-grid strong{color:var(--green-900);font-size:15px}
.ux-standard-grid span{color:var(--muted);font-size:13px;line-height:1.55}
.ux-group-stack .qa-check-body p{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12.5px}
select[data-clearable-warning="1"]{outline:2px solid rgba(245,158,11,.22);outline-offset:1px}
form[data-dirty-watch="1"] .sticky-actions:before{content:"ระบบจะเตือนก่อนออกจากหน้าหากมีการแก้ไขที่ยังไม่บันทึก";color:#64748b;font-size:12.5px;margin-right:auto;line-height:1.4}
@media(max-width:980px){.ux-standard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ux-standard-grid{grid-template-columns:1fr}.ux-standard-grid article{min-height:auto}.admin-content{padding-bottom:72px}}

/* Phase Admin 2.2 — Sidebar Overlap Fix */
.admin-sidebar .admin-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:981px){
  .admin-sidebar{max-height:100vh}
  .admin-sidebar nav{overscroll-behavior:contain}
}
@media(max-width:420px){
  .admin-sidebar{width:min(300px,88vw);padding:14px 12px}
  .admin-sidebar nav a{min-height:40px;padding:9px 11px;font-size:13.2px}
  .admin-brand{font-size:16px}
}

/* Phase Admin 2.5 — QA Risk Acceptance Gate */
.qa-risk-accept-form{margin-top:12px;border:1px dashed #f59e0b;background:#fffbeb;border-radius:16px;padding:12px;display:grid;gap:10px}
.qa-risk-accept-head{display:grid;gap:3px}.qa-risk-accept-head strong{color:#92400e;font-size:13.5px}.qa-risk-accept-head span{color:#78350f;font-size:12.5px;line-height:1.45}
.qa-risk-accept-form label{display:grid;gap:6px;color:#374151;font-size:12.5px;font-weight:800}.qa-risk-accept-form textarea{width:100%;min-height:74px;resize:vertical;background:#fff;border:1px solid #fde68a;border-radius:12px;padding:9px 10px;color:#0f172a}.qa-risk-accept-form textarea:focus,.qa-risk-accept-form select:focus{outline:3px solid rgba(245,158,11,.18);border-color:#f59e0b}
.qa-risk-accept-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:end;justify-content:space-between}.qa-risk-accept-actions label{min-width:190px}.qa-risk-accept-actions select{background:#fff;border:1px solid #fde68a;border-radius:12px;padding:8px 10px;color:#0f172a}
@media(max-width:640px){.qa-risk-accept-actions{display:grid;grid-template-columns:1fr}.qa-risk-accept-actions .admin-secondary{width:100%;justify-content:center}.qa-risk-accept-actions label{min-width:0}}

/* Phase Admin 2.8: hard gate confirm reason field to delete/trash only */
[data-confirm-reason-wrap][hidden],
.admin-confirm-overlay[data-confirm-reason-enabled="0"] [data-confirm-reason-wrap],
.admin-confirm-modal[data-confirm-reason-enabled="0"] [data-confirm-reason-wrap],
.admin-confirm-modal:not([data-confirm-reason-enabled="1"]) [data-confirm-reason-wrap]{
  display:none!important;
}

/* Phase Admin 3.0 — Activity Logs Search Layout Fix */
.audit-filter-card{
  margin-bottom:18px;
  padding:0;
  overflow:hidden;
}
.audit-filter-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  padding:18px 20px;
  border-bottom:1px solid var(--line-soft);
  background:var(--panel-soft);
}
.audit-filter-head h2{margin:0;color:var(--green-900);font-size:18px;font-weight:700;line-height:1.3}
.audit-filter-head p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.55;max-width:860px}
.audit-filter-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
  padding:18px 20px 0;
  align-items:end;
}
.audit-filter-grid .filter-field{min-width:0;width:100%;grid-column:span 2}
.audit-filter-grid .audit-search-field{grid-column:span 4}
.audit-filter-grid .input-control{min-width:0;width:100%}
.audit-filter-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  padding:16px 20px 18px;
  border-top:1px solid rgba(220,238,230,.65);
  margin-top:18px;
}
.audit-filter-actions .admin-primary,
.audit-filter-actions .admin-secondary{min-height:42px;min-width:118px;justify-content:center}

@media(max-width:1280px){
  .audit-filter-grid .filter-field{grid-column:span 3}
  .audit-filter-grid .audit-search-field{grid-column:span 6}
}
@media(max-width:980px){
  .audit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .audit-filter-grid .filter-field,
  .audit-filter-grid .audit-search-field{grid-column:span 1}
}
@media(max-width:620px){
  .audit-filter-head{display:grid;padding:16px}
  .audit-filter-head .status{justify-self:start}
  .audit-filter-grid{grid-template-columns:1fr;padding:16px 16px 0;gap:12px}
  .audit-filter-grid .filter-field,
  .audit-filter-grid .audit-search-field{grid-column:1/-1}
  .audit-filter-actions{display:grid;grid-template-columns:1fr;padding:14px 16px 16px}
  .audit-filter-actions .admin-primary,
  .audit-filter-actions .admin-secondary{width:100%;min-width:0}
}

/* Phase Admin 3.4 — Menu Builder Gate */
.menu-builder-panel{overflow:hidden}
.admin-table tr.is-selected-row{background:rgba(13,127,168,.06)}
.admin-table tr.is-child-row td:first-child{padding-left:28px}
.menu-items-table-wrap .admin-table td small{display:block;margin-top:4px}
.form-grid-2.compact{gap:10px}
@media(max-width:700px){
  .admin-table tr.is-child-row td:first-child{padding-left:14px}
  .menu-builder-panel .head-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  .menu-builder-panel .head-actions a{width:100%;justify-content:center}
}

/* Phase Admin 3.5: Facebook Page Feed */
.info-stack{display:grid;gap:10px;color:#30443b}.info-stack>div{padding:10px 12px;border:1px solid rgba(47,123,99,.12);border-radius:14px;background:#f8fbf9}.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.check-grid label{display:flex;gap:8px;align-items:flex-start;padding:12px;border:1px solid rgba(47,123,99,.14);border-radius:14px;background:#fff}.thumb-sm{width:84px;height:64px;object-fit:cover;border-radius:12px;border:1px solid rgba(47,123,99,.16);background:#eef5f1}.code-note{display:grid;gap:8px;padding:12px;border:1px dashed rgba(47,123,99,.28);border-radius:16px;background:#f8fbf9}.code-note code{display:block;max-width:100%;overflow:auto;white-space:nowrap;background:#10241d;color:#e8fff4;border-radius:10px;padding:10px}.code-note small{color:#60766c}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.admin-actions.wrap{flex-wrap:wrap}.filter-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:end;margin:16px 0}.filter-grid .field{grid-column:span 4}.filter-grid .filter-actions{grid-column:span 4;display:flex;gap:10px;align-items:center;justify-content:flex-end}.status-pill.success,.status-pill.published{background:#e8fff4;color:#166534}.status-pill.failed,.status-pill.hidden{background:#fff1f2;color:#be123c}.status-pill.warning{background:#fffbeb;color:#92400e}@media(max-width:900px){.check-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr}.filter-grid .field,.filter-grid .filter-actions{grid-column:1/-1}.filter-grid .filter-actions{justify-content:stretch}.filter-grid .filter-actions>*{flex:1;text-align:center}.thumb-sm{width:100%;height:160px}}

/* Phase Admin 3.6 — Facebook Feed UX overhaul + Menu repair UI */
.fb-feed-head{align-items:flex-start;gap:18px}
.fb-feed-head .admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fb-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px}
.fb-kpi-card{position:relative;overflow:hidden;border:1px solid rgba(47,123,99,.14);background:linear-gradient(180deg,#fff,#f8fbf9);border-radius:22px;padding:18px 18px 16px;box-shadow:0 14px 32px rgba(16,36,29,.06)}
.fb-kpi-card:before{content:"";position:absolute;inset:auto 16px 0 16px;height:3px;border-radius:999px;background:linear-gradient(90deg,#2f7b63,#0d7fa8)}
.fb-kpi-card span{display:block;color:#60766c;font-size:13px;font-weight:700;margin-bottom:8px}
.fb-kpi-card strong{display:block;color:#10241d;font-size:30px;line-height:1;font-weight:800;letter-spacing:-.03em}
.fb-kpi-card small{display:block;margin-top:8px;color:#6f8178;font-size:12px;line-height:1.5}
.fb-admin-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);gap:20px;align-items:start}
.fb-side-stack{display:grid;gap:20px;min-width:0}
.section-title.compact{align-items:flex-start;margin-bottom:14px}.section-title.compact h2{margin-bottom:4px}.section-title.compact p:not(.admin-eyebrow){color:var(--muted);margin:0;line-height:1.55}
.fb-source-form .field{min-width:0}.token-field{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;resize:vertical}
.fb-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.fb-toggle-card{display:flex;align-items:flex-start;gap:11px;border:1px solid rgba(47,123,99,.14);border-radius:16px;background:#fff;padding:13px;cursor:pointer;transition:.18s ease;min-width:0}
.fb-toggle-card:hover{border-color:rgba(13,127,168,.35);box-shadow:0 10px 24px rgba(16,36,29,.06);transform:translateY(-1px)}
.fb-toggle-card input{margin-top:3px;flex:0 0 auto}.fb-toggle-card span{display:grid;gap:4px}.fb-toggle-card strong{font-size:14px;color:#10241d}.fb-toggle-card small{font-size:12px;color:#60766c;line-height:1.45}
.sticky-actions-lite{position:sticky;bottom:0;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-top:1px solid rgba(47,123,99,.10);padding-top:14px;margin-top:18px;z-index:2}
.fb-selected-source{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(24,119,242,.14);border-radius:18px;background:linear-gradient(180deg,#f8fbff,#fff)}
.fb-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#1877f2;color:#fff;font-size:28px;font-weight:800;font-family:Arial,sans-serif}
.fb-selected-source strong{display:block;color:#10241d}.fb-selected-source span{display:block;color:#60766c;font-size:12px;margin-top:2px;word-break:break-all}
.fb-status-list{display:grid;gap:10px;margin:14px 0 0}.fb-status-list div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(47,123,99,.10);border-radius:14px;background:#f8fbf9}.fb-status-list dt{color:#60766c;font-size:12px;font-weight:700}.fb-status-list dd{margin:0;color:#10241d;font-size:13px;font-weight:700;min-width:0;word-break:break-word}
.fb-sync-message{margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(245,158,11,.22);background:#fffbeb;color:#92400e;font-size:13px;line-height:1.55}.cron-box{display:grid;gap:8px;padding:12px;border:1px dashed rgba(24,119,242,.25);border-radius:16px;background:#f8fbff}.cron-box label{font-size:12px;font-weight:800;color:#1d4ed8;text-transform:uppercase;letter-spacing:.04em}.cron-box code{display:block;max-width:100%;overflow:auto;white-space:nowrap;background:#0f172a;color:#e0f2fe;border-radius:12px;padding:10px;font-size:12px}.cron-box small{color:#60766c;line-height:1.45}
.fb-source-list{display:grid;gap:10px}.fb-source-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;text-decoration:none;color:inherit;border:1px solid rgba(47,123,99,.12);border-radius:15px;background:#fff;padding:11px;transition:.18s ease}.fb-source-item:hover,.fb-source-item.is-active{border-color:rgba(24,119,242,.38);background:#f8fbff;box-shadow:0 10px 24px rgba(24,119,242,.08)}.fb-source-item strong{display:block;color:#10241d;font-size:13px}.fb-source-item small{display:block;color:#60766c;font-size:11px;word-break:break-all;margin-top:2px}.fb-source-item em{font-style:normal;font-size:11px;font-weight:800;color:#166534;background:#dcfce7;border-radius:999px;padding:4px 8px}.fb-dot{width:10px;height:10px;border-radius:999px;background:#cbd5e1}.fb-dot.ok{background:#22c55e}.fb-dot.off{background:#f97316}
.fb-posts-panel{overflow:hidden}.fb-posts-title{align-items:flex-start}.fb-posts-title p:not(.admin-eyebrow){margin:5px 0 0;color:#60766c;line-height:1.55}.fb-filter-panel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:14px;align-items:end;padding:16px;border:1px solid rgba(47,123,99,.10);border-radius:18px;background:#f8fbf9;margin:16px 0 20px}.fb-filter-panel .filter-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.fb-filter-panel .filter-actions>*{min-height:42px;justify-content:center}
.fb-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fb-post-card{display:grid;grid-template-rows:auto 1fr;border:1px solid rgba(47,123,99,.13);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 14px 30px rgba(16,36,29,.05)}.fb-post-card.is-hidden-post{opacity:.72;background:#f8fafc}.fb-post-media{position:relative;background:#eef5f1;aspect-ratio:16/10;overflow:hidden}.fb-post-media img{width:100%;height:100%;object-fit:cover;display:block}.fb-no-image{height:100%;display:grid;place-items:center;color:#60766c;font-weight:800;background:linear-gradient(135deg,#eef5f1,#f8fbf9)}.fb-post-body{display:grid;grid-template-rows:auto 1fr auto auto;gap:10px;padding:15px}.fb-post-meta{display:flex;justify-content:space-between;gap:10px;color:#60766c;font-size:12px}.fb-post-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-post-body h3{margin:0;color:#10241d;font-size:15px;line-height:1.55;font-weight:800}.fb-source-link{font-size:13px;color:#0d7fa8;font-weight:700;text-decoration:none}.fb-source-link:hover{text-decoration:underline}.fb-post-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.fb-post-footer .row-actions{display:flex;gap:8px;align-items:center}.fb-post-footer form{margin:0}.fb-post-footer button{white-space:nowrap}
.status-pill.success,.status-pill.published{background:#e8fff4;color:#166534}.status-pill.failed,.status-pill.hidden{background:#fff1f2;color:#be123c}.status-pill.warning{background:#fffbeb;color:#92400e}.large-empty{padding:34px!important}
@media(max-width:1180px){.fb-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fb-admin-layout{grid-template-columns:1fr}.fb-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.fb-feed-head .admin-actions,.fb-feed-head .admin-actions form,.fb-feed-head .admin-actions button{width:100%}.fb-kpi-grid{grid-template-columns:1fr}.fb-toggle-grid{grid-template-columns:1fr}.fb-filter-panel{grid-template-columns:1fr}.fb-filter-panel .filter-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}.fb-post-grid{grid-template-columns:1fr}.fb-post-footer{display:grid;align-items:stretch}.fb-post-footer .row-actions,.fb-post-footer form,.fb-post-footer button{width:100%}.fb-status-list div{grid-template-columns:1fr;gap:4px}.cron-box code{white-space:normal;word-break:break-all}.sticky-actions-lite{position:static}}

/* Phase Admin 3.7: Menu Builder + Facebook Free Embed UI refresh */
.menu-page-head-v2 h1,
.fb-page-head-v2 h1 { letter-spacing: -.04em; }
.menu-kpi-row,
.fb-kpi-grid-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 18px;
}
.fb-kpi-grid-v2 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.menu-kpi-row article,
.fb-kpi-card {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98));
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 22px;
  box-shadow: 0 16px 38px rgba(15,23,42,.07);
  padding: 18px;
  min-width: 0;
}
.menu-kpi-row span,
.fb-kpi-card span { display:block; color:#64748b; font-size:.82rem; font-weight:800; }
.menu-kpi-row strong,
.fb-kpi-card strong { display:block; margin-top:6px; color:#0f172a; font-size:1.55rem; line-height:1.1; }
.menu-kpi-row small,
.fb-kpi-card small { display:block; margin-top:6px; color:#64748b; }
.menu-builder-shell {
  display:grid;
  grid-template-columns: minmax(300px, 380px) minmax(0, 1fr);
  gap: 18px;
  align-items:start;
}
.menu-builder-left,
.menu-builder-main { min-width:0; }
.menu-builder-left { position: sticky; top: 18px; align-self:start; }
.menu-filter-card-v2 { margin-bottom:14px; }
.menu-filter-form-v2 { display:grid; gap:12px; }
.menu-filter-actions,
.menu-list-actions,
.fb-source-actions,
.fb-post-admin-actions {
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.trash-toolbar.segmented {
  display:flex;
  gap:8px;
  margin-top:14px;
  flex-wrap:wrap;
}
.menu-card-list {
  display:grid;
  gap:12px;
}
.menu-list-card {
  border:1px solid rgba(15,23,42,.1);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
  padding:15px;
  display:grid;
  gap:10px;
}
.menu-list-card.is-selected {
  border-color:rgba(37,99,235,.45);
  box-shadow:0 18px 42px rgba(37,99,235,.14);
}
.menu-list-main {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.menu-list-main strong { display:block; color:#0f172a; font-size:1rem; }
.menu-list-main span,
.menu-list-card p,
.menu-list-meta,
.menu-item-card-meta,
.menu-item-url { color:#64748b; font-size:.86rem; }
.menu-list-meta { display:flex; gap:8px; flex-wrap:wrap; }
.menu-list-meta span {
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  padding:4px 9px;
  background:#f8fafc;
}
.menu-editor-card-v2,
.menu-items-workspace-v2 { margin-bottom:18px; }
.menu-workspace-head { align-items:flex-start; gap:14px; }
.menu-item-form-v2 {
  border:1px solid rgba(15,23,42,.08);
  background:#f8fafc;
  border-radius:20px;
  padding:16px;
  margin-bottom:16px;
}
.menu-item-card-grid {
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}
.menu-item-card {
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  border-radius:20px;
  padding:14px;
  display:grid;
  gap:10px;
}
.menu-item-card.is-child { margin-left:18px; border-style:dashed; }
.menu-item-card-head {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.menu-item-card-head strong { color:#0f172a; }
.menu-item-card-meta { display:flex; gap:8px; flex-wrap:wrap; }
.menu-item-card-meta span {
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  padding:4px 9px;
}
.menu-item-url {
  overflow-wrap:anywhere;
  text-decoration:none;
  background:#f8fafc;
  border-radius:12px;
  padding:8px 10px;
}
.fb-mode-banner {
  display:flex;
  align-items:center;
  gap:14px;
  background:linear-gradient(135deg,#eff6ff,#f8fafc);
  border:1px solid rgba(37,99,235,.16);
  border-radius:24px;
  padding:16px 18px;
  box-shadow:0 16px 38px rgba(37,99,235,.08);
  margin:0 0 18px;
}
.fb-mode-icon {
  width:46px;height:46px;border-radius:16px;
  display:grid;place-items:center;
  background:#1877f2;color:#fff;font-size:1.5rem;font-weight:900;
  box-shadow:0 14px 30px rgba(24,119,242,.28);
  flex:0 0 auto;
}
.fb-mode-banner strong { display:block; color:#0f172a; }
.fb-mode-banner p { margin:2px 0 0; color:#475569; }
.fb-free-layout {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:18px;
  align-items:start;
}
.fb-free-form-card,
.fb-preview-stack { min-width:0; }
.fb-preview-stack { display:grid; gap:14px; position:sticky; top:18px; }
.fb-mode-choice {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.fb-mode-choice-card {
  display:flex; gap:12px; align-items:flex-start;
  border:1px solid rgba(15,23,42,.1);
  border-radius:20px;
  padding:14px;
  cursor:pointer;
  background:#fff;
}
.fb-mode-choice-card.is-active { border-color:rgba(37,99,235,.45); background:#eff6ff; }
.fb-mode-choice-card strong { display:block; color:#0f172a; }
.fb-mode-choice-card small { display:block; color:#64748b; margin-top:2px; }
.fb-config-section {
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  padding:16px;
  background:#f8fafc;
  margin:0 0 14px;
}
.fb-config-title {
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}
.fb-config-title strong { color:#0f172a; }
.fb-config-title span { color:#64748b; font-size:.86rem; }
.fb-check-row,
.fb-mini-switches { display:flex; gap:10px; flex-wrap:wrap; }
.fb-check-row label,
.fb-mini-switches label {
  display:flex; align-items:center; gap:7px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  border-radius:999px;
  padding:8px 10px;
  color:#334155;
}
.fb-api-details {
  border:1px dashed rgba(15,23,42,.18);
  border-radius:18px;
  padding:12px 14px;
  margin-bottom:14px;
  background:#fff;
}
.fb-api-details summary { cursor:pointer; font-weight:900; color:#0f172a; }
.fb-embed-frame-wrap,
.facebook-embed-card {
  max-width:100%;
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
}
.fb-embed-frame-wrap iframe,
.facebook-embed-card iframe { width:100%; max-width:500px; display:block; margin:auto; }
.fb-source-list-v2 { display:grid; gap:10px; }
.fb-source-pill {
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  padding:12px;
  background:#fff;
}
.fb-source-pill.is-active { border-color:rgba(37,99,235,.38); background:#eff6ff; }
.fb-source-pill strong { display:block; color:#0f172a; }
.fb-source-pill span { display:block; color:#64748b; font-size:.84rem; }
.fb-api-posts-panel { margin-top:18px; }
.fb-post-filter { margin-bottom:16px; }
.fb-filter-actions > div { display:flex; gap:8px; flex-wrap:wrap; }
.fb-post-admin-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.fb-post-admin-card {
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
}
.fb-post-admin-card.is-hidden { opacity:.72; }
.fb-post-admin-card img { width:100%; height:170px; object-fit:cover; display:block; }
.fb-post-admin-body,
.fb-post-admin-actions { padding:12px; }
.fb-post-admin-body p { color:#334155; margin:8px 0; }
.fb-post-admin-body small { color:#64748b; }
.fb-post-admin-actions { border-top:1px solid rgba(15,23,42,.08); }

@media (max-width: 1180px) {
  .fb-kpi-grid-v2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .menu-builder-shell,
  .fb-free-layout { grid-template-columns:1fr; }
  .menu-builder-left,
  .fb-preview-stack { position:static; }
}
@media (max-width: 760px) {
  .menu-kpi-row,
  .fb-kpi-grid-v2,
  .fb-mode-choice,
  .menu-item-card-grid,
  .fb-post-admin-grid { grid-template-columns:1fr; }
  .fb-mode-banner { align-items:flex-start; }
  .menu-list-main,
  .menu-item-card-head,
  .fb-source-pill { flex-direction:column; align-items:stretch; }
  .menu-item-card.is-child { margin-left:0; }
}

/* Phase Admin 3.8 — Menu/Facebook Admin UI real polish
   Fix root cause: .form-grid two/three was not defined, causing stacked huge forms.
   Make menu + facebook pages compact, professional, and non-overlapping. */
.form-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  align-items:start;
}
.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));}
.form-grid.compact{gap:10px;}
.form-grid > .field,
.form-grid > .checkbox-card{min-width:0;}
.admin-form input[type="checkbox"],
.admin-form input[type="radio"],
.input-control[type="checkbox"],
.input-control[type="radio"]{
  width:auto!important;
  min-width:0!important;
  padding:0!important;
  border-radius:4px!important;
  box-shadow:none!important;
}
.admin-form input[type="checkbox"],
.admin-form input[type="radio"]{accent-color:var(--green-700);}

.topbar-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
}
.topbar-actions form{margin:0;display:inline-flex;}
.topbar-actions a,
.topbar-actions button{
  min-height:38px;
  padding:8px 12px;
  font-size:12.8px;
}

.menu-page-head-v2,
.fb-page-head-v2{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  padding:20px 22px;
  box-shadow:0 16px 38px rgba(15,23,42,.06);
  align-items:center;
}
.menu-page-head-v2 h1,
.fb-page-head-v2 h1{
  font-size:28px;
  color:#0f241d;
  margin-bottom:4px;
}
.menu-page-head-v2 p:not(.admin-eyebrow),
.fb-page-head-v2 p:not(.admin-eyebrow){max-width:900px;}
.menu-page-head-v2 .head-actions,
.fb-page-head-v2 .admin-actions{justify-content:flex-end;}

.menu-kpi-row,
.fb-kpi-grid-v2{
  gap:12px;
  margin:0 0 16px;
}
.menu-kpi-row article,
.fb-kpi-card{
  border-color:rgba(35,100,80,.12);
  border-radius:20px;
  box-shadow:0 10px 24px rgba(35,100,80,.055);
  padding:16px 18px;
  background:#fff;
}
.menu-kpi-row span,
.fb-kpi-card span{
  color:#587267;
  font-size:12.5px;
  letter-spacing:.01em;
}
.menu-kpi-row strong,
.fb-kpi-card strong{
  color:#0f241d;
  font-size:25px;
  letter-spacing:-.03em;
}

.menu-builder-shell-polished{
  grid-template-columns:minmax(280px,340px) minmax(0,1fr);
  gap:18px;
}
.menu-builder-shell-polished .admin-card,
.fb-free-layout-polished .admin-card{
  border:1px solid rgba(35,100,80,.12);
  border-radius:24px;
  box-shadow:0 14px 34px rgba(35,100,80,.065);
}
.menu-builder-left{
  top:86px;
  max-height:calc(100vh - 108px);
  overflow:auto;
  padding-right:2px;
  scrollbar-width:thin;
}
.menu-filter-card-v2{
  padding:16px;
  background:#fff;
}
.menu-filter-card-v2 .section-title,
.menu-editor-card-v2 .section-title,
.menu-items-workspace-v2 .section-title,
.fb-free-form-card .section-title,
.fb-preview-card .section-title,
.fb-source-list-card .section-title{
  margin-bottom:14px;
}
.menu-filter-form-v2 .form-grid.two{
  grid-template-columns:1fr;
  gap:10px;
}
.menu-filter-actions,
.trash-toolbar.segmented{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.menu-filter-actions > *,
.trash-toolbar.segmented > *{width:100%;}
.menu-list-card{
  border-radius:20px;
  padding:14px;
  box-shadow:0 10px 24px rgba(15,23,42,.055);
}
.menu-list-card.is-selected{
  border-color:rgba(47,123,99,.42);
  box-shadow:0 14px 32px rgba(47,123,99,.13);
  background:linear-gradient(180deg,#fff,#f7fcf9);
}
.menu-list-actions .link-btn,
.menu-list-actions .danger-btn,
.menu-list-actions .admin-primary,
.menu-list-actions .admin-secondary{
  min-height:34px;
  padding:7px 10px;
  border-radius:11px;
  font-size:12.5px;
}
.menu-editor-card-v2,
.menu-items-workspace-v2,
.fb-free-form-card,
.fb-preview-card,
.fb-source-list-card{
  padding:18px;
  background:#fff;
}
.menu-editor-card-v2 .admin-form,
.menu-item-form-v2,
.fb-source-form{
  display:grid;
  gap:14px;
}
.menu-editor-card-v2 .form-grid.two{grid-template-columns:minmax(0,1.4fr) minmax(190px,.6fr);}
.menu-editor-card-v2 .checkbox-card,
.menu-item-form-v2 .checkbox-card,
.fb-toggle-card,
.checkbox-card{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-height:54px;
  border:1px solid rgba(35,100,80,.12);
  border-radius:16px;
  background:#f8fbf9;
  padding:12px 13px;
}
.checkbox-card span,
.fb-toggle-card span{display:grid;gap:3px;}
.checkbox-card strong,
.fb-toggle-card strong{color:#0f241d;font-size:13.5px;}
.checkbox-card small,
.fb-toggle-card small{color:#637a70;font-size:12px;line-height:1.35;}
.menu-item-form-v2{
  background:#f8fbf9;
  padding:16px;
  border-radius:20px;
}
.menu-item-form-v2 .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.menu-item-form-v2 .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));}
.menu-item-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.menu-item-card{
  border-radius:18px;
  padding:14px;
  box-shadow:0 8px 20px rgba(15,23,42,.045);
}
.menu-item-url{font-size:12.5px;line-height:1.4;}

.fb-mode-banner-polished{
  background:#fff;
  border-color:rgba(24,119,242,.16);
  box-shadow:0 12px 30px rgba(24,119,242,.075);
  align-items:center;
}
.fb-mode-banner-polished .status{margin-left:auto;white-space:nowrap;}
.fb-free-layout-polished{
  grid-template-columns:minmax(0,1fr) minmax(360px,430px);
  gap:18px;
}
.fb-free-layout-polished .fb-preview-stack{
  top:86px;
  max-height:calc(100vh - 108px);
  overflow:auto;
  padding-right:2px;
}
.fb-mode-choice{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.fb-mode-choice-card{
  min-height:86px;
  border-radius:18px;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}
.fb-mode-choice-card.is-active{
  border-color:rgba(47,123,99,.42);
  background:#f3fcf8;
  box-shadow:0 10px 24px rgba(47,123,99,.09);
}
.fb-config-section{
  background:#f8fbf9;
  border-color:rgba(35,100,80,.12);
  border-radius:20px;
  padding:16px;
}
.fb-config-title{
  border-bottom:1px solid rgba(35,100,80,.10);
  padding-bottom:10px;
}
.fb-check-row,
.fb-mini-switches{
  align-content:start;
}
.fb-check-row label,
.fb-mini-switches label{
  min-height:38px;
  border-radius:999px;
  background:#fff;
  white-space:nowrap;
}
.fb-toggle-grid.compact{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0;
}
.fb-embed-frame-wrap,
.facebook-embed-card{
  border-radius:20px;
  min-height:220px;
  background:#f8fbf9;
}
.fb-source-pill{
  border-radius:17px;
  padding:12px;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}
.fb-source-pill.is-active{
  border-color:rgba(47,123,99,.42);
  background:#f3fcf8;
}
.fb-source-actions .link-btn{min-height:34px;padding:7px 10px;border-radius:11px;font-size:12.5px;}
.fb-api-details{background:#fbfefb;border-color:rgba(35,100,80,.18);}
.fb-api-posts-panel{padding:18px;border-radius:24px;}
.fb-post-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));}

@media(max-width:1320px){
  .menu-builder-shell-polished{grid-template-columns:310px minmax(0,1fr);}
  .menu-item-card-grid{grid-template-columns:1fr;}
}
@media(max-width:1100px){
  .menu-builder-shell-polished,
  .fb-free-layout-polished{grid-template-columns:1fr;}
  .menu-builder-left,
  .fb-free-layout-polished .fb-preview-stack{position:static;max-height:none;overflow:visible;padding-right:0;}
  .menu-filter-form-v2 .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fb-kpi-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .admin-content{padding:18px 14px;}
  .admin-topbar{grid-template-columns:auto minmax(0,1fr);padding:10px 14px;}
  .topbar-actions{grid-column:1/-1;justify-content:stretch;display:grid;grid-template-columns:1fr 1fr;}
  .topbar-actions form{display:block;}
  .topbar-actions a,.topbar-actions button{width:100%;justify-content:center;}
  .menu-page-head-v2,
  .fb-page-head-v2{padding:16px;border-radius:20px;display:grid;align-items:start;}
  .menu-page-head-v2 .head-actions,
  .fb-page-head-v2 .admin-actions{display:grid;grid-template-columns:1fr;width:100%;}
  .menu-kpi-row,
  .fb-kpi-grid-v2,
  .form-grid.two,
  .form-grid.three,
  .form-grid.four,
  .menu-editor-card-v2 .form-grid.two,
  .menu-item-form-v2 .form-grid.two,
  .menu-item-form-v2 .form-grid.three,
  .menu-filter-form-v2 .form-grid.two,
  .fb-mode-choice,
  .fb-toggle-grid.compact,
  .fb-post-admin-grid{grid-template-columns:1fr;}
  .menu-filter-actions,
  .trash-toolbar.segmented{grid-template-columns:1fr;}
  .fb-mode-banner-polished{display:grid;text-align:left;}
  .fb-mode-banner-polished .status{margin-left:0;justify-self:start;}
  .fb-check-row label,
  .fb-mini-switches label{width:100%;white-space:normal;}
}

/* Phase Admin 3.9: Facebook source permanent delete action */
.fb-source-delete-form{
  display:inline-flex;
  margin:0;
}
.fb-source-actions .link-danger-btn{
  min-height:auto;
  padding:.45rem .7rem;
  border-radius:999px;
  font-size:.82rem;
  line-height:1;
  white-space:nowrap;
}
@media (max-width: 640px){
  .fb-source-actions{
    align-items:stretch;
  }
  .fb-source-delete-form,
  .fb-source-actions .link-danger-btn{
    width:100%;
  }
}
.fb-danger-zone{
  margin-top:1rem;
  padding:1rem;
  border:1px solid rgba(239,68,68,.28);
  border-radius:1rem;
  background:rgba(254,242,242,.78);
  display:flex;
  gap:1rem;
  align-items:center;
  justify-content:space-between;
}
.fb-danger-zone strong{color:#7f1d1d;}
.fb-danger-zone p{margin:.2rem 0 0;color:#7f1d1d;font-size:.9rem;line-height:1.55;}
.fb-danger-zone form{margin:0;flex:0 0 auto;}
@media (max-width: 720px){
  .fb-danger-zone{display:grid;}
  .fb-danger-zone form,.fb-danger-zone .danger-btn{width:100%;}
}

/* Phase Admin 3.10: Homepage Sections Control */
.homepage-page-head{align-items:center;}
.homepage-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr));}
.homepage-section-shell{
  display:grid;
  grid-template-columns:minmax(300px,380px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.homepage-section-list-card,
.homepage-section-editor-card{
  padding:18px;
  border-radius:24px;
  border-color:rgba(35,100,80,.12);
  box-shadow:0 14px 34px rgba(35,100,80,.065);
}
.homepage-section-list-card{
  position:sticky;
  top:86px;
  max-height:calc(100vh - 108px);
  overflow:auto;
}
.homepage-section-list{display:grid;gap:10px;}
.homepage-section-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:13px;
  border:1px solid rgba(35,100,80,.12);
  border-radius:18px;
  background:#fff;
  color:var(--text);
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}
.homepage-section-item:hover,
.homepage-section-item.is-selected{
  border-color:rgba(47,123,99,.42);
  background:#f3fcf8;
  box-shadow:0 12px 28px rgba(47,123,99,.11);
}
.homepage-section-item strong{display:block;color:#0f241d;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.homepage-section-item small{display:block;color:#637a70;font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.homepage-section-item .sort-badge{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:14px;
  background:#eef8f3;
  color:#236450;
  font-weight:800;
}
.homepage-section-item .status{font-style:normal;white-space:nowrap;}
.homepage-section-form{display:grid;gap:14px;}
.homepage-toggle-card{background:#f8fbf9;}
.homepage-advanced-card{padding:0;border-radius:18px;overflow:hidden;}
.homepage-advanced-card summary{
  cursor:pointer;
  padding:14px 16px;
  font-weight:700;
  color:#0f241d;
  background:#f8fbf9;
  border-bottom:1px solid rgba(35,100,80,.10);
}
.homepage-advanced-card .field{padding:16px;}
.form-sticky-actions.compact{border-radius:18px;margin-top:4px;}
@media(max-width:1100px){
  .homepage-section-shell{grid-template-columns:1fr;}
  .homepage-section-list-card{position:static;max-height:none;}
  .homepage-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .homepage-kpi-row{grid-template-columns:1fr;}
  .homepage-section-item{grid-template-columns:auto minmax(0,1fr);}
  .homepage-section-item .status{grid-column:1/-1;justify-self:start;}
}

/* Phase Admin 3.11 — Media Library Pro */
.media-pro-head{align-items:flex-start}.media-pro-head .head-actions{gap:10px;flex-wrap:wrap}.media-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.media-pro-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.media-side-panel{display:grid;gap:14px;position:sticky;top:18px}.compact-card{padding:16px}.compact-card .card-header{margin-bottom:12px}.media-filter-form{display:grid;gap:12px}.tight-grid{gap:10px}.full-actions{display:flex;gap:10px;flex-wrap:wrap}.full-actions>*{flex:1 1 130px;text-align:center}.media-trash-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.folder-chip-list{display:grid;gap:9px;max-height:320px;overflow:auto;padding-right:3px}.folder-chip-card{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--admin-border,#d8ece3);border-radius:16px;padding:10px 12px;background:#fff}.folder-chip-card strong{display:block;color:#073f31}.folder-chip-card span{display:block;font-size:.8rem;color:#60776d}.folder-chip-card.is-muted{opacity:.58}.folder-actions{display:flex;gap:6px}.compact-empty{padding:14px}.media-main-panel{min-width:0;display:grid;gap:18px}.media-editor-card{overflow:visible}.media-current-file{margin:12px 0}.media-upload-box{margin-top:12px}.check-card.compact-check{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--admin-border,#d8ece3);border-radius:16px;padding:12px 14px;background:#f8fffb}.check-card.compact-check input{width:auto;min-width:16px;margin-top:3px}.pro-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.pro-media-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:100%;border:1px solid var(--admin-border,#d8ece3);box-shadow:0 12px 26px rgba(16,72,58,.06)}.pro-media-card.is-unused{border-style:dashed}.media-thumb-wrap{position:relative;background:#eef7f2;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.file-icon-card,.file-icon-lg{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e9f8f1,#f8fffb);border:1px solid #d8ece3;color:#0b5a44;font-weight:800}.file-icon-card{width:96px;height:96px;border-radius:24px}.file-icon-lg{width:92px;height:92px;border-radius:22px}.media-ribbon{position:absolute;top:10px;right:10px;background:#0f8a68;color:#fff;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:800}.media-card-body{padding:14px;display:grid;gap:8px}.media-card-body strong{font-size:1rem;color:#082f49}.media-meta-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem;color:#60776d}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.tag-list span{background:#eefaf4;color:#0c5b45;border:1px solid #d7efe4;border-radius:999px;padding:4px 8px;font-size:.78rem}.media-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding:12px 14px;border-top:1px solid #e5f2ec;background:#fbfffd}.media-card-actions form{display:inline-flex}.media-card-actions .link-btn,.media-card-actions button{min-height:34px}.media-path{word-break:break-all}.section-kicker{display:inline-flex;align-items:center;border-radius:999px;background:#e8fff4;color:#087254;font-weight:800;font-size:.78rem;padding:5px 10px;margin-bottom:6px}@media(max-width:1180px){.media-pro-layout{grid-template-columns:1fr}.media-side-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.media-side-panel .compact-card:first-child{grid-column:1/-1}.media-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.media-metric-grid,.media-side-panel{grid-template-columns:1fr}.pro-media-grid{grid-template-columns:1fr}.media-meta-line{align-items:flex-start;flex-direction:column;gap:3px}.folder-chip-card{align-items:flex-start;flex-direction:column}.media-card-actions>*{flex:1 1 auto}.media-card-actions .link-btn,.media-card-actions button{width:100%;justify-content:center}.media-pro-head .head-actions{width:100%}.media-pro-head .head-actions form,.media-pro-head .head-actions a{width:100%}}


/* Phase Admin 3.12 — Media Library UI Repair
   Make media upload/search usable on real desktop/tablet/mobile screens. */
.media-pro-layout-v2{grid-template-columns:360px minmax(0,1fr);gap:20px;}
.media-pro-head{padding-bottom:4px;}
.media-pro-head h1{font-size:clamp(28px,3vw,40px);line-height:1.08;margin-bottom:8px;}
.media-metric-grid .metric-card{min-height:112px;padding:20px 18px;}
.media-side-panel .admin-card{box-shadow:0 16px 34px rgba(9,69,50,.06);}
.media-side-panel .card-header{padding:18px 18px 14px;}
.media-side-panel .compact-card{padding:0;overflow:hidden;}
.media-side-panel .media-filter-form,
.media-side-panel .folder-chip-list,
.media-side-panel .compact-card > .trash-toolbar{padding:0 18px 18px;}
.media-side-panel .compact-card > .admin-form{padding:0 18px 18px;display:grid;gap:12px;}
.media-side-panel .trash-toolbar{margin-top:0;}
.media-filter-form .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.media-filter-form .input-control{min-height:46px;}
.media-editor-card{border-radius:24px;box-shadow:0 20px 50px rgba(7,63,49,.08);}
.media-editor-card .card-header{padding:22px 24px;background:linear-gradient(180deg,#f8fffb 0%,#fff 100%);}
.media-editor-card .card-header h2{font-size:22px;margin-bottom:4px;}
.media-editor-form-v2{display:grid;gap:0;}
.media-upload-workspace{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:22px;padding:22px 24px 18px;align-items:start;}
.media-upload-column,.media-meta-column{display:grid;gap:14px;min-width:0;}
.media-upload-zone{border:1.5px dashed #b8dccd;border-radius:22px;padding:22px;background:linear-gradient(180deg,#f8fffb 0%,#f2fbf6 100%);display:grid;gap:11px;place-items:center;text-align:center;min-height:220px;}
.media-upload-zone .field-label{justify-content:center;text-align:center;font-size:15px;font-weight:800;color:#073f31;}
.media-upload-zone input[type=file]{background:#fff;border-style:solid;cursor:pointer;max-width:100%;}
.media-upload-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#0f8a68;color:#fff;font-weight:900;font-size:24px;box-shadow:0 14px 28px rgba(15,138,104,.22);}
.media-file-preview-inline{width:100%;}
.media-featured-check{margin:0;}
.media-featured-check span{display:grid;gap:3px;}
.media-featured-check small{color:#60776d;font-weight:500;line-height:1.35;}
.pro-current-file{align-items:center;border:1px solid #d8ece3;border-radius:20px;background:#fff;padding:12px;box-shadow:none;}
.pro-current-file .media-path{display:block;margin:3px 0;color:#60776d;}
.media-primary-grid{gap:14px 16px;}
.media-meta-column .field-label{min-height:21px;}
.field-label-stacked{align-items:flex-start;flex-direction:column;gap:2px;}
.field-label-stacked .field-help{font-weight:500;}
.media-meta-column .input-control{min-height:48px;}
.media-editor-actions{margin:0;padding:16px 24px;border-top:1px solid #e1f0e9;background:#fbfffd;border-radius:0 0 24px 24px;position:static;}
.media-editor-actions .form-actions{gap:10px;}
.media-library-panel{border-radius:24px;overflow:hidden;}
.media-library-panel .list-panel-header{padding:20px 24px;background:linear-gradient(180deg,#f8fffb 0%,#fff 100%);}
.pro-media-grid{padding:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}
.pro-media-card{border-radius:20px;background:#fff;}
.media-card-body strong{line-height:1.35;}
.media-path{font-size:.8rem;color:#667e73;}
@media(max-width:1280px){
  .media-pro-layout-v2{grid-template-columns:320px minmax(0,1fr);}
  .media-upload-workspace{grid-template-columns:1fr;}
  .media-upload-zone{min-height:190px;}
}
@media(max-width:1180px){
  .media-pro-layout-v2{grid-template-columns:1fr;}
  .media-side-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}
  .media-side-panel .compact-card:first-child{grid-column:1/-1;}
}
@media(max-width:760px){
  .media-pro-head h1{font-size:30px;}
  .media-upload-workspace{padding:16px;gap:16px;}
  .media-editor-card .card-header,.media-library-panel .list-panel-header{padding:18px 16px;}
  .media-editor-actions{padding:14px 16px;display:grid;gap:12px;}
  .media-editor-actions .form-actions{width:100%;}
  .media-editor-actions .form-actions>*{flex:1 1 100%;}
  .media-filter-form .form-grid.two,.media-primary-grid{grid-template-columns:1fr;}
  .media-side-panel{grid-template-columns:1fr;}
  .pro-media-grid{padding:14px;grid-template-columns:1fr;}
}

/* Phase Admin 3.13 - Report / Export / Print Gate */
.report-page-head .eyebrow,
.report-print-title .eyebrow {
  display:inline-flex;
  align-items:center;
  width:max-content;
  border-radius:999px;
  padding:.35rem .7rem;
  background:rgba(16,185,129,.10);
  color:#047857;
  font-weight:800;
  font-size:.78rem;
  letter-spacing:.01em;
}
.report-metric-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1rem;
  margin-bottom:1rem;
}
.report-filter-card { overflow:visible; }
.report-filter-grid {
  display:grid;
  grid-template-columns:1.25fr 1.4fr 1.1fr .9fr .9fr auto;
  gap:1rem;
  align-items:end;
}
.report-filter-grid .field { min-width:0; }
.report-filter-actions {
  display:flex;
  gap:.6rem;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.report-filter-actions .admin-primary,
.report-filter-actions .admin-secondary { min-height:46px; }
.report-result-card { margin-top:1rem; }
.report-print-title {
  display:flex;
  justify-content:space-between;
  gap:1.25rem;
  align-items:flex-start;
  border-bottom:1px solid rgba(20,83,45,.13);
  padding-bottom:1rem;
  margin-bottom:1rem;
}
.report-print-title h2 { margin:.55rem 0 .35rem; font-size:1.45rem; color:#064e3b; }
.report-print-title p { margin:0; color:#46695f; }
.report-print-meta {
  min-width:180px;
  border:1px solid rgba(20,83,45,.12);
  border-radius:18px;
  padding:.9rem 1rem;
  background:#fbfffd;
  display:grid;
  gap:.25rem;
  text-align:right;
}
.report-print-meta strong { color:#064e3b; }
.report-print-meta span { color:#0f172a; font-weight:700; }
.report-print-meta small { color:#64748b; }
.report-filter-summary {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:1rem;
}
.report-filter-summary span {
  border:1px solid rgba(20,83,45,.13);
  border-radius:999px;
  padding:.35rem .7rem;
  color:#14532d;
  background:#f8fffb;
  font-size:.86rem;
  font-weight:700;
}
.report-table-wrap { border-radius:18px; }
.report-table th { white-space:nowrap; }
.report-table td { vertical-align:top; }
@media (max-width:1180px) {
  .report-metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .report-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .report-filter-actions { justify-content:flex-start; }
}
@media (max-width:760px) {
  .report-metric-grid { grid-template-columns:1fr; }
  .report-filter-grid { grid-template-columns:1fr; }
  .report-filter-actions .admin-primary,
  .report-filter-actions .admin-secondary { width:100%; justify-content:center; }
  .report-print-title { flex-direction:column; }
  .report-print-meta { width:100%; text-align:left; }
}
@media print {
  @page { size:A4; margin:14mm; }
  .admin-sidebar,
  .admin-sidebar-backdrop,
  .admin-topbar,
  .no-print,
  .admin-toast-zone,
  .admin-confirm-overlay,
  .debug-panel { display:none !important; }
  .admin-shell,
  .admin-main,
  .admin-content { display:block !important; margin:0 !important; padding:0 !important; width:100% !important; background:#fff !important; }
  body.admin-body { background:#fff !important; color:#111827 !important; }
  .report-print-sheet { box-shadow:none !important; border:0 !important; padding:0 !important; }
  .report-print-title { break-after:avoid; }
  .report-table { width:100%; border-collapse:collapse; font-size:11px; }
  .report-table th,
  .report-table td { border:1px solid #cbd5e1 !important; padding:6px 8px !important; }
  .report-table th { background:#f1f5f9 !important; color:#0f172a !important; }
  .report-filter-summary span { border:1px solid #cbd5e1 !important; background:#fff !important; color:#111827 !important; }
}

/* Phase Admin 3.14 - Reports UX/UI Repair
   Fix report filter overlap, poor spacing, and hard-to-scan report layout. */
.report-page-head-v2{
  align-items:flex-start;
  gap:18px;
  border:1px solid rgba(20,83,45,.10);
  background:linear-gradient(135deg,#f8fffb 0%,#eefaf3 100%);
  border-radius:0 0 24px 24px;
  margin:-18px -18px 22px;
  padding:24px 28px;
}
.report-title-block{min-width:0;max-width:840px;}
.report-title-block h1{font-size:clamp(28px,3vw,40px);line-height:1.12;margin:12px 0 10px;color:#053f31;letter-spacing:-.03em;}
.report-title-block p{max-width:780px;line-height:1.75;color:#4a675d;margin:0;}
.report-head-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding-top:4px;}
.report-head-actions a{min-height:46px;padding:0 18px;border-radius:14px;font-weight:800;white-space:nowrap;}
.report-metric-grid-v2{gap:16px;margin:0 0 20px;}
.report-kpi-card{min-height:126px;padding:20px 18px;background:linear-gradient(180deg,#fff 0%,#fbfffd 100%);}
.report-kpi-card span{display:block;min-height:20px;font-weight:700;color:#64796f;}
.report-kpi-card strong{font-size:34px;margin:8px 0 8px;color:#074635;}
.report-kpi-card em{display:block;color:#12815f;font-weight:700;}
.report-filter-card-v2{overflow:visible;border-radius:24px;margin-bottom:18px;box-shadow:0 18px 42px rgba(15,90,67,.07);}
.report-filter-header{padding:22px 24px;background:linear-gradient(180deg,#fbfffd 0%,#fff 100%);}
.report-filter-header h2{font-size:23px;margin-top:6px;}
.report-type-strip{display:flex;gap:10px;overflow:auto;padding:16px 24px 0;scrollbar-width:thin;}
.report-type-chip{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #d8ece3;border-radius:999px;background:#fff;color:#145344;text-decoration:none;font-weight:800;font-size:.9rem;padding:0 14px;white-space:nowrap;box-shadow:0 8px 18px rgba(16,72,58,.04);}
.report-type-chip:hover{background:#f0fbf5;border-color:#99d9c3;}
.report-type-chip.active{background:#0f8a68;border-color:#0f8a68;color:#fff;box-shadow:0 12px 28px rgba(15,138,104,.20);}
.report-filter-grid-v2{padding:18px 24px 24px;grid-template-columns:minmax(220px,1.05fr) minmax(260px,1.45fr) minmax(220px,1fr) minmax(180px,.82fr) minmax(180px,.82fr) auto;gap:14px;align-items:end;}
.report-field{min-width:0;}
.report-field .field-label{min-height:26px;align-items:flex-end;font-weight:800;color:#183e32;}
.report-field .field-label .field-help{font-weight:600;color:#6c8178;}
.report-field input,.report-field select{min-height:48px;border-radius:15px;background:#fff;border-color:#cae3d7;font-weight:650;color:#153c31;}
.report-field input::placeholder{color:#8aa099;font-weight:500;}
.report-field input[type="date"]{line-height:48px;}
.report-filter-actions-v2{display:grid;grid-template-columns:1fr;gap:10px;min-width:170px;}
.report-filter-actions-v2 .admin-primary,.report-filter-actions-v2 .admin-secondary{min-height:48px;border-radius:15px;font-weight:900;padding:0 18px;text-align:center;justify-content:center;}
.report-result-card-v2{border-radius:24px;overflow:hidden;box-shadow:0 18px 42px rgba(15,90,67,.07);}
.report-print-title-v2{padding:24px;align-items:center;background:linear-gradient(180deg,#fbfffd 0%,#fff 100%);margin:0;border-bottom:1px solid rgba(20,83,45,.12);}
.report-current-title h2{font-size:28px;letter-spacing:-.025em;margin:10px 0 8px;}
.report-current-title p{line-height:1.65;max-width:780px;}
.report-print-meta{background:#fff;border-color:#cae3d7;box-shadow:0 10px 24px rgba(15,90,67,.06);}
.report-filter-summary-v2{padding:16px 24px;margin:0;border-bottom:1px solid #e4f1eb;background:#fafffc;}
.report-filter-summary-v2 span{background:#fff;border-color:#d7ede3;}
.report-table-wrap-v2{margin:20px 24px 24px;border-radius:18px;border-color:#d7ede3;}
.report-table-v2{min-width:920px;}
.report-table-v2 th{padding:14px 14px;background:#f4fbf7;color:#49675d;font-weight:900;text-transform:none;}
.report-table-v2 td{padding:14px;color:#23473a;line-height:1.55;}
.report-table-v2 tbody tr:hover td{background:#f8fffb;}
.report-empty-state{margin:20px 24px 24px;}
@media(max-width:1380px){
  .report-filter-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));}
  .report-filter-actions-v2{grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;min-width:0;}
}
@media(max-width:1180px){
  .report-page-head-v2{margin:-14px -14px 18px;padding:22px;}
  .report-filter-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));}
  .report-filter-actions-v2{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .report-page-head-v2{border-radius:0 0 20px 20px;padding:18px;margin:-12px -12px 16px;}
  .report-head-actions{width:100%;display:grid;grid-template-columns:1fr;}
  .report-head-actions a{width:100%;justify-content:center;}
  .report-metric-grid-v2{gap:12px;}
  .report-filter-header,.report-print-title-v2{padding:18px 16px;}
  .report-type-strip{padding:14px 16px 0;}
  .report-filter-grid-v2{grid-template-columns:1fr;padding:16px;gap:13px;}
  .report-filter-actions-v2{grid-template-columns:1fr;}
  .report-filter-summary-v2{padding:14px 16px;}
  .report-table-wrap-v2{margin:16px;border:0;border-radius:0;overflow:visible;}
  .report-table-v2{min-width:0;}
}

/* Phase Admin 3.15: Production Hardening / Final Regression Gate */
.production-head .page-kicker{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  width:max-content;
  margin-bottom:.65rem;
  padding:.45rem .75rem;
  border-radius:999px;
  background:rgba(16,185,129,.12);
  color:#047857;
  font-size:.78rem;
  font-weight:800;
}
.production-hero{
  align-items:center;
}
.production-gate-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:1rem;
  margin:1rem 0;
}
.production-gate-card{
  padding:1.25rem;
}
.production-gate-card strong{
  display:block;
  color:#064e3b;
  font-size:1.03rem;
  margin-bottom:.55rem;
}
.production-gate-card ol{
  margin:.55rem 0 0 1.15rem;
  padding:0;
  color:#334155;
  line-height:1.85;
}
.production-gate-card p{
  margin:0;
  color:#475569;
  line-height:1.75;
}
.production-stack .qa-check-body p{
  line-height:1.65;
}
.production-group summary h2{
  letter-spacing:-.015em;
}
@media (max-width: 900px){
  .production-gate-grid{
    grid-template-columns:1fr;
  }
}

/* Phase Admin 4.0 — Release Candidate / Final QA */
.release-head .page-kicker,
.production-head .page-kicker {
  display: inline-flex;
  align-items: center;
  width: max-content;
  margin-bottom: .55rem;
  padding: .35rem .7rem;
  border-radius: 999px;
  background: rgba(16, 185, 129, .12);
  color: #047857;
  font-weight: 800;
  font-size: .78rem;
}
.release-hero {
  align-items: center;
  gap: 1.5rem;
}
.release-score-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}
.release-score-card {
  display: grid;
  gap: .35rem;
  text-decoration: none;
  color: inherit;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.release-score-card:hover {
  transform: translateY(-2px);
  border-color: rgba(16, 185, 129, .35);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
}
.release-score-card span {
  color: #64748b;
  font-weight: 700;
}
.release-score-card strong {
  font-size: 2rem;
  color: #064e3b;
  line-height: 1;
}
.release-score-card small {
  color: #475569;
}
.release-handoff-card {
  margin: 1rem 0;
}
.release-guidance-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.release-stack .qa-group summary {
  background: linear-gradient(135deg, rgba(240, 253, 244, .88), rgba(255,255,255,.96));
}
.release-group[open] {
  border-color: rgba(16, 185, 129, .24);
}
@media (max-width: 980px) {
  .release-score-grid,
  .release-guidance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .release-score-grid,
  .release-guidance-grid {
    grid-template-columns: 1fr;
  }
  .release-hero {
    align-items: flex-start;
  }
}
@media print {
  .admin-sidebar,
  .admin-topbar,
  .head-actions,
  .admin-sidebar-backdrop,
  .admin-toast-zone,
  .admin-confirm-overlay {
    display: none !important;
  }
  .admin-main,
  .admin-content {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .admin-card,
  .qa-group,
  .qa-check {
    break-inside: avoid;
    box-shadow: none !important;
  }
}

/* Phase Admin 4.2 — Release Candidate UX/UI Repair */
.release-candidate-page{
  display:grid;
  gap:18px;
}
.release-head-modern{
  align-items:flex-start;
  gap:18px;
  padding-bottom:2px;
}
.release-head-modern h1{
  letter-spacing:-.035em;
}
.release-head-modern p{
  max-width:850px;
}
.release-head-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}
.release-head-actions .admin-primary,
.release-head-actions .admin-secondary{
  white-space:nowrap;
}
.release-hero-modern{
  display:grid;
  grid-template-columns:176px minmax(0,1fr);
  gap:24px;
  align-items:center;
  padding:24px;
  overflow:hidden;
  position:relative;
}
.release-hero-modern:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:7px;
  background:#22c55e;
}
.release-hero-modern.warn:before{background:#f59e0b}
.release-hero-modern.fail:before{background:#ef4444}
.release-hero-modern.pass{border-color:#bbf7d0;background:linear-gradient(135deg,#ffffff 0%,#f0fdf4 100%)}
.release-hero-modern.warn{border-color:#fde68a;background:linear-gradient(135deg,#ffffff 0%,#fffbeb 100%)}
.release-hero-modern.fail{border-color:#fecaca;background:linear-gradient(135deg,#ffffff 0%,#fef2f2 100%)}
.release-score-meter{
  display:grid;
  place-items:center;
}
.release-score-ring-modern{
  width:144px;
  height:144px;
  border-radius:999px;
  display:grid;
  place-items:center;
  align-content:center;
  background:#fff;
  border:11px solid #86efac;
  box-shadow:0 18px 38px rgba(15,23,42,.08);
}
.release-hero-modern.warn .release-score-ring-modern{border-color:#facc15}
.release-hero-modern.fail .release-score-ring-modern{border-color:#fca5a5}
.release-score-ring-modern strong{
  font-size:34px;
  line-height:1;
  color:#064e3b;
  letter-spacing:-.04em;
}
.release-score-ring-modern span{
  display:block;
  margin-top:4px;
  color:#64748b;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.release-hero-copy-modern{
  display:grid;
  gap:10px;
  min-width:0;
}
.release-verdict-badge{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid #bbf7d0;
  background:#ecfdf5;
  color:#047857;
  font-size:13px;
  font-weight:900;
}
.release-verdict-badge b{
  width:20px;
  height:20px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#fff;
}
.release-verdict-badge.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}
.release-verdict-badge.fail{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.release-hero-copy-modern h2{
  margin:0;
  color:#0f241d;
  font-size:clamp(1.35rem,2.4vw,2rem);
  letter-spacing:-.03em;
  line-height:1.25;
}
.release-hero-copy-modern p{
  margin:0;
  max-width:900px;
  color:#475569;
  line-height:1.75;
}
.release-hero-copy-modern small{
  color:#64748b;
  font-weight:600;
}
.release-summary-chips{
  margin-top:2px;
}
.release-score-grid-modern{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.release-score-card-modern{
  display:grid;
  gap:14px;
  padding:18px;
  color:inherit;
  text-decoration:none;
  min-height:168px;
  border-left:6px solid #22c55e;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.release-score-card-modern.warn{border-left-color:#f59e0b}
.release-score-card-modern.fail{border-left-color:#ef4444}
.release-score-card-modern:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(15,23,42,.09);
  border-color:#b7e8d6;
}
.release-score-card-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.release-score-card-top div{
  display:grid;
  gap:3px;
  min-width:0;
}
.release-score-card-top strong{
  color:#0f241d;
  font-size:16px;
  line-height:1.25;
}
.release-score-card-top span{
  color:#64748b;
  font-size:12.5px;
  line-height:1.45;
}
.release-score-card-top em{
  flex:0 0 auto;
  font-style:normal;
  border:1px solid #bbf7d0;
  background:#ecfdf5;
  color:#047857;
  padding:5px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}
.release-score-card-modern.warn .release-score-card-top em{background:#fffbeb;border-color:#fde68a;color:#92400e}
.release-score-card-modern.fail .release-score-card-top em{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.release-score-card-number{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}
.release-score-card-number b{
  color:#064e3b;
  font-size:34px;
  line-height:1;
  letter-spacing:-.045em;
}
.release-score-card-number small{
  color:#475569;
  font-size:12.5px;
  text-align:right;
}
.release-progress{
  height:9px;
  border-radius:999px;
  background:#eef4f1;
  overflow:hidden;
}
.release-progress i{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#047857,#22c55e);
  border-radius:inherit;
}
.release-score-card-modern.warn .release-progress i{background:linear-gradient(90deg,#d97706,#facc15)}
.release-score-card-modern.fail .release-progress i{background:linear-gradient(90deg,#dc2626,#fb7185)}
.release-card-link{
  color:#047857;
  font-weight:900;
  font-size:13px;
}
.release-priority-card{
  overflow:hidden;
}
.release-card-header-clean{
  background:linear-gradient(135deg,#ffffff 0%,#f7fffb 100%);
  border-bottom:1px solid var(--line);
}
.release-card-header-clean h2{
  margin-bottom:4px;
}
.release-card-header-clean p{
  margin:0;
  color:#64748b;
}
.release-count-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #dceee6;
  background:#fff;
  color:#174c3a;
  border-radius:999px;
  padding:7px 11px;
  font-weight:900;
  white-space:nowrap;
}
.release-priority-list{
  display:grid;
  gap:10px;
  padding:16px;
}
.release-priority-item{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:13px 14px;
  border-radius:16px;
  border:1px solid #e2e8f0;
  background:#fff;
  border-left:6px solid #f59e0b;
}
.release-priority-item.fail{border-left-color:#ef4444}
.release-priority-item>span{
  display:inline-flex;
  justify-content:center;
  padding:5px 8px;
  border-radius:999px;
  background:#fffbeb;
  color:#92400e;
  font-size:12px;
  font-weight:900;
}
.release-priority-item.fail>span{background:#fef2f2;color:#b91c1c}
.release-priority-item strong{
  display:block;
  color:#0f241d;
}
.release-priority-item p{
  margin:3px 0 0;
  color:#475569;
  line-height:1.55;
}
.release-priority-item small{
  display:block;
  margin-top:8px;
  padding:8px 10px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  background:#f8fafc;
  color:#334155;
  line-height:1.55;
}
.release-handoff-modern{
  overflow:hidden;
}
.release-handoff-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:16px;
}
.release-handoff-steps>div{
  position:relative;
  display:grid;
  gap:5px;
  min-height:132px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fbfff9 100%);
  padding:16px 16px 16px 18px;
}
.release-handoff-steps b{
  color:#0f766e;
  font-size:12px;
  letter-spacing:.06em;
}
.release-handoff-steps strong{
  color:#0f241d;
  font-size:16px;
}
.release-handoff-steps span{
  color:#64748b;
  font-size:13px;
  line-height:1.6;
}
.release-stack-modern{
  gap:14px;
}
.release-group-modern{
  overflow:hidden;
}
.release-group-modern summary{
  padding:17px 18px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(135deg,#ffffff 0%,#f7fffb 100%);
}
.release-group-modern[open]{
  border-color:rgba(16,185,129,.24);
}
.release-group-title h2{
  font-size:17px;
  letter-spacing:-.02em;
}
.release-group-title p{
  font-size:13px;
}
.release-check-list{
  padding:14px;
  background:#fbfefb;
}
.release-check{
  background:#fff;
  border-radius:15px;
}
.release-check .qa-check-body strong{
  color:#0f241d;
}
.release-check .qa-check-body p{
  line-height:1.6;
}
@media(max-width:1100px){
  .release-score-grid-modern,
  .release-handoff-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:900px){
  .release-head-modern{
    display:grid;
  }
  .release-head-actions{
    justify-content:flex-start;
  }
  .release-hero-modern{
    grid-template-columns:1fr;
  }
  .release-score-meter{
    place-items:start;
  }
  .release-score-ring-modern{
    width:124px;
    height:124px;
    border-width:9px;
  }
  .release-score-ring-modern strong{
    font-size:29px;
  }
  .release-group-modern summary{
    grid-template-columns:1fr;
  }
  .release-group-chips{
    justify-content:flex-start;
  }
}
@media(max-width:640px){
  .release-score-grid-modern,
  .release-handoff-steps{
    grid-template-columns:1fr;
  }
  .release-hero-modern{
    padding:18px;
  }
  .release-score-card-modern{
    min-height:auto;
  }
  .release-score-card-top,
  .release-score-card-number{
    display:grid;
    gap:8px;
  }
  .release-score-card-number small{
    text-align:left;
  }
  .release-priority-item{
    grid-template-columns:1fr;
  }
  .release-priority-item>span{
    width:max-content;
  }
  .release-head-actions .admin-primary,
  .release-head-actions .admin-secondary{
    width:100%;
    justify-content:center;
  }
}
@media print{
  .release-head-actions,
  .release-card-link{
    display:none!important;
  }
  .release-score-grid-modern,
  .release-handoff-steps{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* Phase Web Home 2.0 — Public QA + Final Delivery Gate */
.public-qa-head .page-kicker{
  display:inline-flex;
  width:max-content;
  margin-bottom:.5rem;
  padding:.35rem .7rem;
  border-radius:999px;
  background:rgba(16,185,129,.12);
  color:#047857;
  font-weight:900;
  font-size:.78rem;
}
.public-qa-hero{align-items:center;gap:1.5rem}
.public-qa-route-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:1rem 0}
.public-qa-route-card{display:grid;gap:.3rem;padding:1rem;text-decoration:none;color:inherit;min-height:96px;border-left:5px solid #10b981}
.public-qa-route-card strong{color:#064e3b;font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-qa-route-card span{color:#64748b;font-size:.85rem;font-weight:750}
.public-qa-route-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(15,23,42,.08)}
.public-qa-guidance{margin:1rem 0;overflow:hidden}
.public-qa-stack{gap:14px}.public-qa-group[open]{border-color:rgba(16,185,129,.24)}
.release-score-grid-modern{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
@media(max-width:1180px){.public-qa-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.public-qa-route-grid{grid-template-columns:1fr 1fr}.public-qa-hero{align-items:flex-start}}
@media(max-width:520px){.public-qa-route-grid{grid-template-columns:1fr}}

/* Phase Web Home 2.0.8: Facebook Post Card Admin Preview */
.fb-page-head-v2 .admin-eyebrow + h1{letter-spacing:-.025em}.fb-post-admin-card{border-radius:24px!important;box-shadow:0 18px 42px rgba(15,23,42,.06)!important}.fb-post-admin-card img{height:190px!important;background:#eef5f1}.fb-post-admin-no-thumb{display:grid;place-items:center;height:190px;background:linear-gradient(135deg,#eef5f1,#f8fbf9);color:#60766c;font-weight:900;border-bottom:1px solid rgba(47,123,99,.08)}.fb-post-admin-body p{line-height:1.65!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.fb-post-admin-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.fb-post-admin-actions form{margin:0}.fb-post-admin-actions .link-btn{min-height:38px;align-items:center}.fb-post-admin-actions button{min-height:38px}
@media(max-width:760px){.fb-post-admin-card img,.fb-post-admin-no-thumb{height:210px}.fb-post-admin-actions,.fb-post-admin-actions form,.fb-post-admin-actions button,.fb-post-admin-actions .link-btn{width:100%;justify-content:center}}

/* Phase Web Home 2.0.9: No-App Facebook Manual Post Card Mode */
.fb-manual-banner{border-color:rgba(24,119,242,.18)!important;background:linear-gradient(135deg,#ffffff 0%,#eff6ff 100%)!important}
.fb-mode-choice-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.fb-config-manual{border:1px solid rgba(24,119,242,.12);border-radius:18px;background:#f8fbff;padding:14px;margin:14px 0}
.fb-manual-post-panel{margin-top:18px;padding:18px;border-radius:24px;overflow:hidden}
.fb-manual-post-form{display:grid;gap:14px}
.fb-manual-preview-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;align-items:stretch;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff;box-shadow:0 16px 36px rgba(15,23,42,.06);overflow:hidden}
.fb-manual-preview-thumb{display:grid;place-items:center;min-height:128px;background:linear-gradient(135deg,#eef6ff,#f8fbff);color:#1877f2;font-size:46px;font-weight:900;font-family:Arial,sans-serif;overflow:hidden}
.fb-manual-preview-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.fb-manual-preview-body{padding:14px 14px 14px 0;display:grid;gap:6px;align-content:center;min-width:0}
.fb-manual-preview-body strong{color:#0f241d;font-size:15px;line-height:1.35}
.fb-manual-preview-body p{margin:0;color:#475569;line-height:1.6;font-size:13px}
.fb-manual-preview-body small{color:#64748b;font-weight:800}
.fb-post-admin-body h3{margin:6px 0 4px;color:#0f241d;font-size:15px;line-height:1.45;font-weight:900}
.fb-source-pill .fb-source-actions{flex-wrap:wrap}
@media(max-width:1120px){.fb-mode-choice-three{grid-template-columns:1fr!important}.fb-manual-preview-card{grid-template-columns:1fr}.fb-manual-preview-thumb{min-height:180px}.fb-manual-preview-body{padding:14px}}
@media(max-width:760px){.fb-manual-post-panel{padding:14px}.fb-manual-post-form .fb-filter-actions>div{display:grid;grid-template-columns:1fr;gap:8px}.fb-manual-post-form .fb-filter-actions button,.fb-manual-post-form .fb-filter-actions a{width:100%;justify-content:center}.fb-manual-preview-thumb{min-height:160px}}

/* Phase Web Home 2.0.10 - Facebook Manual Card Auto Prefill */
.fb-auto-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.fb-auto-url-row .admin-secondary{white-space:nowrap;min-height:44px;align-items:center;justify-content:center}
.fb-auto-prefill-box{border:1px solid rgba(24,119,242,.14);background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%);border-radius:18px;padding:12px 14px;display:grid;gap:10px}
.fb-auto-check{display:flex;gap:10px;align-items:flex-start;font-weight:800;color:#12352a;line-height:1.55;margin:0}
.fb-auto-check input{margin-top:4px;width:18px;height:18px;accent-color:#1877f2;flex:0 0 auto}
.fb-auto-result{border:1px dashed rgba(24,119,242,.28);background:#fff;border-radius:14px;padding:10px 12px;color:#475569;font-size:13px;line-height:1.55;font-weight:700}
.fb-auto-result[data-state="success"]{border-color:rgba(22,163,74,.28);background:#f0fdf4;color:#166534}
.fb-auto-result[data-state="error"]{border-color:rgba(220,38,38,.28);background:#fef2f2;color:#991b1b}
.fb-auto-result[data-state="loading"]{border-color:rgba(24,119,242,.28);background:#eff6ff;color:#1d4ed8}
@media(max-width:760px){.fb-auto-url-row{grid-template-columns:1fr}.fb-auto-url-row .admin-secondary{width:100%}}

/* Phase Web Home 2.0.11 - Facebook Feed UX Simplification */
.fb-page-head-v3{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:22px;
  border:1px solid rgba(24,119,242,.12);
  border-radius:26px;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#eef6ff 100%);
  box-shadow:0 18px 48px rgba(15,23,42,.06);
  margin-bottom:16px;
}
.fb-page-head-v3 h1{margin:.15rem 0 .35rem;color:#0f172a;letter-spacing:-.035em;line-height:1.1}
.fb-page-head-v3 p:not(.admin-eyebrow){margin:0;color:#475569;line-height:1.65;max-width:900px}
.fb-page-head-v3 .admin-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:260px}
.fb-page-head-v3 .admin-actions form{margin:0}
.fb-workflow-guide{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}
.fb-workflow-guide article{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
  padding:15px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.045);
}
.fb-workflow-guide article span,
.fb-section-number,
.fb-form-step-head>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 auto;
  border-radius:13px;
  background:#e2e8f0;
  color:#0f172a;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.05);
}
.fb-workflow-guide article.is-active{border-color:rgba(24,119,242,.28);background:linear-gradient(135deg,#fff 0%,#eff6ff 100%)}
.fb-workflow-guide article.is-active span{background:#1877f2;color:#fff}
.fb-workflow-guide article.is-done span{background:#dcfce7;color:#166534}
.fb-workflow-guide strong{display:block;color:#0f172a;font-size:14px;line-height:1.35}
.fb-workflow-guide small{display:block;color:#64748b;margin-top:3px;line-height:1.45}
.fb-context-banner{margin-bottom:18px}
.fb-context-banner p{line-height:1.6!important}
.fb-ux-layout{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(340px,.62fr);
  gap:18px;
  align-items:start;
}
.fb-ux-main,.fb-ux-aside{min-width:0}
.fb-ux-aside{display:grid;gap:14px;position:sticky;top:18px;align-self:start}
.fb-card-composer{padding:20px!important;border-radius:28px!important;box-shadow:0 18px 52px rgba(15,23,42,.07)!important}
.fb-section-title-numbered{display:flex!important;align-items:flex-start!important;gap:12px!important}
.fb-section-title-numbered .fb-section-number{background:#1877f2;color:#fff;margin-top:2px}
.fb-form-step-block{
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#fff,#fbfdff);
  border-radius:22px;
  padding:16px;
  display:grid;
  gap:14px;
}
.fb-form-step-block+.fb-form-step-block{margin-top:14px}
.fb-form-step-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:2px}
.fb-form-step-head>span{width:42px;background:#eef6ff;color:#1877f2;font-size:13px}
.fb-form-step-head strong{display:block;color:#0f172a;font-size:15px;line-height:1.4}
.fb-form-step-head small{display:block;color:#64748b;margin-top:2px;line-height:1.45}
.fb-auto-url-row-large{grid-template-columns:minmax(0,1fr) 170px!important}
.fb-auto-url-row-large .admin-primary{min-height:46px;justify-content:center;white-space:nowrap}
.fb-final-step-block{background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)}
.fb-save-card-actions>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fb-save-card-actions .admin-primary{min-height:44px;padding-inline:18px}
.fb-empty-setup-callout{
  display:grid;
  gap:10px;
  padding:18px;
  border:1px dashed rgba(24,119,242,.35);
  border-radius:22px;
  background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);
}
.fb-empty-setup-callout strong{color:#0f172a;font-size:16px}
.fb-empty-setup-callout p{margin:0;color:#475569;line-height:1.65}
.fb-empty-setup-callout .admin-primary{justify-self:start}
.fb-live-preview-panel,.fb-source-summary-panel{border-radius:24px!important;padding:16px!important}
.fb-live-preview-card{grid-template-columns:1fr!important;overflow:hidden}
.fb-live-preview-card .fb-manual-preview-thumb{min-height:210px}
.fb-live-preview-card .fb-manual-preview-body{padding:15px!important}
.fb-preview-note{
  margin-top:12px;
  padding:11px 12px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  color:#64748b;
  background:#f8fafc;
  font-size:12.5px;
  line-height:1.55;
}
.fb-source-mini-list{display:grid;gap:9px;margin-bottom:12px}
.fb-source-mini-list article{
  padding:12px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:#fff;
}
.fb-source-mini-list article.is-active{border-color:rgba(24,119,242,.32);background:#eff6ff}
.fb-source-mini-list strong{display:block;color:#0f172a;font-size:13.5px}
.fb-source-mini-list span{display:block;color:#64748b;font-size:12px;margin-top:3px;line-height:1.45}
.fb-full-width-btn{width:100%;justify-content:center}
.fb-source-setup-panel{
  margin-top:18px;
  padding:0!important;
  border-radius:26px!important;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08)!important;
  background:#fff!important;
}
.fb-source-setup-panel>summary{
  list-style:none;
  display:flex;
  gap:12px;
  align-items:flex-start;
  cursor:pointer;
  padding:18px 20px;
  background:linear-gradient(135deg,#f8fafc 0%,#eef6ff 100%);
  border-bottom:1px solid rgba(15,23,42,.06);
}
.fb-source-setup-panel>summary::-webkit-details-marker{display:none}
.fb-source-setup-panel>summary strong{display:block;color:#0f172a;font-size:16px;line-height:1.35}
.fb-source-setup-panel>summary small{display:block;color:#64748b;line-height:1.5;margin-top:2px}
.fb-source-setup-panel>summary:after{
  content:'เปิด/ปิด';
  margin-left:auto;
  align-self:center;
  color:#1d4ed8;
  font-weight:900;
  font-size:12px;
  border:1px solid rgba(37,99,235,.18);
  border-radius:999px;
  padding:6px 10px;
  background:#fff;
}
.fb-source-setup-body{padding:18px 20px 20px;display:grid;gap:18px}
.fb-source-form[data-feed-mode="manual"] [data-mode-panel="embed"],
.fb-source-form[data-feed-mode="manual"] [data-mode-panel="api"],
.fb-source-form[data-feed-mode="embed"] [data-mode-panel="manual"],
.fb-source-form[data-feed-mode="embed"] [data-mode-panel="api"],
.fb-source-form[data-feed-mode="api"] [data-mode-panel="manual"],
.fb-source-form[data-feed-mode="api"] [data-mode-panel="embed"]{display:none!important}
.fb-source-form .fb-mode-choice-card{position:relative}
.fb-source-form .fb-mode-choice-card.is-active:after{
  content:'เลือกอยู่';
  position:absolute;
  top:10px;
  right:10px;
  border-radius:999px;
  background:#1877f2;
  color:#fff;
  padding:3px 8px;
  font-size:11px;
  font-weight:900;
}
.fb-source-list-wrapper{border-top:1px solid rgba(15,23,42,.08);padding-top:16px}
.fb-card-list-panel{margin-top:18px!important;border-radius:26px!important}
.fb-card-list-panel .fb-post-filter{padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#f8fafc}
.fb-card-list-panel .fb-post-admin-grid{margin-top:16px}
@media(max-width:1180px){
  .fb-ux-layout{grid-template-columns:1fr}
  .fb-ux-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .fb-live-preview-card .fb-manual-preview-thumb{min-height:180px}
}
@media(max-width:860px){
  .fb-page-head-v3{display:grid;padding:16px;border-radius:22px}
  .fb-page-head-v3 .admin-actions{display:grid;grid-template-columns:1fr;min-width:0;width:100%}
  .fb-page-head-v3 .admin-actions a,.fb-page-head-v3 .admin-actions form,.fb-page-head-v3 .admin-actions button{width:100%;justify-content:center}
  .fb-workflow-guide{grid-template-columns:1fr}
  .fb-ux-aside{grid-template-columns:1fr}
  .fb-auto-url-row-large{grid-template-columns:1fr!important}
  .fb-auto-url-row-large .admin-primary{width:100%}
  .fb-section-title-numbered{display:grid!important;grid-template-columns:auto minmax(0,1fr)}
  .fb-section-title-numbered>a{grid-column:1/-1;width:100%;justify-content:center}
  .fb-source-setup-panel>summary{padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr)}
  .fb-source-setup-panel>summary:after{grid-column:1/-1;margin-left:0;justify-self:start}
  .fb-source-setup-body{padding:16px}
  .fb-save-card-actions>div,.fb-save-card-actions button,.fb-save-card-actions a{width:100%;justify-content:center}
}
@media(max-width:640px){
  .fb-card-composer{padding:14px!important;border-radius:22px!important}
  .fb-form-step-block{padding:13px;border-radius:18px}
  .fb-form-step-head{display:grid;grid-template-columns:auto minmax(0,1fr)}
}

/* Phase Web Home 2.0.12 - Facebook No-App Auto Import Cron UX */
.fb-page-url-auto-panel{
  display:grid;
  gap:14px;
  margin:18px 0;
  padding:18px;
  border:1px solid rgba(24,119,242,.18);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(24,119,242,.07),rgba(255,255,255,.94));
  box-shadow:0 14px 32px rgba(15,23,42,.05);
}
.fb-page-url-auto-panel .form-grid{align-items:start}
.fb-auto-import-toggle{margin:0!important}
.fb-noapp-cron-box,.fb-current-cron-box{margin-top:4px}
.fb-current-cron-box code{font-size:11px;white-space:normal;word-break:break-all}
.fb-sync-status-mini{
  display:grid;
  gap:4px;
  margin:12px 0;
  padding:12px;
  border-radius:16px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
}
.fb-sync-status-mini strong{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#475569}
.fb-sync-status-mini span{font-weight:800;color:#0f172a}
.fb-sync-status-mini small{color:#64748b;line-height:1.45}
.fb-context-banner .status.published{white-space:nowrap}
@media(max-width:760px){
  .fb-page-url-auto-panel{padding:14px;border-radius:18px}
  .fb-page-url-auto-panel .form-grid{grid-template-columns:1fr!important}
}

/* Phase Web Home 2.0.30: Facebook No-App discovery debug panel */
.fb-debug-discovery-panel{margin:18px 0;border:1px solid rgba(234,179,8,.28);background:linear-gradient(180deg,rgba(255,251,235,.92),rgba(255,255,255,.98));}
.fb-debug-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px;}
.fb-debug-summary-grid article{border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.06);}
.fb-debug-summary-grid span{display:block;color:#64748b;font-size:.82rem;margin-bottom:6px;}
.fb-debug-summary-grid strong{font-size:1.55rem;color:#0f172a;}
.fb-debug-table-wrap{overflow:auto;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff;}
.fb-debug-table{min-width:980px;margin:0;}
.fb-debug-table code{white-space:normal;word-break:break-all;font-size:.78rem;}
.fb-debug-table tr.is-accepted{background:rgba(34,197,94,.06);}
.fb-debug-table tr.is-rejected{background:rgba(148,163,184,.05);}
.fb-debug-targets{margin-top:16px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff;padding:12px 14px;}
.fb-debug-targets summary{cursor:pointer;font-weight:800;color:#0f172a;}
.fb-debug-target-list{display:grid;gap:10px;margin:12px 0 18px;}
.fb-debug-target-list article{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:12px;background:#f8fafc;}
.fb-debug-target-list code{display:block;margin:6px 0;white-space:normal;word-break:break-all;color:#0f172a;}
.fb-debug-target-list small{display:block;color:#64748b;}
.fb-debug-target-list em{display:block;margin-top:6px;color:#b91c1c;font-style:normal;word-break:break-word;}
.fb-debug-markers{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.fb-debug-markers span{border-radius:999px;background:#e0f2fe;color:#075985;padding:4px 8px;font-size:.76rem;font-weight:700;}
@media(max-width:900px){.fb-debug-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.fb-debug-table{min-width:860px;}}
@media(max-width:560px){.fb-debug-summary-grid{grid-template-columns:1fr;}}

/* Phase Web Home 2.0.31: Facebook debug full link display */
.fb-debug-table-wrap{overflow:auto;max-width:100%;}
.fb-debug-table{min-width:1280px;table-layout:auto;}
.fb-debug-table th:nth-child(4),
.fb-debug-table th:nth-child(5){min-width:420px;}
.fb-debug-url-full{display:block;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:none;line-height:1.45;}
.fb-debug-table .fb-debug-url-full{min-width:360px;}
.fb-debug-target-candidates{margin-top:10px;border-top:1px dashed rgba(15,23,42,.16);padding-top:10px;}
.fb-debug-target-candidates summary{font-weight:800;color:#0f172a;cursor:pointer;}
.fb-debug-target-candidates ol{margin:10px 0 0;padding-left:20px;display:grid;gap:10px;}
.fb-debug-target-candidates li{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:10px;}
.fb-debug-target-candidates small{display:block;margin-top:6px;color:#64748b;font-weight:700;}
@media(max-width:900px){.fb-debug-table{min-width:1180px;}.fb-debug-table .fb-debug-url-full{min-width:320px;}}

/* Phase Web Home 2.0.36 — Facebook debug polish + safe full-link display */
.fb-debug-discovery-panel{
  border:1px solid rgba(234,179,8,.28)!important;
  background:linear-gradient(180deg,#fff7ed 0%,#ffffff 38%,#f8fafc 100%)!important;
  box-shadow:0 18px 46px rgba(15,23,42,.08)!important;
}
.fb-debug-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:start;
  margin:14px 0 18px;
  padding:18px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.fb-debug-hero h3{margin:8px 0 6px;color:#0f172a;font-size:1.2rem;line-height:1.35;}
.fb-debug-hero p{margin:0;color:#475569;line-height:1.65;}
.fb-debug-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.78rem;}
.fb-debug-badge.is-ok{background:#dcfce7;color:#166534;}
.fb-debug-badge.is-warn{background:#fef3c7;color:#92400e;}
.fb-debug-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.fb-debug-summary-grid-v2{grid-template-columns:repeat(5,minmax(0,1fr));}
.fb-debug-summary-grid article small{display:block;margin-top:4px;color:#64748b;font-size:.76rem;line-height:1.35;}
.fb-debug-summary-grid article.is-ok{border-color:rgba(34,197,94,.28);background:linear-gradient(180deg,#f0fdf4,#fff);}
.fb-debug-summary-grid article.is-ok strong{color:#15803d;}
.fb-debug-summary-grid article.is-muted{background:#f8fafc;}
.fb-debug-empty-state{display:grid;gap:4px;}
.fb-debug-result-section{margin:18px 0;padding:16px;border-radius:20px;border:1px solid rgba(34,197,94,.22);background:linear-gradient(180deg,#f0fdf4,#ffffff);}
.fb-debug-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.fb-debug-result-head h3{margin:2px 0 0;color:#0f172a;}
.fb-debug-accepted-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.fb-debug-accepted-list article{border:1px solid rgba(34,197,94,.18);border-radius:16px;background:#fff;padding:12px;box-shadow:0 10px 22px rgba(15,23,42,.05);}
.fb-debug-accepted-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#64748b;font-size:.8rem;font-weight:800;}
.fb-debug-accepted-meta code{padding:3px 6px;border-radius:8px;background:#ecfdf5;color:#166534;}
.fb-debug-accepted-list details{margin-top:8px;border-top:1px dashed rgba(15,23,42,.14);padding-top:8px;}
.fb-debug-accepted-list summary{cursor:pointer;font-weight:800;color:#0f766e;}
.fb-debug-all-candidates{margin-top:16px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;padding:12px 14px;}
.fb-debug-all-candidates>summary{cursor:pointer;font-weight:900;color:#0f172a;}
.fb-debug-targets{scroll-margin-top:90px;}
.fb-debug-target-group{margin-top:14px;}
.fb-debug-target-group h3{margin:16px 0 8px;color:#0f172a;font-size:1rem;}
.fb-debug-target-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;}
.fb-debug-target-head span{font-size:.78rem;color:#64748b;font-weight:800;white-space:nowrap;}
.fb-debug-target-list article.is-readable{background:#f8fafc;border-color:rgba(15,23,42,.08);}
.fb-debug-target-list article.is-error{background:#fff7ed;border-color:rgba(234,88,12,.18);}
.fb-debug-url-full.is-normalized{color:#075985;background:#f0f9ff;border-radius:10px;padding:6px 8px;}
.fb-debug-target-candidates li.is-accepted{border-color:rgba(34,197,94,.24);background:#f0fdf4;}
.fb-debug-target-candidates li.is-rejected{background:#fff;border-color:rgba(148,163,184,.18);}
.admin-alert.muted{background:#f8fafc;border-color:rgba(148,163,184,.24);color:#475569;}
@media(max-width:1100px){.fb-debug-summary-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));}.fb-debug-accepted-list{grid-template-columns:1fr;}}
@media(max-width:780px){.fb-debug-hero{grid-template-columns:1fr;}.fb-debug-actions{justify-content:flex-start;}.fb-debug-summary-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));}.fb-debug-target-head{display:block;}.fb-debug-target-head span{display:block;margin-top:4px;}}
@media(max-width:560px){.fb-debug-summary-grid-v2{grid-template-columns:1fr;}.fb-debug-hero{padding:14px;border-radius:18px;}}

/* Phase Web Home 2.0.37 — Facebook Lazy Browser Debug Status */
.fb-debug-summary-grid article.is-warn,
.fb-debug-lazy-card.is-warn{
  border-color:rgba(234,179,8,.34);
  background:linear-gradient(180deg,#fffbeb,#fff);
}
.fb-debug-summary-grid article.is-warn strong,
.fb-debug-lazy-card.is-warn strong{color:#92400e;}
.fb-debug-summary-grid article.is-error,
.fb-debug-lazy-card.is-error{
  border-color:rgba(239,68,68,.30);
  background:linear-gradient(180deg,#fef2f2,#fff);
}
.fb-debug-summary-grid article.is-error strong,
.fb-debug-lazy-card.is-error strong{color:#b91c1c;}
.fb-debug-lazy-card strong{font-size:1.08rem;line-height:1.35;display:block;}
.fb-debug-lazy-diagnostic{
  margin:14px 0 18px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
}
.fb-debug-lazy-diagnostic.is-ok{border-color:rgba(34,197,94,.28);background:linear-gradient(180deg,#f0fdf4,#fff);}
.fb-debug-lazy-diagnostic.is-warn{border-color:rgba(234,179,8,.34);background:linear-gradient(180deg,#fffbeb,#fff);}
.fb-debug-lazy-diagnostic.is-error{border-color:rgba(239,68,68,.30);background:linear-gradient(180deg,#fef2f2,#fff);}
.fb-debug-lazy-diagnostic.is-muted{background:#f8fafc;}
.fb-debug-lazy-main h3{margin:9px 0 6px;color:#0f172a;font-size:1.1rem;line-height:1.35;}
.fb-debug-lazy-main p{margin:0;color:#475569;line-height:1.65;}
.fb-debug-lazy-metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.fb-debug-lazy-metrics span{
  display:block;
  padding:11px 12px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:rgba(255,255,255,.86);
}
.fb-debug-lazy-metrics strong{display:block;color:#0f172a;font-size:1.15rem;line-height:1.1;}
.fb-debug-lazy-metrics small{display:block;margin-top:4px;color:#64748b;font-weight:800;font-size:.74rem;}
.fb-debug-lazy-extra{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed rgba(15,23,42,.16);}
.fb-debug-lazy-extra small{display:block;color:#64748b;font-weight:900;margin-bottom:4px;}
.fb-debug-lazy-extra code{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:10px;padding:6px 8px;}
@media(max-width:1100px){.fb-debug-lazy-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:640px){.fb-debug-lazy-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.fb-debug-lazy-diagnostic{padding:13px;border-radius:16px;}}

/* Phase Web Home 2.0.38 - Facebook external TXT link import */
.fb-link-import-panel{
  margin:0 0 18px!important;
  padding:20px!important;
  border-radius:28px!important;
  border:1px solid rgba(24,119,242,.14)!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 70%,#eef6ff 100%)!important;
  box-shadow:0 18px 52px rgba(15,23,42,.07)!important;
  overflow:hidden;
}
.fb-link-import-panel .fb-section-title-numbered>a{align-self:start;white-space:nowrap}
.fb-link-import-form{display:grid;gap:14px}
.fb-link-import-textarea{
  min-height:220px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:13px;
  line-height:1.65;
  resize:vertical;
  word-break:break-all;
}
.fb-import-options{
  display:grid;
  gap:12px;
  align-content:start;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:#fff;
}
.fb-import-counter{
  padding:11px 12px;
  border:1px dashed rgba(24,119,242,.28);
  border-radius:14px;
  background:#f8fbff;
  color:#1d4ed8;
  font-weight:900;
  line-height:1.45;
}
.fb-import-counter[data-state="ok"]{background:#f0fdf4;border-color:rgba(22,163,74,.3);color:#166534}
.fb-import-counter[data-state="warn"]{background:#fffbeb;border-color:rgba(245,158,11,.35);color:#92400e}
.fb-import-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fb-import-actions .admin-primary,.fb-import-actions .admin-secondary{min-height:44px;justify-content:center}
.fb-page-url-manual-note{background:linear-gradient(135deg,rgba(24,119,242,.055),rgba(255,255,255,.96))!important}
@media(max-width:860px){
  .fb-link-import-panel{padding:14px!important;border-radius:22px!important}
  .fb-link-import-panel .fb-section-title-numbered>a{grid-column:1/-1;width:100%;justify-content:center}
  .fb-import-actions,.fb-import-actions .admin-primary,.fb-import-actions .admin-secondary{width:100%}
}

/* Phase Web Home 2.0.47 - Facebook Import Review Queue */
.fb-import-review-panel{
  margin:0 0 18px!important;
  padding:20px!important;
  border-radius:28px!important;
  border:1px solid rgba(22,163,74,.16)!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fff9 70%,#ecfdf5 100%)!important;
  box-shadow:0 18px 52px rgba(15,23,42,.07)!important;
  overflow:hidden;
}
.fb-review-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.fb-review-summary-grid article{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.045);
}
.fb-review-summary-grid span,
.fb-review-summary-grid small{display:block;color:#64748b;font-weight:800;line-height:1.35;}
.fb-review-summary-grid strong{display:block;margin:4px 0;color:#0f172a;font-size:1.55rem;letter-spacing:-.03em;}
.fb-review-bulk-form{display:grid;gap:14px;}
.fb-review-toolbar{
  display:grid;
  grid-template-columns:minmax(180px,.8fr) repeat(2,minmax(190px,1fr)) minmax(220px,1.1fr) minmax(220px,1.1fr);
  gap:12px;
  align-items:end;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  background:rgba(255,255,255,.92);
}
.fb-review-select-all{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:11px 12px;
  border:1px solid rgba(22,163,74,.22);
  border-radius:14px;
  background:#f0fdf4;
  color:#166534;
  font-weight:900;
}
.fb-review-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:end;}
.fb-review-actions .admin-primary{min-height:44px;width:100%;justify-content:center;}
.fb-review-actions span{font-size:.84rem;color:#475569;font-weight:900;}
.fb-review-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.fb-review-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.fb-review-card.is-hidden{opacity:.76;}
.fb-review-check{
  position:absolute;
  z-index:3;
  top:10px;
  left:10px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(15,23,42,.12);
  color:#0f172a;
  font-weight:900;
  font-size:.82rem;
  box-shadow:0 8px 18px rgba(15,23,42,.12);
}
.fb-review-card img,.fb-review-no-thumb{width:100%;height:185px;display:block;}
.fb-review-card img{object-fit:cover;background:#eef5f1;}
.fb-review-no-thumb{display:grid;place-items:center;background:linear-gradient(135deg,#eef5f1,#f8fbf9);color:#60766c;font-weight:900;border-bottom:1px solid rgba(47,123,99,.08);}
.fb-review-body{padding:13px;}
.fb-review-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px;}
.fb-review-meta small{color:#64748b;font-weight:800;}
.fb-review-body h3{margin:0 0 6px;color:#0f241d;font-size:15px;line-height:1.45;font-weight:900;}
.fb-review-body p{margin:0;color:#334155;line-height:1.62;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.fb-review-card-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 13px;border-top:1px solid rgba(15,23,42,.08);}
.fb-review-card-actions .link-btn{min-height:38px;align-items:center;}
.fb-review-empty{margin-top:12px;}
@media(max-width:1180px){
  .fb-review-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fb-review-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fb-review-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .fb-import-review-panel{padding:14px!important;border-radius:22px!important;}
  .fb-review-summary-grid,.fb-review-toolbar,.fb-review-card-grid{grid-template-columns:1fr;}
  .fb-review-card img,.fb-review-no-thumb{height:210px;}
  .fb-review-card-actions,.fb-review-card-actions .link-btn{width:100%;justify-content:center;}
}

/* Phase Web Home 2.0.48 - Facebook Import History Dashboard */
.fb-import-history-panel{
  margin:0 0 18px!important;
  padding:20px!important;
  border-radius:28px!important;
  border:1px solid rgba(37,99,235,.15)!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 70%,#eef6ff 100%)!important;
  box-shadow:0 18px 52px rgba(15,23,42,.07)!important;
  overflow:hidden;
}
.fb-history-filter-form{
  display:grid;
  gap:12px;
  margin:14px 0;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  background:rgba(255,255,255,.92);
}
.fb-history-filter-grid.form-grid.five{
  grid-template-columns:1.25fr 1.1fr .9fr .9fr .8fr;
  gap:12px;
}
.fb-history-filter-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;}
.fb-history-filter-actions .admin-primary,.fb-history-filter-actions .admin-secondary{min-height:42px;justify-content:center;}
.fb-history-summary-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.fb-history-summary-grid article,
.fb-history-mini-metrics span{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.045);
}
.fb-history-summary-grid span,
.fb-history-summary-grid small,
.fb-history-mini-metrics small{display:block;color:#64748b;font-weight:800;line-height:1.35;}
.fb-history-summary-grid strong{display:block;margin:4px 0;color:#0f172a;font-size:1.55rem;letter-spacing:-.03em;}
.fb-history-mini-metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}
.fb-history-mini-metrics strong{display:block;color:#1e3a8a;font-size:1.02rem;line-height:1.25;word-break:break-word;}
.fb-history-table-wrap{margin-top:12px;border-radius:20px;}
.fb-history-table th{white-space:nowrap;}
.fb-history-table td{vertical-align:top;}
.fb-history-table td small{display:block;margin-top:4px;color:#64748b;font-weight:800;line-height:1.35;}
.fb-history-pill{
  display:inline-flex;
  min-width:42px;
  min-height:32px;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-weight:1000;
  border:1px solid rgba(15,23,42,.08);
  background:#f8fafc;
  color:#0f172a;
}
.fb-history-pill.is-created{background:#f0fdf4;border-color:rgba(22,163,74,.24);color:#166534;}
.fb-history-pill.is-duplicate{background:#fffbeb;border-color:rgba(245,158,11,.30);color:#92400e;}
.fb-history-pill.is-invalid{background:#fef2f2;border-color:rgba(239,68,68,.26);color:#b91c1c;}
.fb-history-empty{margin-top:12px;}
@media(max-width:1180px){
  .fb-history-filter-grid.form-grid.five{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fb-history-summary-grid,.fb-history-mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .fb-import-history-panel{padding:14px!important;border-radius:22px!important;}
  .fb-history-filter-grid.form-grid.five,.fb-history-summary-grid,.fb-history-mini-metrics{grid-template-columns:1fr;}
  .fb-history-filter-actions,.fb-history-filter-actions .admin-primary,.fb-history-filter-actions .admin-secondary{width:100%;}
}


/* Phase Web Home 2.0.50 - Facebook Thumbnail Filter */
.fb-post-filter-grid{align-items:end;}
.fb-post-filter-grid .fb-filter-actions > div{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
@media(max-width:1180px){
  .fb-post-filter-grid.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .fb-post-filter-grid.form-grid.four{grid-template-columns:1fr;}
  .fb-post-filter-grid .fb-filter-actions > div{display:grid;grid-template-columns:1fr;width:100%;}
  .fb-post-filter-grid .fb-filter-actions .admin-primary,
  .fb-post-filter-grid .fb-filter-actions .admin-secondary{width:100%;justify-content:center;}
}

/* Phase Web Home 2.0.49 - Facebook Card Batch Polish */
.fb-card-batch-panel{
  margin:16px 0 18px;
  padding:16px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:24px;
  background:linear-gradient(135deg,#f8fbf9 0%,#ffffff 62%,#eef7f2 100%);
  box-shadow:0 16px 36px rgba(15,23,42,.06);
}
.fb-card-batch-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin-bottom:14px;
}
.fb-card-batch-head h3{margin:2px 0 4px;color:#0f241d;font-size:1.1rem;font-weight:950;letter-spacing:-.02em;}
.fb-card-batch-head p{margin:0;color:#475569;line-height:1.55;font-weight:700;}
.fb-card-batch-select-all,
.fb-card-batch-check{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 11px;
  border:1px solid rgba(47,123,99,.16);
  border-radius:999px;
  background:#fff;
  color:#0f241d;
  font-weight:900;
  cursor:pointer;
  user-select:none;
}
.fb-card-batch-select-all input,
.fb-card-batch-check input{width:17px;height:17px;accent-color:#2f7b63;}
.fb-card-batch-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,.9fr) minmax(260px,1.3fr) minmax(190px,.65fr);
  gap:12px;
  align-items:end;
}
.fb-card-batch-actions{display:flex;flex-direction:column;gap:7px;align-items:stretch;}
.fb-card-batch-actions .admin-primary{min-height:44px;justify-content:center;}
.fb-card-batch-actions .admin-primary:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.25);}
.fb-card-batch-actions span{color:#475569;font-weight:900;font-size:.86rem;text-align:center;}
.fb-card-batch-cardbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 10px 0;
}
.fb-card-order-field{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 8px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:#fff;
  color:#475569;
  font-weight:900;
  font-size:.82rem;
}
.fb-card-order-field .input-control{
  width:82px;
  min-height:34px;
  padding:6px 8px;
  border-radius:12px;
  text-align:center;
  font-weight:900;
}
.fb-post-admin-card:has([data-fb-card-batch-checkbox]:checked){
  outline:3px solid rgba(47,123,99,.24);
  box-shadow:0 20px 46px rgba(47,123,99,.14)!important;
}
@media(max-width:980px){
  .fb-card-batch-head{flex-direction:column;}
  .fb-card-batch-toolbar{grid-template-columns:1fr 1fr;}
  .fb-card-batch-actions{grid-column:1/-1;}
}
@media(max-width:640px){
  .fb-card-batch-panel{padding:13px;border-radius:20px;}
  .fb-card-batch-toolbar{grid-template-columns:1fr;}
  .fb-card-batch-select-all,.fb-card-batch-actions .admin-primary{width:100%;justify-content:center;}
  .fb-card-batch-cardbar{align-items:stretch;flex-direction:column;}
  .fb-card-batch-check,.fb-card-order-field{width:100%;justify-content:space-between;}
  .fb-card-order-field .input-control{width:120px;}
}

/* Phase Web Home 2.0.52 - Public Facebook Card QA */
.fb-public-qa-panel{
  margin:0 0 18px!important;
  padding:20px!important;
  border-radius:28px!important;
  border:1px solid rgba(124,58,237,.14)!important;
  background:linear-gradient(135deg,#ffffff 0%,#fbfaff 72%,#f3efff 100%)!important;
  box-shadow:0 18px 52px rgba(15,23,42,.07)!important;
  overflow:hidden;
}
.fb-public-qa-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.fb-public-qa-filter{margin:14px 0;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:rgba(255,255,255,.92);}
.fb-public-qa-filter-grid.form-grid.three{grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;}
.fb-public-qa-timestamp>div{display:flex;align-items:center;min-height:44px;padding:10px 13px;border-radius:14px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);color:#0f172a;font-weight:950;}
.fb-public-qa-submit .admin-primary{min-height:44px;justify-content:center;}
.fb-public-qa-score-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;align-items:stretch;margin:14px 0;}
.fb-public-qa-score,.fb-public-qa-summary-grid article,.fb-public-qa-issue-metrics span{padding:14px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.045);}
.fb-public-qa-score{display:flex;flex-direction:column;justify-content:center;min-height:126px;}
.fb-public-qa-score span,.fb-public-qa-score small,.fb-public-qa-summary-grid span,.fb-public-qa-summary-grid small,.fb-public-qa-issue-metrics small{display:block;color:#64748b;font-weight:850;line-height:1.35;}
.fb-public-qa-score strong{display:block;margin:4px 0;color:#0f172a;font-size:2.15rem;letter-spacing:-.05em;line-height:1;}
.fb-public-qa-score.is-good{background:linear-gradient(135deg,#f0fdf4,#ffffff);border-color:rgba(22,163,74,.20);}
.fb-public-qa-score.is-warning{background:linear-gradient(135deg,#fffbeb,#ffffff);border-color:rgba(245,158,11,.26);}
.fb-public-qa-score.is-danger{background:linear-gradient(135deg,#fef2f2,#ffffff);border-color:rgba(239,68,68,.26);}
.fb-public-qa-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.fb-public-qa-summary-grid strong{display:block;margin:4px 0;color:#0f172a;font-size:1.45rem;letter-spacing:-.03em;}
.fb-public-qa-issue-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 14px;}
.fb-public-qa-issue-metrics strong{display:block;color:#5b21b6;font-size:1.12rem;line-height:1.2;}
.fb-public-qa-source-wrap{margin:14px 0;padding:14px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(15,23,42,.08);}
.fb-public-qa-source-wrap h3{margin:0 0 10px;color:#0f172a;font-size:1.02rem;font-weight:950;}
.fb-public-qa-source-table td,.fb-public-qa-source-table th{vertical-align:top;}
.fb-public-qa-source-table td small{display:block;margin-top:4px;color:#64748b;font-weight:800;}
.fb-public-qa-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px;margin-top:14px;align-items:start;}
.fb-public-qa-block{padding:14px;border-radius:22px;background:rgba(255,255,255,.9);border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 26px rgba(15,23,42,.045);}
.fb-public-qa-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.fb-public-qa-block-head h3{margin:0;color:#0f172a;font-size:1.04rem;font-weight:950;}
.fb-public-qa-block-head span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#f8fafc;color:#475569;border:1px solid rgba(15,23,42,.08);font-weight:950;font-size:.82rem;}
.fb-public-qa-issue-list,.fb-public-qa-preview-list{display:grid;gap:10px;}
.fb-public-qa-issue-card{display:grid;gap:10px;padding:12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:#fff;}
.fb-public-qa-issue-card strong{display:block;color:#0f172a;font-weight:950;line-height:1.45;}
.fb-public-qa-issue-card small{display:block;margin-top:3px;color:#64748b;font-weight:800;line-height:1.35;}
.fb-public-qa-badges{display:flex;gap:6px;flex-wrap:wrap;}
.fb-public-qa-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#f8fafc;color:#334155;font-weight:900;font-size:.78rem;}
.fb-public-qa-badge.is-danger{background:#fef2f2;border-color:rgba(239,68,68,.24);color:#b91c1c;}
.fb-public-qa-badge.is-warning{background:#fffbeb;border-color:rgba(245,158,11,.28);color:#92400e;}
.fb-public-qa-badge.is-info{background:#eff6ff;border-color:rgba(59,130,246,.22);color:#1d4ed8;}
.fb-public-qa-card-actions{display:flex;gap:8px;flex-wrap:wrap;}
.fb-public-qa-preview-card{display:grid;grid-template-columns:38px 76px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:#fff;}
.fb-public-qa-preview-rank{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#f5f3ff;color:#5b21b6;font-weight:1000;}
.fb-public-qa-preview-thumb{width:76px;height:58px;border-radius:14px;overflow:hidden;background:#eef2ff;display:grid;place-items:center;color:#5b21b6;font-weight:1000;}
.fb-public-qa-preview-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.fb-public-qa-preview-thumb.is-empty{border:1px dashed rgba(91,33,182,.28);}
.fb-public-qa-preview-body strong{display:block;color:#0f172a;font-weight:950;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.fb-public-qa-preview-body small{display:block;margin-top:4px;color:#64748b;font-weight:800;line-height:1.35;}
.fb-public-qa-empty{margin-top:0;}
@media(max-width:1180px){
  .fb-public-qa-score-wrap,.fb-public-qa-columns{grid-template-columns:1fr;}
  .fb-public-qa-summary-grid,.fb-public-qa-issue-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fb-public-qa-filter-grid.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));}
  .fb-public-qa-submit{grid-column:1/-1;}
}
@media(max-width:760px){
  .fb-public-qa-panel{padding:14px!important;border-radius:22px!important;}
  .fb-public-qa-actions,.fb-public-qa-actions .admin-secondary,.fb-public-qa-submit .admin-primary{width:100%;justify-content:center;}
  .fb-public-qa-filter-grid.form-grid.three,.fb-public-qa-summary-grid,.fb-public-qa-issue-metrics{grid-template-columns:1fr;}
  .fb-public-qa-preview-card{grid-template-columns:34px 64px minmax(0,1fr);}
  .fb-public-qa-preview-thumb{width:64px;height:54px;}
  .fb-public-qa-card-actions,.fb-public-qa-card-actions .link-btn{width:100%;justify-content:center;}
}

/* Phase Web 2.0.53 — Final Production Smoke Test */
.final-smoke-page { display: grid; gap: 1rem; }
.final-smoke-head { align-items: flex-start; }
.final-smoke-actions { flex-wrap: wrap; }
.final-smoke-hero.pass { background: linear-gradient(135deg, rgba(22, 163, 74, .12), rgba(255,255,255,.96)); }
.final-smoke-hero.warn { background: linear-gradient(135deg, rgba(245, 158, 11, .14), rgba(255,255,255,.96)); }
.final-smoke-hero.fail { background: linear-gradient(135deg, rgba(220, 38, 38, .12), rgba(255,255,255,.96)); }
.final-smoke-score-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .85rem; }
.final-smoke-score-card { position: relative; display: grid; gap: .45rem; overflow: hidden; text-decoration: none; color: inherit; min-height: 132px; }
.final-smoke-score-card strong { display: block; font-size: 1rem; color: var(--admin-text, #122033); }
.final-smoke-score-card span { display: block; margin-top: .15rem; color: var(--admin-muted, #667085); font-size: .82rem; line-height: 1.35; }
.final-smoke-score-card b { font-size: 1.9rem; letter-spacing: -.04em; }
.final-smoke-score-card small { color: var(--admin-muted, #667085); }
.final-smoke-score-card i { position: absolute; left: 0; right: auto; bottom: 0; height: 4px; border-radius: 0 999px 999px 0; background: currentColor; opacity: .7; }
.final-smoke-score-card.pass { color: #15803d; border-color: rgba(21,128,61,.25); }
.final-smoke-score-card.warn { color: #b45309; border-color: rgba(180,83,9,.25); }
.final-smoke-score-card.fail { color: #b91c1c; border-color: rgba(185,28,28,.25); }
.final-smoke-runsheet .card-header, .final-smoke-priority .card-header { align-items: flex-start; }
.final-smoke-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .85rem; }
.final-smoke-steps > div { border: 1px solid rgba(15, 23, 42, .1); border-radius: 18px; padding: .9rem; background: rgba(255,255,255,.72); display: grid; gap: .35rem; }
.final-smoke-steps b { width: 2.25rem; height: 2.25rem; display: inline-grid; place-items: center; border-radius: 999px; background: rgba(15, 118, 110, .12); color: #0f766e; font-size: .8rem; }
.final-smoke-steps strong { font-size: 1rem; color: var(--admin-text, #122033); }
.final-smoke-steps span { color: var(--admin-muted, #667085); font-size: .86rem; line-height: 1.45; }
.final-smoke-group summary { gap: 1rem; }
@media (max-width: 1200px) {
  .final-smoke-score-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .final-smoke-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .final-smoke-score-grid, .final-smoke-steps { grid-template-columns: 1fr; }
  .final-smoke-score-card { min-height: auto; }
  .final-smoke-head .head-actions { width: 100%; }
  .final-smoke-head .head-actions > a { flex: 1 1 100%; justify-content: center; }
}

/* Phase Web 2.0.54 — Final Smoke Layout + Homepage Section Reorder */
.homepage-section-reorder-form{display:grid;gap:12px;}
.homepage-reorder-help{display:grid;gap:4px;padding:12px 13px;border:1px solid rgba(14,116,144,.16);border-radius:18px;background:linear-gradient(135deg,rgba(236,253,245,.9),rgba(240,249,255,.9));color:#0f3f31;}
.homepage-reorder-help strong{font-size:.95rem;font-weight:800;}
.homepage-reorder-help span{font-size:.82rem;color:#527064;line-height:1.45;}
.homepage-section-reorder-list{list-style:none;margin:0;padding:0;}
.homepage-section-reorder-item{grid-template-columns:auto auto minmax(0,1fr) auto auto;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.homepage-section-reorder-item.is-dragging{opacity:.58;transform:scale(.985);border-style:dashed;background:#f7fbff;}
.homepage-section-reorder-item.is-drop-target{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12);}
.homepage-drag-handle{width:34px;height:38px;border:0;border-radius:12px;background:#edf7f2;color:#0f766e;font-weight:900;cursor:grab;line-height:1;}
.homepage-drag-handle:active{cursor:grabbing;}
.homepage-section-item-copy{min-width:0;}
.homepage-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;}
.homepage-row-actions .icon-btn{width:32px;height:32px;border:1px solid rgba(35,100,80,.16);border-radius:10px;background:#fff;color:#236450;font-weight:900;cursor:pointer;}
.homepage-row-actions .icon-btn:hover{background:#edf7f2;border-color:rgba(35,100,80,.34);}
.homepage-row-actions .link-btn{min-height:32px;padding:6px 10px;font-size:.78rem;white-space:nowrap;}
.homepage-reorder-reason{margin-top:2px;}
.homepage-reorder-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid rgba(35,100,80,.12);border-radius:18px;background:#fbfffd;}
.homepage-reorder-actions .admin-primary{min-height:38px;}
.homepage-section-list-card .homepage-section-reorder-form + .homepage-section-list{margin-top:10px;}

.final-smoke-page-v2{gap:18px;}
.final-smoke-head-v2{padding:2px 0 4px;}
.final-smoke-control-panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:16px;align-items:stretch;}
.final-smoke-verdict-card{display:grid;grid-template-columns:178px minmax(0,1fr);gap:20px;align-items:center;padding:22px!important;overflow:hidden;position:relative;}
.final-smoke-verdict-card::after{content:"";position:absolute;inset:auto -10% -55% 42%;height:220px;background:radial-gradient(circle,rgba(15,118,110,.12),transparent 66%);pointer-events:none;}
.final-smoke-control-panel.pass .final-smoke-verdict-card{border-color:rgba(22,163,74,.24);background:linear-gradient(135deg,rgba(240,253,244,.96),rgba(255,255,255,.98));}
.final-smoke-control-panel.warn .final-smoke-verdict-card{border-color:rgba(245,158,11,.28);background:linear-gradient(135deg,rgba(255,251,235,.96),rgba(255,255,255,.98));}
.final-smoke-control-panel.fail .final-smoke-verdict-card{border-color:rgba(220,38,38,.24);background:linear-gradient(135deg,rgba(254,242,242,.96),rgba(255,255,255,.98));}
.final-smoke-ring{--ring-color:#0f766e;width:156px;height:156px;border-radius:999px;display:grid;place-items:center;text-align:center;background:conic-gradient(var(--ring-color) calc(var(--score) * 1%),rgba(15,23,42,.08) 0);position:relative;box-shadow:inset 0 0 0 1px rgba(15,23,42,.04);}
.final-smoke-control-panel.warn .final-smoke-ring{--ring-color:#d97706;}
.final-smoke-control-panel.fail .final-smoke-ring{--ring-color:#dc2626;}
.final-smoke-ring::before{content:"";position:absolute;inset:13px;border-radius:inherit;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.08);}
.final-smoke-ring strong,.final-smoke-ring span{position:relative;z-index:1;}
.final-smoke-ring strong{display:block;font-size:2.25rem;color:#102033;letter-spacing:-.05em;}
.final-smoke-ring span{font-size:.78rem;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.final-smoke-verdict-copy{position:relative;z-index:1;display:grid;gap:9px;}
.final-smoke-verdict-copy h2{font-size:clamp(1.35rem,2.4vw,2.15rem);line-height:1.12;margin:0;color:#0f172a;letter-spacing:-.035em;}
.final-smoke-verdict-copy p{margin:0;color:#475569;line-height:1.65;max-width:820px;}
.final-smoke-verdict-copy small{color:#64748b;}
.final-smoke-status-pill{width:max-content;display:inline-flex;border-radius:999px;padding:6px 11px;font-weight:900;font-size:.8rem;}
.final-smoke-status-pill.pass{background:#dcfce7;color:#166534;}
.final-smoke-status-pill.warn{background:#fef3c7;color:#92400e;}
.final-smoke-status-pill.fail{background:#fee2e2;color:#991b1b;}
.final-smoke-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.final-smoke-mini-card{border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:18px;background:#fff;box-shadow:0 14px 30px rgba(15,23,42,.06);display:grid;gap:8px;min-height:116px;}
.final-smoke-mini-card span{font-size:.84rem;color:#64748b;font-weight:800;}
.final-smoke-mini-card strong{font-size:2rem;line-height:1;color:#0f172a;}
.final-smoke-mini-card.pass{border-color:rgba(22,163,74,.20);background:linear-gradient(135deg,#fff,#f0fdf4);}
.final-smoke-mini-card.warn{border-color:rgba(245,158,11,.24);background:linear-gradient(135deg,#fff,#fffbeb);}
.final-smoke-mini-card.fail{border-color:rgba(220,38,38,.20);background:linear-gradient(135deg,#fff,#fef2f2);}
.final-smoke-mini-card.info{border-color:rgba(14,116,144,.18);background:linear-gradient(135deg,#fff,#ecfeff);}
.final-smoke-two-column{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:16px;align-items:start;}
.final-smoke-card-v2{border-radius:24px!important;}
.final-smoke-steps-v2{grid-template-columns:1fr!important;gap:10px;}
.final-smoke-steps-v2>article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:flex-start;border:1px solid rgba(15,23,42,.09);border-radius:18px;padding:14px;background:rgba(255,255,255,.8);}
.final-smoke-steps-v2>article b{width:42px;height:42px;}
.final-smoke-steps-v2>article strong{display:block;margin-bottom:3px;}
.final-smoke-priority-list{max-height:420px;overflow:auto;padding-right:3px;}
.final-smoke-score-grid-v2{grid-template-columns:repeat(5,minmax(0,1fr));}
.final-smoke-score-grid-v2 .final-smoke-score-card{border-radius:22px!important;min-height:142px;}
.final-smoke-stack-v2{display:grid;gap:14px;}
.final-smoke-group-v2{border-radius:24px!important;overflow:hidden;}
.final-smoke-group-v2 summary{align-items:center;padding:18px 20px;}
.final-smoke-group-v2 summary::marker{content:"";}
.final-smoke-check-list{padding:0 20px 20px;}

@media(max-width:1180px){
  .homepage-section-reorder-item{grid-template-columns:auto auto minmax(0,1fr);}
  .homepage-section-reorder-item .status,.homepage-row-actions{grid-column:1/-1;justify-self:start;}
  .final-smoke-control-panel,.final-smoke-two-column{grid-template-columns:1fr;}
  .final-smoke-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .final-smoke-score-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
  .homepage-section-reorder-item{grid-template-columns:auto minmax(0,1fr);}
  .homepage-drag-handle{display:none;}
  .homepage-section-reorder-item .sort-badge{grid-row:span 2;}
  .homepage-row-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1.4fr;}
  .homepage-row-actions .icon-btn,.homepage-row-actions .link-btn{width:100%;justify-content:center;}
  .homepage-reorder-actions{display:grid;}
  .homepage-reorder-actions .admin-primary{width:100%;}
  .final-smoke-verdict-card{grid-template-columns:1fr;text-align:left;}
  .final-smoke-ring{width:138px;height:138px;}
  .final-smoke-summary-grid,.final-smoke-score-grid-v2{grid-template-columns:1fr;}
  .final-smoke-mini-card{min-height:auto;}
  .final-smoke-group-v2 summary{display:grid;gap:12px;}
  .final-smoke-check-list{padding:0 12px 14px;}
}


/* ========================================================================== 
   Phase Web 2.0.55 - Final Smoke Layout Repair from Real Screenshot
   ========================================================================== */
.final-smoke-page.final-smoke-page-v2{
  --smoke-gap:14px;
  display:grid;
  gap:var(--smoke-gap);
  max-width:100%;
  overflow-x:hidden;
}
.final-smoke-page-v2 .admin-card,
.final-smoke-page-v2 .final-smoke-score-card,
.final-smoke-page-v2 .qa-group{
  min-width:0;
}
.final-smoke-head-v2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px 22px;
  align-items:start!important;
  margin-bottom:10px!important;
}
.final-smoke-head-v2>div:first-child{min-width:0;max-width:760px;}
.final-smoke-head-v2 .page-kicker{font-size:.82rem;color:#0f5132;font-weight:800;}
.final-smoke-head-v2 h1{font-size:clamp(1.55rem,2vw,2rem);line-height:1.15;margin-bottom:8px;}
.final-smoke-head-v2 p{font-size:.94rem;line-height:1.6;max-width:720px;}
.final-smoke-actions{
  display:grid!important;
  grid-template-columns:repeat(5,max-content);
  justify-content:end;
  align-items:start;
  gap:8px;
  min-width:0;
}
.final-smoke-actions .admin-primary,
.final-smoke-actions .admin-secondary{
  min-height:36px;
  padding:7px 12px;
  border-radius:12px;
  font-size:.86rem;
  font-weight:800;
  line-height:1.1;
  box-shadow:none;
}
.final-smoke-actions .admin-primary{
  grid-column:1 / span 1;
  width:max-content;
}
.final-smoke-control-panel{
  grid-template-columns:minmax(0,1fr) 380px!important;
  gap:14px!important;
  align-items:stretch;
}
.final-smoke-verdict-card{
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:18px!important;
  padding:18px 20px!important;
  border-radius:22px!important;
  min-height:168px;
}
.final-smoke-verdict-card::after{height:150px;inset:auto -10% -70% 45%;opacity:.8;}
.final-smoke-ring{width:118px!important;height:118px!important;}
.final-smoke-ring::before{inset:10px!important;}
.final-smoke-ring strong{font-size:1.85rem!important;}
.final-smoke-ring span{font-size:.62rem!important;line-height:1.15;}
.final-smoke-verdict-copy{gap:7px!important;}
.final-smoke-verdict-copy h2{font-size:clamp(1.35rem,1.65vw,1.72rem)!important;line-height:1.18!important;letter-spacing:-.025em!important;}
.final-smoke-verdict-copy p{font-size:.94rem;line-height:1.55!important;max-width:760px!important;}
.final-smoke-verdict-copy small{font-size:.82rem;}
.final-smoke-status-pill{padding:5px 10px!important;font-size:.76rem!important;}
.final-smoke-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.final-smoke-mini-card{min-height:86px!important;padding:14px 16px!important;border-radius:18px!important;gap:5px!important;box-shadow:0 10px 22px rgba(15,23,42,.045)!important;}
.final-smoke-mini-card span{font-size:.78rem!important;}
.final-smoke-mini-card strong{font-size:1.55rem!important;letter-spacing:-.035em;}
.final-smoke-two-column{
  grid-template-columns:minmax(0,1fr) minmax(390px,.74fr)!important;
  gap:14px!important;
}
.final-smoke-card-v2{border-radius:22px!important;padding:18px!important;}
.final-smoke-card-v2 .card-header{margin-bottom:12px;gap:12px;}
.final-smoke-card-v2 .card-header h2{font-size:1.12rem;margin:0 0 4px;}
.final-smoke-card-v2 .card-header p{font-size:.88rem;line-height:1.45;}
.final-smoke-steps-v2{gap:8px!important;}
.final-smoke-steps-v2>article{padding:11px 12px!important;border-radius:15px!important;gap:10px!important;}
.final-smoke-steps-v2>article b{width:34px!important;height:34px!important;font-size:.72rem!important;}
.final-smoke-steps-v2>article strong{font-size:.96rem!important;}
.final-smoke-steps-v2>article span{font-size:.84rem!important;line-height:1.42!important;}
.final-smoke-priority-list{max-height:330px!important;}
.final-smoke-priority-list .release-priority-item{padding:12px!important;border-radius:16px!important;gap:10px!important;}
.final-smoke-priority-list .release-priority-item>span{min-width:92px;text-align:center;font-size:.76rem;}
.final-smoke-priority-list .release-priority-item strong{font-size:.95rem;}
.final-smoke-priority-list .release-priority-item p{font-size:.84rem;line-height:1.45;}
.final-smoke-priority-list .release-priority-item small{display:block;margin-top:6px;font-size:.8rem;line-height:1.4;}
.final-smoke-score-grid-v2{
  grid-template-columns:repeat(5,minmax(150px,1fr))!important;
  gap:12px!important;
}
.final-smoke-score-grid-v2 .final-smoke-score-card{
  min-height:104px!important;
  border-radius:18px!important;
  padding:14px!important;
  gap:4px!important;
}
.final-smoke-score-grid-v2 .final-smoke-score-card strong{font-size:.95rem!important;line-height:1.25;}
.final-smoke-score-grid-v2 .final-smoke-score-card span{font-size:.78rem!important;line-height:1.3!important;}
.final-smoke-score-grid-v2 .final-smoke-score-card b{font-size:1.45rem!important;line-height:1.05;}
.final-smoke-score-grid-v2 .final-smoke-score-card small{font-size:.78rem;}
.final-smoke-score-grid-v2 .final-smoke-score-card i{height:3px!important;}
.final-smoke-stack-v2{gap:12px!important;}
.final-smoke-group-v2{border-radius:20px!important;}
.final-smoke-group-v2 summary{padding:14px 16px!important;grid-template-columns:minmax(0,1fr) auto;}
.final-smoke-group-v2 summary h2{font-size:1.05rem;margin:2px 0 4px;}
.final-smoke-group-v2 summary p{font-size:.84rem;}
.final-smoke-group-v2 .qa-summary-chips{justify-content:flex-end;}
.final-smoke-check-list{padding:0 16px 16px!important;}
.final-smoke-check-list .qa-check{padding:12px!important;border-radius:15px!important;}
.final-smoke-check-list .qa-check-status{font-size:.76rem;min-width:86px;text-align:center;}
.final-smoke-check-list .qa-check-body strong{font-size:.95rem;}
.final-smoke-check-list .qa-check-body p{font-size:.84rem;line-height:1.45;}
.final-smoke-check-list .qa-check-body small{font-size:.8rem;line-height:1.4;}

@media(max-width:1320px){
  .final-smoke-head-v2{grid-template-columns:1fr;}
  .final-smoke-actions{justify-content:start;grid-template-columns:repeat(5,max-content);}
  .final-smoke-actions .admin-primary{grid-column:auto;}
  .final-smoke-control-panel{grid-template-columns:1fr!important;}
  .final-smoke-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .final-smoke-two-column{grid-template-columns:1fr!important;}
}
@media(max-width:980px){
  .final-smoke-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;}
  .final-smoke-actions .admin-primary,
  .final-smoke-actions .admin-secondary{width:100%;}
  .final-smoke-verdict-card{grid-template-columns:108px minmax(0,1fr)!important;}
  .final-smoke-ring{width:100px!important;height:100px!important;}
  .final-smoke-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .final-smoke-score-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  .final-smoke-head-v2{gap:12px!important;margin-bottom:4px!important;}
  .final-smoke-actions{grid-template-columns:1fr;}
  .final-smoke-verdict-card{grid-template-columns:1fr!important;padding:16px!important;min-height:0;}
  .final-smoke-ring{width:104px!important;height:104px!important;}
  .final-smoke-verdict-copy h2{font-size:1.28rem!important;}
  .final-smoke-summary-grid,
  .final-smoke-score-grid-v2{grid-template-columns:1fr!important;}
  .final-smoke-mini-card{min-height:76px!important;}
  .final-smoke-group-v2 summary{grid-template-columns:1fr;}
  .final-smoke-group-v2 .qa-summary-chips{justify-content:start;}
  .final-smoke-check-list .qa-check{grid-template-columns:1fr!important;}
  .final-smoke-check-list .qa-check-status{width:max-content;min-width:0;}
}

/* ========================================================================== 
   Phase Web 2.0.56 - Homepage Sections Real Layout Repair
   Repair cramped left reorder list and make the editor usable on real desktop/tablet/mobile screens.
   ========================================================================== */
.homepage-page-head-v2{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:22px 24px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff 0%,#fbfffd 100%);
  box-shadow:0 14px 36px rgba(16,72,58,.055);
}
.homepage-page-head-v2 h1{
  margin:.2rem 0 .35rem;
  font-size:clamp(1.65rem,2.8vw,2.35rem);
  letter-spacing:-.035em;
}
.homepage-page-head-v2 p{
  max-width:860px;
  line-height:1.55;
}
.homepage-page-head-v2 .head-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}
.homepage-page-head-v2 .head-actions a,
.homepage-page-head-v2 .head-actions button{
  min-height:42px;
  padding-inline:18px;
  white-space:nowrap;
}
.homepage-kpi-row-v2{
  gap:14px!important;
  margin:14px 0 16px;
}
.homepage-kpi-row-v2 article{
  min-height:96px;
  padding:17px 18px!important;
  border-radius:22px!important;
  box-shadow:0 12px 28px rgba(16,72,58,.055);
}
.homepage-kpi-row-v2 article strong{
  font-size:1.75rem!important;
  line-height:1.05;
  letter-spacing:-.03em;
}
.homepage-section-shell-v2{
  grid-template-columns:minmax(410px,.47fr) minmax(0,1fr)!important;
  gap:18px!important;
  min-width:0;
}
.homepage-section-shell-v2 > *{min-width:0;}
.homepage-section-list-card-v2,
.homepage-section-editor-card-v2{
  border-radius:24px!important;
  box-shadow:0 16px 38px rgba(16,72,58,.06)!important;
}
.homepage-section-list-card-v2{
  padding:16px!important;
  top:74px!important;
  max-height:calc(100vh - 92px)!important;
  scrollbar-gutter:stable;
}
.homepage-section-list-card-v2 .section-title{
  margin-bottom:13px;
}
.homepage-section-list-card-v2 .section-title h2,
.homepage-section-editor-card-v2 .section-title h2{
  font-size:1.25rem;
  letter-spacing:-.02em;
}
.homepage-section-list-card-v2 .section-title p,
.homepage-section-editor-card-v2 .section-title p{
  line-height:1.5;
}
.homepage-section-list-card-v2 .homepage-reorder-help{
  padding:11px 12px;
  border-radius:16px;
}
.homepage-section-list-card-v2 .homepage-reorder-help span{
  font-size:.81rem;
}
.homepage-section-list-card-v2 .homepage-section-reorder-list{
  display:grid;
  gap:9px;
}
.homepage-section-list-card-v2 .homepage-section-reorder-item{
  grid-template-columns:44px 34px minmax(0,1fr) auto!important;
  grid-template-areas:
    "order drag copy status"
    "actions actions actions actions";
  gap:9px 10px;
  padding:10px!important;
  border-radius:18px!important;
}
.homepage-section-list-card-v2 .homepage-section-reorder-item .sort-badge{
  grid-area:order;
  width:42px;
  height:42px;
  border-radius:14px;
  font-size:.88rem;
}
.homepage-section-list-card-v2 .homepage-section-reorder-item .homepage-drag-handle{
  grid-area:drag;
  width:34px;
  height:42px;
  border-radius:14px;
}
.homepage-section-list-card-v2 .homepage-section-reorder-item .homepage-section-item-copy{
  grid-area:copy;
  min-width:0;
  align-self:center;
}
.homepage-section-list-card-v2 .homepage-section-reorder-item .homepage-section-item-copy strong{
  font-size:.95rem;
  max-width:100%;
}
.homepage-section-list-card-v2 .homepage-section-reorder-item .homepage-section-item-copy small{
  font-size:.78rem;
  max-width:100%;
}
.homepage-section-list-card-v2 .homepage-section-reorder-item .status{
  grid-area:status;
  align-self:center;
  justify-self:end;
  font-size:.78rem;
  padding:.35rem .55rem;
}
.homepage-section-list-card-v2 .homepage-section-reorder-item .homepage-row-actions{
  grid-area:actions;
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr 1.35fr;
  gap:7px;
  justify-content:stretch;
}
.homepage-section-list-card-v2 .homepage-row-actions .icon-btn,
.homepage-section-list-card-v2 .homepage-row-actions .link-btn{
  width:100%;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.homepage-section-list-card-v2 .homepage-reorder-reason .input-control{
  min-height:42px;
}
.homepage-section-list-card-v2 .homepage-reorder-actions{
  padding:10px;
  border-radius:16px;
}
.homepage-section-list-card-v2 .homepage-reorder-actions .admin-muted{
  font-size:.82rem;
  line-height:1.35;
}
.homepage-section-editor-card-v2{
  padding:20px!important;
  overflow:visible;
}
.homepage-section-editor-card-v2 .section-title{
  display:grid;
  gap:5px;
  margin-bottom:14px;
}
.homepage-section-editor-card-v2 .homepage-section-form{
  gap:13px!important;
}
.homepage-section-editor-card-v2 .form-grid.two{
  grid-template-columns:repeat(2,minmax(230px,1fr));
  gap:13px;
}
.homepage-section-editor-card-v2 .form-grid.three{
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(150px,.55fr);
  gap:13px;
}
.homepage-section-editor-card-v2 .field-label{
  min-height:24px;
}
.homepage-section-editor-card-v2 .input-control,
.homepage-section-editor-card-v2 input,
.homepage-section-editor-card-v2 select,
.homepage-section-editor-card-v2 textarea{
  min-height:44px;
}
.homepage-section-editor-card-v2 textarea.input-control{
  min-height:112px;
  line-height:1.58;
}
.homepage-section-editor-card-v2 .homepage-toggle-card{
  border-radius:18px;
  padding:14px 16px;
}
.homepage-section-editor-card-v2 .homepage-advanced-card{
  background:#fbfffd;
}
.homepage-section-editor-card-v2 .form-sticky-actions.compact{
  border:1px solid rgba(35,100,80,.12);
  border-radius:20px!important;
  padding:13px 14px;
  margin-top:2px;
  background:rgba(255,255,255,.98);
}
.homepage-section-editor-card-v2 .form-sticky-actions.compact code{
  white-space:nowrap;
}

@media(max-width:1320px){
  .homepage-section-shell-v2{grid-template-columns:minmax(380px,.5fr) minmax(0,1fr)!important;}
  .homepage-section-editor-card-v2 .form-grid.two,
  .homepage-section-editor-card-v2 .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:1100px){
  .homepage-page-head-v2{grid-template-columns:1fr;}
  .homepage-page-head-v2 .head-actions{justify-content:flex-start;}
  .homepage-section-shell-v2{grid-template-columns:1fr!important;}
  .homepage-section-list-card-v2{position:static!important;max-height:none!important;}
  .homepage-section-list-card-v2 .homepage-section-reorder-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
  .homepage-kpi-row-v2{grid-template-columns:1fr!important;}
  .homepage-section-list-card-v2 .homepage-section-reorder-list{grid-template-columns:1fr;}
  .homepage-section-editor-card-v2 .form-grid.two,
  .homepage-section-editor-card-v2 .form-grid.three{grid-template-columns:1fr;}
  .homepage-section-editor-card-v2 .form-sticky-actions.compact{position:static;display:grid;gap:10px;}
  .homepage-section-editor-card-v2 .form-actions{display:grid;width:100%;grid-template-columns:1fr;}
  .homepage-section-editor-card-v2 .form-actions .admin-primary,
  .homepage-section-editor-card-v2 .form-actions .admin-secondary{width:100%;justify-content:center;}
}
@media(max-width:560px){
  .homepage-page-head-v2{padding:18px!important;border-radius:20px!important;}
  .homepage-page-head-v2 .head-actions{display:grid;width:100%;grid-template-columns:1fr;}
  .homepage-page-head-v2 .head-actions a,
  .homepage-page-head-v2 .head-actions button{width:100%;justify-content:center;}
  .homepage-section-list-card-v2,
  .homepage-section-editor-card-v2{padding:14px!important;border-radius:20px!important;}
  .homepage-section-list-card-v2 .homepage-section-reorder-item{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    grid-template-areas:
      "order copy status"
      "actions actions actions";
  }
  .homepage-section-list-card-v2 .homepage-drag-handle{display:none!important;}
  .homepage-section-list-card-v2 .homepage-row-actions{grid-template-columns:1fr 1fr 1fr!important;}
  .homepage-section-editor-card-v2 textarea.input-control{min-height:120px;}
}

/* Phase Web 2.0.58 — Audit Logs Table Layout Repair */
.audit-log-list-card{
  overflow:hidden;
}
.audit-log-list-head{
  align-items:flex-start;
}
.audit-table-shell{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.audit-log-table{
  min-width:1280px;
  table-layout:fixed;
}
.audit-log-table .audit-col-time{width:120px}
.audit-log-table .audit-col-user{width:120px}
.audit-log-table .audit-col-action{width:190px}
.audit-log-table .audit-col-entity{width:160px}
.audit-log-table .audit-col-description{width:38%}
.audit-log-table .audit-col-request{width:30%}
.audit-log-table th,
.audit-log-table td{
  vertical-align:top;
}
.audit-log-table td{
  line-height:1.55;
}
.audit-time-cell span,
.audit-user-cell strong,
.audit-entity-cell span,
.audit-description-text,
.audit-request-cell small{
  display:block;
  min-width:0;
}
.audit-time-cell span{
  word-break:normal;
  overflow-wrap:normal;
}
.audit-time-cell small,
.audit-user-cell small,
.audit-entity-cell small,
.audit-request-cell small{
  margin-top:4px;
  color:var(--muted);
}
.audit-action-cell code{
  display:inline-flex;
  max-width:100%;
  white-space:normal;
  word-break:normal;
  overflow-wrap:anywhere;
  line-height:1.45;
  border-radius:14px;
  padding:6px 9px;
}
.audit-entity-cell,
.audit-description-cell,
.audit-request-cell{
  word-break:normal;
  overflow-wrap:anywhere;
}
.audit-description-text{
  color:#1f342d;
}
.audit-request-cell{
  display:grid;
  gap:5px;
  align-content:start;
}
.audit-request-cell .audit-method{
  width:max-content;
  max-width:100%;
}
.audit-request-path{
  color:#475569!important;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.audit-log-table .log-meta summary{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:3px 0;
}
.audit-log-table .log-meta pre{
  max-width:100%;
  overflow:auto;
}

@media(max-width:900px){
  .audit-log-table{
    min-width:1180px;
  }
  .audit-log-table .audit-col-description{width:34%}
  .audit-log-table .audit-col-request{width:28%}
}
@media(max-width:760px){
  .audit-table-shell{
    overflow:visible;
  }
  .audit-log-table{
    min-width:0;
    table-layout:auto;
  }
  .audit-log-table colgroup{
    display:none;
  }
  .audit-action-cell code{
    border-radius:12px;
    padding:4px 8px;
  }
  .audit-request-cell{
    display:grid!important;
    grid-template-columns:120px minmax(0,1fr)!important;
  }
  .audit-request-cell:before{
    grid-row:1 / span 4;
  }
  .audit-request-cell .audit-method,
  .audit-request-cell small{
    grid-column:2;
  }
}
@media(max-width:520px){
  .admin-mobile-card-table .audit-log-table td,
  .audit-request-cell{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:10px;
  }
}

/* Phase Web 2.0.59 - Page Google Drive PDF documents */
.section-header-split{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
.page-document-list{display:grid;gap:.9rem;}
.page-document-row{border:1px solid var(--admin-border,#dbe7e2);border-radius:18px;background:#fbfefc;padding:1rem;display:grid;gap:.8rem;}
.page-document-row-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.page-document-row-head strong{font-size:.96rem;color:#063f35;}
.inline-check{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;color:#31594f;background:#f4fbf7;border:1px solid #d7eee4;border-radius:999px;padding:.45rem .7rem;}
.inline-check input{width:16px;height:16px;accent-color:#0f766e;}
.inline-check.danger-lite{color:#8a2f2f;background:#fff7f7;border-color:#f3caca;}
.admin-alert.compact{padding:.75rem .9rem;font-size:.9rem;}
.compact-grid{align-items:end;}
.preview-document-list{margin-top:1.5rem;border-top:1px solid #dfe9e4;padding-top:1rem;display:grid;gap:.75rem;}
.preview-document-item{display:flex;align-items:center;gap:.75rem;justify-content:space-between;border:1px solid #dfe9e4;border-radius:14px;padding:.75rem;background:#fff;}
.preview-document-item span{font-size:.8rem;color:#0f766e;background:#eaf8f2;border-radius:999px;padding:.25rem .55rem;}
.preview-document-item a{font-weight:700;color:#0f766e;text-decoration:none;}
@media (max-width: 760px){
  .section-header-split{flex-direction:column;}
  .page-document-row{border-radius:14px;padding:.85rem;}
  .page-document-row-head{align-items:flex-start;flex-direction:column;}
  .preview-document-item{align-items:flex-start;flex-direction:column;}
}

/* Phase Web 2.0.60 - Knowledge Google Drive folder sync */
.knowledge-drive-import-card{
  border-color:#cfe7dc;
  background:linear-gradient(180deg,#ffffff 0%,#f8fcfa 100%);
  margin-bottom:1rem;
}
.drive-folder-sync-form{margin-top:.25rem;}
.drive-folder-sync-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:end;
}
.drive-folder-sync-actions{
  display:flex;
  gap:.65rem;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  min-width:300px;
}
.drive-folder-rebuild-warning{
  margin:.55rem 0 0;
  padding:.65rem .8rem;
  border:1px solid #f1d28b;
  border-radius:12px;
  background:#fffaf0;
  color:#77510b;
  font-size:.88rem;
  line-height:1.55;
}
@media(max-width:900px){
  .drive-folder-sync-grid{grid-template-columns:1fr;}
  .drive-folder-sync-actions{justify-content:flex-start;min-width:0;}
}
@media(max-width:560px){
  .drive-folder-sync-actions .admin-primary,
  .drive-folder-sync-actions .admin-secondary{width:100%;justify-content:center;}
}


/* Public announcement settings */
.announcement-admin-card .card-header{align-items:flex-start;}
.announcement-admin-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:18px;
  padding:18px;
}
.announcement-admin-fields{display:grid;gap:14px;min-width:0;}
.announcement-admin-preview{
  align-self:start;
  display:grid;
  gap:10px;
  padding:14px;
  border:1px solid rgba(15,118,110,.14);
  border-radius:18px;
  background:linear-gradient(180deg,#f8fcfa,#fff);
  box-shadow:0 14px 34px rgba(15,36,29,.06);
}
.announcement-admin-preview span{
  color:#0f766e;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.announcement-admin-preview img{
  display:block;
  width:100%;
  max-height:260px;
  object-fit:contain;
  border-radius:14px;
  background:#eef7f4;
  border:1px solid rgba(15,118,110,.12);
}
.announcement-admin-preview strong{color:#111827;font-size:1rem;line-height:1.4;}
.announcement-admin-preview small{color:#64748b;line-height:1.55;}
.announcement-admin-empty{
  display:grid;
  place-items:center;
  min-height:210px;
  padding:18px;
  border:1px dashed rgba(15,118,110,.25);
  border-radius:14px;
  background:#f8fbfa;
  color:#64748b;
  font-weight:800;
  text-align:center;
}
@media(max-width:980px){
  .announcement-admin-layout{grid-template-columns:1fr;}
  .announcement-admin-preview{order:-1;}
}
@media(max-width:640px){
  .announcement-admin-layout{padding:14px;gap:14px;}
}

/* Phase 041 - Organization Structure / Personnel Admin */
.organization-admin-head .head-actions{align-items:center;}
.org-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px;}
.org-admin-metrics article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow-xs);display:grid;gap:2px;}
.org-admin-metrics span{color:var(--muted);font-size:.86rem;font-weight:800;}
.org-admin-metrics strong{color:var(--green-900);font-size:1.85rem;line-height:1.1;font-weight:900;font-variant-numeric:tabular-nums;}
.org-admin-metrics small{color:#6b8077;}
.org-trash-toolbar{margin:0 0 18px;}
.org-admin-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px;align-items:start;margin-bottom:20px;}
.org-admin-workspace .admin-card{margin:0;}
.org-structure-panel .panel{display:grid;gap:18px;}
.org-admin-unit-list{display:grid;gap:18px;}
.org-admin-unit-card{border:1px solid rgba(35,100,80,.13);border-radius:22px;background:#fff;box-shadow:var(--shadow-xs);overflow:hidden;}
.org-admin-unit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line-soft);background:#fbfefb;}
.org-admin-unit-head h3{margin:2px 0 4px;color:var(--green-900);font-size:1.18rem;line-height:1.35;}
.org-admin-unit-head p{margin:0;color:var(--green-700);font-weight:800;}
.org-admin-unit-head .eyebrow{display:inline-flex;align-items:center;margin:0 0 4px;color:var(--muted);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.org-admin-unit-head small{display:block;color:var(--muted);margin-top:5px;line-height:1.6;}
.org-admin-unit-head .row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:240px;}
.org-admin-unit-head form,.org-admin-person-actions form{margin:0;}
.org-admin-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px;}
.org-admin-person-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:12px;display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start;}
.org-admin-person-photo{width:78px;aspect-ratio:3/4;border-radius:15px;overflow:hidden;background:#eef7f2;border:1px solid var(--line);margin:0;display:grid;place-items:center;position:relative;}
.org-admin-person-photo img{width:100%;height:100%;object-fit:cover;}
.org-admin-person-photo span{display:none;color:var(--green-900);font-size:1.5rem;font-weight:900;}
.org-admin-person-photo.is-empty span{display:block;}
.org-admin-person-info{display:grid;gap:3px;min-width:0;}
.org-admin-person-info strong{color:var(--text-strong);line-height:1.4;}
.org-admin-person-info span{color:var(--green-700);font-weight:800;font-size:.9rem;line-height:1.45;}
.org-admin-person-info small{color:var(--muted);}
.org-admin-person-info em{font-style:normal;color:#8a6500;background:#fff8d9;border:1px solid #f4e5a8;border-radius:999px;padding:2px 8px;width:max-content;font-size:.74rem;font-weight:800;}
.org-admin-person-actions{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line-soft);padding-top:10px;margin-top:2px;}
.org-trash-subtitle{margin:8px 0 0;color:var(--green-900);}
.empty-state.compact{padding:18px;margin:16px;border-radius:16px;background:#f9fdfb;border:1px dashed var(--line);color:var(--muted);font-weight:700;}
@media(max-width:1180px){.org-admin-workspace{grid-template-columns:1fr}.org-admin-people-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.org-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.org-admin-unit-head{display:grid}.org-admin-unit-head .row-actions{min-width:0;justify-content:flex-start}.org-admin-people-grid{grid-template-columns:1fr}.org-admin-person-actions,.org-admin-person-actions a,.org-admin-person-actions form,.org-admin-person-actions button{width:100%;}.org-admin-person-actions a,.org-admin-person-actions button{justify-content:center;}}
@media(max-width:520px){.org-admin-metrics{grid-template-columns:1fr}.org-admin-person-card{grid-template-columns:64px minmax(0,1fr)}.org-admin-person-photo{width:64px;border-radius:13px}}
.inline-action-form{display:inline;margin:0;}

/* Homepage sections: calendar preview note */
.homepage-section-note{
  display:grid;
  gap:4px;
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid #bfdbfe;
  border-radius:16px;
  background:#eff6ff;
  color:#1e3a8a;
}
.homepage-section-note strong{font-weight:900;}
.homepage-section-note span{color:#315580;line-height:1.6;font-size:13px;}

/* Homepage Hero media settings */
.homepage-hero-media-card{
  margin:18px 0;
  padding:18px;
  border:1px solid #dbe6f3;
  background:#fbfdff;
}
.homepage-hero-media-card .section-title.compact{
  margin-bottom:14px;
}
.homepage-hero-media-card .section-title.compact h3{
  margin:4px 0 4px;
  color:#18345f;
  font-size:20px;
  line-height:1.35;
}
.homepage-hero-media-card .section-title.compact p{
  max-width:860px;
  margin:0;
  color:#5a6f8c;
  line-height:1.65;
}
.homepage-hero-media-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  gap:18px;
  align-items:start;
}
.homepage-hero-media-fields{min-width:0;}
.homepage-hero-preview{
  overflow:hidden;
  border:1px solid #d6e2f1;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(20,49,87,.07);
}
.homepage-hero-preview img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  background:#eef4fb;
}
.homepage-hero-preview div{
  display:grid;
  gap:4px;
  padding:12px 14px 14px;
}
.homepage-hero-preview strong{
  color:#18345f;
  font-size:14px;
  line-height:1.45;
}
.homepage-hero-preview span{
  overflow:hidden;
  color:#65758c;
  font-size:12px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:980px){
  .homepage-hero-media-grid{grid-template-columns:1fr;}
  .homepage-hero-preview{max-width:520px;}
}

/* Homepage Hero advanced media controls */
.field-check-card{
  justify-content:center;
  min-height:72px;
  padding:12px 14px;
  border:1px solid #dbe6f3;
  border-radius:14px;
  background:#fff;
}
.field-check-card .check-row{
  display:flex;
  align-items:center;
  gap:9px;
  color:#18345f;
  font-weight:800;
  line-height:1.45;
  cursor:pointer;
}
.field-check-card .check-row input{
  width:18px;
  height:18px;
  accent-color:#2563eb;
}
.field-check-card small{
  display:block;
  margin-top:6px;
  color:#6b7f99;
  line-height:1.45;
}
.homepage-hero-preview small{
  display:block;
  overflow:hidden;
  color:#315580;
  font-size:11.5px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Homepage Hero layout settings polish */
.homepage-hero-media-card{
  padding:20px;
  border-radius:20px;
  background:linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%);
}
.homepage-hero-media-grid{
  grid-template-columns:minmax(0,1fr) minmax(300px,400px);
  gap:22px;
}
.homepage-hero-media-fields{
  display:grid;
  gap:14px;
}
.homepage-hero-preview{
  position:sticky;
  top:18px;
  border-radius:20px;
  background:#fff;
}
.homepage-hero-preview img{
  display:block;
  aspect-ratio:16/9;
  background:#eef4fb;
}
.homepage-hero-preview div{
  gap:6px;
  padding:14px 16px 16px;
}
.homepage-hero-preview small{
  white-space:normal;
}
@media(max-width:980px){
  .homepage-hero-media-grid{grid-template-columns:1fr;}
  .homepage-hero-preview{position:static;max-width:none;}
}
@media(max-width:720px){
  .homepage-hero-media-card{padding:16px;border-radius:16px;}
}

/* Home Hero admin overlap hotfix — keep the preview in normal flow so it never covers controls. */
.homepage-hero-media-card{
  overflow:hidden;
}
.homepage-hero-media-grid{
  grid-template-columns:1fr!important;
  gap:16px!important;
  align-items:start;
}
.homepage-hero-media-fields{
  width:100%;
  min-width:0;
}
.homepage-hero-media-card .form-grid.two,
.homepage-hero-media-card .form-grid.three{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px;
}
.homepage-hero-media-card .field,
.homepage-hero-media-card .input-control,
.homepage-hero-media-card select,
.homepage-hero-media-card textarea{
  min-width:0;
}
.homepage-hero-preview{
  position:static!important;
  top:auto!important;
  width:100%;
  max-width:720px!important;
  justify-self:start;
  align-self:start;
  z-index:0;
}
.homepage-hero-preview img{
  display:block;
  width:100%;
  max-height:320px;
  object-fit:contain;
}
@media(max-width:760px){
  .homepage-hero-media-card .form-grid.two,
  .homepage-hero-media-card .form-grid.three{
    grid-template-columns:1fr!important;
  }
  .homepage-hero-preview{
    max-width:none!important;
  }
}

/* Phase Admin 3.24 - Homepage final CTA YouTube settings */
.homepage-final-video-card-admin{
  margin:18px 0;
  border-color:#d8e5ef;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%);
}
.homepage-final-video-card-admin .section-title.compact p{
  max-width:820px;
}
.homepage-final-video-card-admin code{
  padding:2px 6px;
  border-radius:8px;
  background:#eef6fb;
  color:#244968;
  font-size:.88em;
}
@media(max-width:900px){
  .homepage-final-video-card-admin .form-grid.three,
  .homepage-final-video-card-admin .form-grid.two{
    grid-template-columns:1fr;
  }
}

/* Phase Admin 3.25 - Final CTA settings usability polish */
.homepage-final-cta-edit-form{
  gap:16px!important;
}
.homepage-final-cta-card-admin{
  margin:18px 0;
  padding:20px!important;
  overflow:hidden;
  border:1px solid #d8e6f1!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
}
.homepage-final-cta-head{
  margin-bottom:16px!important;
}
.homepage-final-cta-head h3{
  margin:4px 0 4px;
  color:#18345f;
  font-size:20px;
  line-height:1.35;
}
.homepage-final-cta-head p{
  max-width:980px!important;
  color:#5a6f8c;
  line-height:1.65;
}
.homepage-final-cta-admin-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,420px);
  gap:18px;
  align-items:start;
}
.homepage-final-cta-controls{
  display:grid;
  gap:14px;
  min-width:0;
}
.homepage-final-admin-panel{
  display:grid;
  gap:14px;
  min-width:0;
  padding:16px;
  border:1px solid #dbe6f3;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 24px rgba(20,49,87,.045);
}
.homepage-final-admin-panel.is-primary{
  border-color:#c8def6;
  background:linear-gradient(180deg,#ffffff 0%,#f4f9ff 100%);
}
.homepage-final-panel-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
  min-width:0;
}
.homepage-final-panel-head h4{
  margin:0 0 4px;
  color:#18345f;
  font-size:16px;
  line-height:1.35;
}
.homepage-final-panel-head p{
  margin:0;
  color:#5f728c;
  font-size:13px;
  line-height:1.55;
}
.homepage-final-step{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#e8f2ff;
  color:#1d4f91;
  font-weight:900;
  border:1px solid #cae0fb;
}
.homepage-final-toggle-card{
  min-height:auto;
  justify-content:start;
  background:#fbfdff;
}
.homepage-final-button-grid{
  grid-template-columns:minmax(0,1fr) minmax(170px,.55fr)!important;
}
.homepage-final-cta-card-admin .field-label code{
  padding:1px 6px;
  border-radius:7px;
  background:#eef6fb;
  color:#244968;
  font-size:.9em;
}
.field-error-text{
  display:block;
  margin-top:7px;
  color:#b42318;
  font-size:12.5px;
  font-weight:800;
  line-height:1.45;
}
.homepage-final-cta-preview{
  min-width:0;
  overflow:hidden;
  border:1px solid #d3e0ee;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 32px rgba(20,49,87,.07);
}
.homepage-final-preview-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid #edf2f7;
  background:#fbfdff;
}
.homepage-final-preview-head div{
  display:grid;
  gap:2px;
  min-width:0;
}
.homepage-final-preview-head span{
  color:#7890a8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.homepage-final-preview-head strong{
  color:#18345f;
  line-height:1.35;
}
.homepage-final-preview-head .status{
  flex:0 0 auto;
  white-space:nowrap;
}
.homepage-final-preview-frame{
  position:relative;
  overflow:hidden;
  background:#0f172a;
  aspect-ratio:16/9;
}
.homepage-final-preview-frame iframe{
  width:100%;
  height:100%;
  display:block;
  border:0;
}
.homepage-final-preview-meta{
  display:grid;
  gap:5px;
  padding:13px 16px 16px;
}
.homepage-final-preview-meta strong{
  color:#18345f;
  line-height:1.45;
}
.homepage-final-preview-meta span,
.homepage-final-preview-meta small{
  display:block;
  min-width:0;
  overflow:hidden;
  color:#65758c;
  font-size:12px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.homepage-final-preview-meta small{
  color:#315580;
  font-weight:800;
}
.homepage-final-preview-empty{
  min-height:240px;
  display:grid;
  place-items:center;
  gap:8px;
  padding:28px 22px;
  text-align:center;
  background:linear-gradient(135deg,#f8fbff 0%,#eef6fb 100%);
}
.homepage-final-preview-empty strong{
  color:#18345f;
  font-size:16px;
  line-height:1.45;
}
.homepage-final-preview-empty span{
  max-width:320px;
  color:#60748d;
  font-size:13px;
  line-height:1.6;
}
@media(max-width:1180px){
  .homepage-final-cta-admin-layout{
    grid-template-columns:1fr;
  }
  .homepage-final-cta-preview{
    max-width:720px;
  }
}
@media(max-width:720px){
  .homepage-final-cta-card-admin{
    padding:16px!important;
    border-radius:18px!important;
  }
  .homepage-final-admin-panel{
    padding:14px;
    border-radius:16px;
  }
  .homepage-final-panel-head{
    display:grid;
    gap:10px;
  }
  .homepage-final-button-grid,
  .homepage-final-cta-card-admin .form-grid.two,
  .homepage-final-cta-card-admin .form-grid.three{
    grid-template-columns:1fr!important;
  }
  .homepage-final-preview-head{
    display:grid;
  }
  .homepage-final-preview-head .status{
    justify-self:start;
  }
}

/* Phase Web 2.0.74 - Admin Pages layout polish */
.pages-page-head .page-kicker,
.pages-editor-card .section-kicker,
.pages-list-panel .section-kicker,
.pages-sync-card .section-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:0 0 6px;
  padding:4px 10px;
  border-radius:999px;
  background:#eef8f3;
  color:#0c6049;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.pages-admin-overview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0 0 18px;
}
.pages-overview-card{
  display:grid;
  gap:4px;
  min-width:0;
  padding:16px 18px;
  border:1px solid rgba(15,118,110,.14);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#f8fcfa 100%);
  box-shadow:0 12px 28px rgba(16,72,58,.05);
  color:inherit;
  text-decoration:none;
}
.pages-overview-card:hover{
  border-color:rgba(15,118,110,.3);
  box-shadow:0 16px 34px rgba(16,72,58,.08);
  transform:translateY(-1px);
}
.pages-overview-card span{
  color:#64776f;
  font-size:.82rem;
  font-weight:800;
}
.pages-overview-card strong{
  min-width:0;
  overflow:hidden;
  color:#063f35;
  font-size:1.05rem;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pages-overview-card small{
  color:#6a7f76;
  line-height:1.55;
}
.pages-sync-card{
  overflow:visible;
}
.pages-sync-card .card-header{
  align-items:center;
}
.pages-sync-card .drive-folder-sync-form{
  padding:18px 20px 20px;
}
.pages-sync-grid{
  grid-template-columns:minmax(0,1fr) max-content;
  align-items:end;
}
.pages-editor-card{
  overflow:visible;
}
.pages-editor-header{
  align-items:center;
}
.pages-editor-status{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  min-width:120px;
}
.pages-editor-status small{
  color:var(--muted);
  font-weight:800;
}
.pages-editor-layout{
  grid-template-columns:minmax(0,1fr) 360px;
  gap:20px;
  padding:20px;
}
.pages-editor-main,
.pages-editor-side{
  display:grid;
  gap:18px;
}
.pages-editor-side{
  align-self:start;
  position:sticky;
  top:16px;
}
.pages-content-section .form-section-body{
  gap:16px;
}
.pages-title-grid{
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
}
.pages-content-editor-field .content-editor{
  min-height:360px;
  line-height:1.7;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:.92rem;
}
.pages-document-help{
  line-height:1.65;
}
.page-document-row{
  background:linear-gradient(180deg,#fff 0%,#fbfefc 100%);
}
.page-document-row-head{
  padding-bottom:.25rem;
  border-bottom:1px solid rgba(15,118,110,.1);
}
.page-document-meta-grid{
  grid-template-columns:minmax(140px,.45fr) minmax(180px,.55fr);
}
.admin-disclosure{
  display:block;
}
.admin-disclosure > summary{
  cursor:pointer;
  list-style:none;
}
.admin-disclosure > summary::-webkit-details-marker{
  display:none;
}
.admin-disclosure > summary:after{
  content:'เปิด/ปิด';
  align-self:center;
  flex:0 0 auto;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:#31594f;
  padding:6px 10px;
  font-size:.78rem;
  font-weight:900;
}
.publish-panel,
.page-hero-panel{
  overflow:visible;
}
.page-hero-media-picker{
  max-height:460px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  background:#f8fbf9;
}
.page-hero-media-picker .media-option img{
  height:76px;
}
.page-hero-media-picker .media-option span{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.pages-sticky-actions{
  z-index:20;
  border-top:1px solid var(--line-soft);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);
}
.pages-list-panel{
  overflow:hidden;
  margin-top:20px;
}
.pages-list-panel .list-panel-header{
  align-items:center;
}
.pages-list-tabs{
  display:flex;
  gap:8px;
  margin:0;
}
.pages-list-tabs .admin-secondary{
  white-space:nowrap;
}
.pages-trash-alert{
  margin:16px 18px 0;
}
.pages-card-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  padding:18px;
  background:#fff;
}
.pages-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,max-content);
  gap:18px;
  align-items:start;
  padding:16px;
  border-radius:18px;
  background:#fff;
  box-shadow:none;
}
.pages-card:hover{
  border-color:rgba(15,118,110,.28);
  background:#fbfefc;
}
.pages-card-main{
  min-width:0;
  display:grid;
  gap:8px;
}
.pages-card-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.pages-card-title-row h2{
  margin:0;
  color:#063f35;
  font-size:1.06rem;
  line-height:1.38;
}
.pages-card-slug{
  width:max-content;
  max-width:100%;
  margin:0;
  padding:4px 9px;
  border:1px solid #dfe9e4;
  border-radius:999px;
  background:#f8fbf9;
  color:#4f665d!important;
  font-size:.82rem;
  line-height:1.35;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pages-card-date,
.pages-card-excerpt{
  margin:0;
  color:#64776f!important;
  line-height:1.6;
}
.pages-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.pages-card-actions{
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  min-width:0;
  margin:0;
}
.pages-card-actions .inline-action-form{
  display:inline-flex;
}
.pages-card-actions .link-btn,
.pages-card-actions .admin-secondary,
.pages-card-actions .admin-primary,
.pages-card-actions .danger-btn,
.pages-card-actions button{
  min-height:34px;
}
@media(max-width:1180px){
  .pages-editor-layout{
    grid-template-columns:1fr;
  }
  .pages-editor-side{
    position:static;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-hero-panel{
    grid-column:auto;
  }
  .page-hero-media-picker{
    max-height:360px;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .pages-card{
    grid-template-columns:1fr;
  }
  .pages-card-actions{
    justify-content:flex-start;
  }
}
@media(max-width:820px){
  .pages-admin-overview{
    grid-template-columns:1fr;
  }
  .pages-sync-card .card-header,
  .pages-editor-header,
  .pages-list-panel .list-panel-header,
  .pages-card-title-row{
    display:grid;
    gap:12px;
  }
  .pages-editor-status{
    align-items:flex-start;
  }
  .pages-sync-grid,
  .pages-title-grid,
  .page-document-meta-grid{
    grid-template-columns:1fr;
  }
  .pages-editor-side{
    grid-template-columns:1fr;
  }
  .page-hero-media-picker{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:560px){
  .pages-sync-card .drive-folder-sync-form,
  .pages-card-grid,
  .pages-editor-layout{
    padding:14px;
  }
  .pages-card{
    padding:14px;
    border-radius:16px;
  }
  .pages-list-tabs,
  .pages-card-actions,
  .pages-card-actions .inline-action-form,
  .pages-card-actions a,
  .pages-card-actions button{
    width:100%;
  }
  .pages-list-tabs{
    display:grid;
    grid-template-columns:1fr;
  }
  .pages-card-actions a,
  .pages-card-actions button{
    justify-content:center;
  }
  .page-hero-media-picker{
    grid-template-columns:1fr;
  }
  .pages-content-editor-field .content-editor{
    min-height:260px;
  }
}

/* Phase 047 - Admin sidebar information architecture refresh */
.admin-sidebar{
  padding:16px 12px;
}
.admin-sidebar nav.admin-nav{
  display:grid;
  align-content:start;
  gap:8px;
  padding:2px 3px 12px;
}
.admin-nav-section{
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(255,255,255,.045);
  overflow:hidden;
}
.admin-nav-section[open]{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.13);
}
.admin-nav-section.is-active{
  background:rgba(255,255,255,.095);
  border-color:rgba(255,243,168,.32);
  box-shadow:inset 3px 0 0 var(--yellow-300);
}
.admin-nav-section summary{
  list-style:none;
  cursor:pointer;
  min-height:52px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 10px 10px 12px;
  color:#fff;
  outline:none;
}
.admin-nav-section summary::-webkit-details-marker{display:none}
.admin-nav-section summary:focus-visible{
  box-shadow:0 0 0 3px rgba(255,243,168,.28) inset;
}
.admin-nav-section-copy{
  display:grid;
  gap:1px;
  min-width:0;
}
.admin-nav-section-copy strong{
  color:#fff;
  font-size:13.6px;
  line-height:1.35;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-nav-section-copy small{
  color:rgba(255,255,255,.64);
  font-size:11.2px;
  line-height:1.35;
  font-weight:400;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-nav-count{
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#174c3a;
  background:rgba(255,243,168,.94);
  border:1px solid rgba(255,255,255,.28);
  font-size:11px;
  font-weight:900;
}
.admin-nav-section summary::after{
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid rgba(255,255,255,.72);
  border-bottom:2px solid rgba(255,255,255,.72);
  transform:rotate(45deg);
  transition:transform .16s ease;
  grid-column:2;
  grid-row:1;
  justify-self:end;
  margin-right:38px;
}
.admin-nav-section[open] summary::after{
  transform:rotate(225deg);
  margin-top:5px;
}
.admin-nav-links{
  display:grid;
  gap:4px;
  padding:0 8px 10px 12px;
}
.admin-sidebar nav.admin-nav .admin-nav-links a{
  display:grid;
  grid-template-columns:12px minmax(0,1fr);
  align-items:center;
  min-height:38px;
  padding:8px 10px;
  border-radius:12px;
  color:#e9fff5;
  font-size:13.1px;
  line-height:1.35;
  font-weight:500;
  background:transparent;
  border:1px solid transparent;
}
.admin-sidebar nav.admin-nav .admin-nav-links a:hover,
.admin-sidebar nav.admin-nav .admin-nav-links a.is-active{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}
.admin-sidebar nav.admin-nav .admin-nav-links a.is-active{
  box-shadow:inset 3px 0 0 var(--yellow-300);
}
.admin-nav-link-dot{
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,.34);
}
.admin-nav-links a.is-active .admin-nav-link-dot{
  background:var(--yellow-300);
  box-shadow:0 0 0 4px rgba(255,243,168,.12);
}
.admin-nav-links a span:last-child{
  min-width:0;
  overflow-wrap:anywhere;
}
@media(max-width:980px){
  .admin-sidebar{
    width:min(340px,88vw);
    padding:14px 11px;
  }
  .admin-sidebar nav.admin-nav{
    gap:9px;
    padding-right:5px;
  }
  .admin-nav-section summary{
    min-height:56px;
    padding:11px 10px 11px 12px;
  }
  .admin-nav-section-copy strong{
    font-size:14px;
    white-space:normal;
  }
  .admin-nav-section-copy small{
    font-size:11.4px;
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .admin-sidebar nav.admin-nav .admin-nav-links a{
    min-height:42px;
    font-size:13.4px;
    padding:9px 10px;
  }
}
@media(max-width:420px){
  .admin-sidebar{
    width:min(332px,92vw);
  }
  .admin-brand strong{
    font-size:15px;
  }
  .admin-nav-section-copy small{
    display:none;
  }
  .admin-nav-count{
    width:26px;
    height:26px;
  }
  .admin-nav-section summary::after{
    margin-right:34px;
  }
}


/* Phase 048 - Admin content full available viewport width */
.admin-main{
  width:100%;
  max-width:none;
  min-width:0;
}
.admin-content{
  width:100%;
  max-width:none!important;
  min-width:0;
  margin:0;
  padding-inline:clamp(18px,2vw,32px);
}
.admin-content > *{
  max-width:100%;
}
.admin-card,
.form-layout,
.table-wrap,
.audit-table-shell,
.report-table-shell,
.media-library-shell,
.homepage-section-shell{
  max-width:100%;
}
@media(max-width:980px){
  .admin-content{
    padding-inline:16px;
  }
}
@media(max-width:560px){
  .admin-content{
    padding-inline:12px;
  }
}

/* Phase 049 - Posts hashtag import panel */
.post-tag-import-card{
  margin-bottom:20px;
  border-color:rgba(49,120,198,.16);
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.post-tag-import-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:18px;
  align-items:start;
}
.post-tag-import-form{
  display:grid;
  gap:16px;
}
.post-tag-option-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.post-tag-import-actions{
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.post-tag-map-panel{
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#f8fbff;
}
.post-tag-map-panel>strong{
  color:var(--green-900);
  font-size:15px;
  font-weight:700;
}
.post-tag-map-list{
  display:grid;
  gap:8px;
  max-height:360px;
  overflow:auto;
  padding-right:4px;
}
.post-tag-map-item{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:4px 10px;
  align-items:start;
  padding:10px 11px;
  border:1px solid rgba(49,120,198,.12);
  border-radius:14px;
  background:#fff;
}
.post-tag-map-item code{
  grid-row:1 / span 2;
  justify-self:start;
  color:#174c3a;
  background:var(--green-50);
  border:1px solid var(--line);
  border-radius:999px;
  padding:3px 8px;
  font-size:12px;
  font-weight:800;
}
.post-tag-map-item span{
  color:var(--text-strong);
  font-weight:700;
  line-height:1.35;
}
.post-tag-map-item small{
  color:var(--muted);
  line-height:1.45;
}
.post-tag-map-panel p{
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.55;
}
@media(max-width:1100px){
  .post-tag-import-layout{grid-template-columns:1fr;}
  .post-tag-map-list{max-height:none;}
}
@media(max-width:720px){
  .post-tag-option-grid{grid-template-columns:1fr;}
  .post-tag-map-item{grid-template-columns:1fr;}
  .post-tag-map-item code{grid-row:auto;}
  .post-tag-import-actions{display:grid;}
  .post-tag-import-actions .admin-primary{width:100%;}
}


/* Phase 049 - Admin Posts layout rebuild */
.posts-page-head{
  align-items:flex-start;
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:24px;
  background:
    radial-gradient(circle at 8% 0%,rgba(201,239,225,.45),transparent 32%),
    linear-gradient(180deg,#fff,#fbfefb);
  box-shadow:var(--shadow-xs);
}
.posts-page-head .head-actions{align-items:flex-start}
.posts-section-card{
  margin-bottom:20px;
  overflow:hidden;
}
.posts-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding:18px 20px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#fbfefb);
}
.posts-card-head h2{
  margin:2px 0 4px;
  color:var(--green-900);
  font-size:20px;
  line-height:1.35;
}
.posts-card-head p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.posts-card-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:24px;
  padding:3px 9px;
  border-radius:999px;
  background:var(--green-50);
  border:1px solid var(--line);
  color:var(--green-800);
  font-size:11px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.posts-import-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);
  gap:18px;
  padding:18px 20px 20px;
  align-items:start;
}
.posts-import-form{
  display:grid;
  gap:16px;
  min-width:0;
}
.posts-tag-option-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.posts-tag-option-grid .checkbox-card{
  align-items:flex-start;
  min-height:92px;
}
.posts-tag-map-panel{
  position:sticky;
  top:86px;
  min-width:0;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--shadow-xs);
  padding:16px;
}
.posts-map-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.posts-map-head strong{
  color:var(--green-900);
  font-size:15px;
}
.posts-map-head small{
  color:var(--muted);
  font-weight:700;
}
.posts-tag-map-panel .post-tag-map-list{
  display:grid;
  gap:9px;
  max-height:420px;
  overflow:auto;
  padding-right:4px;
}
.posts-tag-map-panel .post-tag-map-item{
  display:grid;
  grid-template-columns:minmax(92px,.55fr) minmax(0,1fr);
  gap:4px 10px;
  align-items:start;
  padding:10px;
  border:1px solid var(--line-soft);
  border-radius:14px;
  background:var(--panel-soft);
}
.posts-tag-map-panel .post-tag-map-item code{
  grid-row:span 2;
  width:max-content;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
.posts-tag-map-panel .post-tag-map-item span{
  color:var(--green-900);
  font-weight:700;
  line-height:1.35;
}
.posts-tag-map-panel .post-tag-map-item small{
  color:var(--muted);
  line-height:1.45;
}
.posts-tag-map-panel p{
  margin:12px 0 0;
  color:var(--muted);
  font-size:12.8px;
  line-height:1.55;
}
.posts-editor-card{
  border-color:rgba(35,100,80,.18);
}
.posts-editor-form{
  padding:18px 20px 20px;
}
.posts-editor-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,400px);
  gap:20px;
  align-items:start;
}
.posts-editor-main,
.posts-editor-side{
  display:grid;
  gap:16px;
  min-width:0;
}
.posts-editor-side{
  align-self:start;
}
.posts-form-section,
.posts-side-card{
  margin:0;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  overflow:hidden;
}
.posts-form-section .section-header,
.posts-side-card .section-header{
  padding:16px 18px;
  background:linear-gradient(180deg,#fff,#fbfefb);
  border-bottom:1px solid var(--line-soft);
}
.posts-form-section .section-header h3,
.posts-side-card .section-header h3{
  margin:0 0 2px;
  color:var(--green-900);
  font-size:16px;
}
.posts-form-section .section-header p,
.posts-side-card .section-header p{
  margin:0;
  color:var(--muted);
  font-size:12.8px;
}
.posts-form-section .form-section-body,
.posts-side-card .form-section-body{
  padding:18px;
}
.posts-content-editor{
  min-height:360px;
  resize:vertical;
}
.posts-media-picker{
  max-height:420px;
  overflow:auto;
  padding-right:4px;
}
.posts-sticky-actions{
  margin-top:18px;
  border-radius:18px;
}
.posts-list-card{
  padding:0;
}
.posts-trash-toolbar{
  flex:0 0 auto;
  justify-content:flex-end;
}
.posts-filter-card{
  margin:18px 20px 16px;
  display:flex;
  align-items:end;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--green-50);
  box-shadow:none;
}
.posts-filter-card .filter-field{
  min-width:180px;
}
.posts-filter-card .filter-field.wide{
  flex:2 1 320px;
}
.posts-filter-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.posts-table-wrap{
  margin:0 20px 20px;
  border:1px solid var(--line);
  border-radius:20px;
  overflow:auto;
}
.posts-table{
  min-width:1020px;
}
.posts-table .posts-col-image{width:92px}
.posts-table .posts-col-actions{width:340px}
.posts-thumb{
  width:72px;
  height:54px;
  border-radius:12px;
  object-fit:cover;
  background:var(--green-50);
  border:1px solid var(--line);
}
.posts-title-cell{
  min-width:260px;
}
.posts-title-cell strong{
  display:block;
  color:var(--text-strong);
  line-height:1.45;
  margin-bottom:3px;
}
.posts-title-cell small{
  display:block;
  color:var(--muted);
  line-height:1.45;
  overflow-wrap:anywhere;
}
.posts-row-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
}
.posts-row-actions .inline-action-form{
  display:inline-flex;
}
.posts-row-actions .compact{
  min-height:34px;
  padding:6px 10px;
  border-radius:11px;
  font-size:12.5px;
}
.posts-row-actions .delete-reason{
  flex-basis:100%;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.45;
}
@media(max-width:1180px){
  .posts-import-layout,
  .posts-editor-layout{
    grid-template-columns:1fr;
  }
  .posts-tag-map-panel{
    position:static;
  }
  .posts-tag-option-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:900px){
  .posts-card-head,
  .posts-page-head{
    display:grid;
  }
  .posts-filter-card{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .posts-filter-card .filter-field,
  .posts-filter-card .filter-field.wide{
    min-width:0;
    width:100%;
  }
  .posts-filter-actions{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .posts-filter-actions .admin-primary,
  .posts-filter-actions .admin-secondary{
    width:100%;
  }
  .posts-trash-toolbar{
    justify-content:flex-start;
  }
}
@media(max-width:760px){
  .posts-page-head,
  .posts-card-head{
    padding:16px;
  }
  .posts-import-layout,
  .posts-editor-form{
    padding:16px;
  }
  .posts-tag-option-grid,
  .posts-filter-card{
    grid-template-columns:1fr;
  }
  .posts-tag-map-panel .post-tag-map-item{
    grid-template-columns:1fr;
  }
  .posts-tag-map-panel .post-tag-map-item code{
    grid-row:auto;
  }
  .posts-filter-card,
  .posts-table-wrap{
    margin-inline:16px;
  }
  .posts-table{
    min-width:0;
  }
  .posts-table-wrap{
    overflow:visible;
    border:0;
    margin-bottom:16px;
  }
  .posts-row-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .posts-row-actions a,
  .posts-row-actions button,
  .posts-row-actions .inline-action-form{
    width:100%;
  }
  .posts-row-actions .inline-action-form button{
    justify-content:center;
  }
}
@media(max-width:520px){
  .posts-kpi-row{
    grid-template-columns:1fr;
  }
  .posts-filter-actions,
  .posts-row-actions{
    grid-template-columns:1fr;
  }
  .posts-form-section .form-section-body,
  .posts-side-card .form-section-body{
    padding:14px;
  }
}

/* Phase 050 - Facebook keep Import Link only cleanup */
.fb-import-retention-card{
  margin:18px 0;
  border:1px solid rgba(217,96,96,.18);
  background:linear-gradient(180deg,#fff,#fffafa);
}
.fb-import-retention-card .section-title{
  align-items:flex-start;
}
.fb-import-retention-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:0 18px 18px;
}
.fb-import-retention-grid article{
  min-width:0;
  padding:15px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow-xs);
  display:grid;
  gap:4px;
}
.fb-import-retention-grid article span{
  color:var(--muted);
  font-size:12.5px;
  font-weight:700;
}
.fb-import-retention-grid article strong{
  color:var(--green-900);
  font-size:28px;
  line-height:1.15;
  font-weight:800;
}
.fb-import-retention-grid article small{
  color:var(--muted);
  line-height:1.45;
}
.fb-import-retention-grid article.is-keep{
  border-color:rgba(60,148,115,.22);
  background:#f7fffb;
}
.fb-import-retention-grid article.is-danger{
  border-color:rgba(217,96,96,.24);
  background:#fff7f7;
}
.fb-import-retention-grid article.is-danger strong{color:#a83e3e;}
.fb-import-retention-sources{
  margin:0 18px 18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
}
.fb-import-retention-sources summary{
  cursor:pointer;
  padding:12px 14px;
  color:var(--green-900);
  font-weight:700;
  background:var(--green-50);
}
.fb-import-retention-sources>div{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:12px;
}
.fb-import-retention-sources article{
  padding:11px 12px;
  border:1px solid var(--line-soft);
  border-radius:14px;
  background:var(--panel-soft);
  display:grid;
  gap:2px;
}
.fb-import-retention-sources article strong{
  color:var(--green-900);
  line-height:1.35;
}
.fb-import-retention-sources article span,
.fb-import-retention-sources article small{
  color:var(--muted);
  line-height:1.45;
}
.fb-import-retention-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  padding:0 18px 18px;
}
.fb-import-retention-actions form{display:inline-flex;}
@media(max-width:980px){
  .fb-import-retention-grid{grid-template-columns:1fr;}
  .fb-import-retention-sources>div{grid-template-columns:1fr;}
  .fb-import-retention-actions{display:grid;}
  .fb-import-retention-actions form,
  .fb-import-retention-actions button{width:100%;justify-content:center;}
}


/* Phase 050 - Facebook Feed layout rebuild */
.fb-page-head-v3{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:18px;
  padding:20px 22px;
  border:1px solid var(--line);
  border-radius:24px;
  background:
    radial-gradient(circle at 0% 0%,rgba(201,239,225,.55),transparent 34%),
    linear-gradient(180deg,#fff,#fbfefb);
  box-shadow:var(--shadow-xs);
}
.fb-page-head-v3 h1{
  margin-bottom:6px;
}
.fb-page-head-v3 p{
  max-width:920px;
}
.fb-page-head-v3 .admin-actions{
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  gap:8px;
  flex-wrap:wrap;
  max-width:520px;
}
.fb-page-head-v3 .admin-actions form{
  display:inline-flex;
  margin:0;
}
.fb-page-head-v3 .admin-actions .admin-secondary,
.fb-page-head-v3 .admin-actions .admin-primary{
  min-height:38px;
  padding:8px 12px;
  font-size:12.8px;
}
.fb-command-board{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
  gap:18px;
  margin:18px 0;
  padding:0;
  overflow:hidden;
}
.fb-command-primary{
  display:grid;
  align-content:space-between;
  gap:18px;
  padding:22px;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,250,219,.85),transparent 36%),
    linear-gradient(180deg,#ffffff,#fbfefb);
}
.fb-command-primary h2{
  margin:2px 0 6px;
  color:var(--green-900);
  font-size:22px;
  line-height:1.35;
}
.fb-command-primary p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}
.fb-command-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.fb-command-actions .admin-primary,
.fb-command-actions .admin-secondary{
  min-height:40px;
}
.fb-command-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:18px;
  border-left:1px solid var(--line);
  background:var(--green-50);
}
.fb-command-stats article{
  min-width:0;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:14px;
  box-shadow:var(--shadow-xs);
}
.fb-command-stats article span,
.fb-import-retention-grid article span{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  line-height:1.35;
}
.fb-command-stats article strong,
.fb-import-retention-grid article strong{
  display:block;
  color:var(--green-900);
  font-size:26px;
  line-height:1.15;
  margin:5px 0 4px;
  font-weight:800;
}
.fb-command-stats article small,
.fb-import-retention-grid article small{
  display:block;
  color:var(--muted);
  line-height:1.45;
  overflow-wrap:anywhere;
}
.fb-command-stats article.is-warning{
  border-color:rgba(217,96,96,.28);
  background:#fff8f8;
}
.fb-command-stats article.is-warning strong{color:var(--red);}
.fb-command-stats article.is-clean{
  border-color:rgba(60,148,115,.22);
  background:#f6fffb;
}
.fb-import-retention-card{
  margin:0 0 18px;
  overflow:hidden;
}
.fb-import-retention-card .section-title.compact{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding:18px 20px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#fbfefb);
}
.fb-import-retention-card .section-title.compact h2{
  margin:2px 0 5px;
  color:var(--green-900);
}
.fb-import-retention-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:16px 20px;
}
.fb-import-retention-grid article{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:14px;
}
.fb-import-retention-grid article.is-danger{
  border-color:rgba(217,96,96,.26);
  background:#fff8f8;
}
.fb-import-retention-grid article.is-danger strong{color:var(--red);}
.fb-import-retention-grid article.is-keep{
  border-color:rgba(60,148,115,.25);
  background:#f7fffb;
}
.fb-import-retention-grid article.is-keep strong{color:var(--success);}
.fb-import-retention-sources{
  margin:0 20px 16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
.fb-import-retention-sources summary{
  cursor:pointer;
  padding:12px 14px;
  color:var(--green-900);
  font-weight:700;
}
.fb-import-retention-sources>div{
  display:grid;
  gap:8px;
  padding:0 14px 14px;
}
.fb-import-retention-sources article{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 10px;
  padding:10px;
  border:1px solid var(--line-soft);
  border-radius:12px;
  background:var(--panel-soft);
}
.fb-import-retention-sources article small{
  grid-column:1 / -1;
  color:var(--muted);
}
.fb-import-retention-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  padding:0 20px 18px;
}
.fb-ux-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,380px);
  gap:18px;
  align-items:start;
  margin-top:18px;
}
.fb-ux-main,
.fb-ux-aside{
  min-width:0;
  display:grid;
  gap:18px;
}
.fb-ux-aside{
  position:sticky;
  top:88px;
}
.fb-link-import-panel,
.fb-import-review-panel,
.fb-import-history-panel,
.fb-public-qa-panel,
.fb-manual-post-panel,
.fb-live-preview-panel,
.fb-source-summary-panel,
.fb-source-setup-panel,
.fb-api-posts-panel{
  border-radius:22px;
  overflow:hidden;
}
.fb-link-import-panel .section-title.compact,
.fb-import-review-panel .section-title.compact,
.fb-import-history-panel .section-title.compact,
.fb-public-qa-panel .section-title.compact,
.fb-manual-post-panel .section-title.compact,
.fb-api-posts-panel .section-title.compact{
  padding:18px 20px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#fbfefb);
}
.fb-link-import-form,
.fb-import-review-panel form,
.fb-card-composer form{
  padding:18px 20px 20px;
}
.fb-section-title-numbered{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:14px;
}
.fb-section-number{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:var(--green-900);
  background:var(--yellow-200);
  border:1px solid var(--yellow-300);
  font-weight:900;
}
.fb-link-import-textarea{
  min-height:240px;
  resize:vertical;
}
.fb-import-options{
  display:grid;
  gap:10px;
  align-content:start;
  padding:12px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--green-50);
}
.fb-import-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.fb-import-counter{
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  padding:9px 10px;
  color:var(--green-900);
  font-weight:700;
}
.fb-manual-post-panel .fb-manual-layout,
.fb-card-composer .fb-manual-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
}
.fb-source-setup-panel{
  margin-top:18px;
}
.fb-source-setup-panel>summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:center;
  cursor:pointer;
  padding:18px 20px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#fbfefb);
}
.fb-source-setup-panel>summary strong{
  color:var(--green-900);
  font-size:18px;
}
.fb-source-setup-panel>summary small{
  display:block;
  color:var(--muted);
  line-height:1.45;
}
.fb-source-setup-body{
  padding:18px 20px 20px;
}
.fb-card-list-panel{
  margin-top:18px;
}
.fb-post-filter{
  padding:16px 20px;
  border-bottom:1px solid var(--line);
  background:var(--green-50);
}
.fb-post-filter-grid{
  align-items:end;
}
.fb-api-posts-panel .table-wrap{
  margin:18px 20px 20px;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:auto;
}
@media(max-width:1280px){
  .fb-page-head-v3,
  .fb-command-board,
  .fb-ux-layout{
    grid-template-columns:1fr;
  }
  .fb-page-head-v3 .admin-actions{
    justify-content:flex-start;
    max-width:none;
  }
  .fb-command-stats{
    border-left:0;
    border-top:1px solid var(--line);
  }
  .fb-ux-aside{
    position:static;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:860px){
  .fb-command-stats,
  .fb-import-retention-grid,
  .fb-ux-aside{
    grid-template-columns:1fr;
  }
  .fb-section-title-numbered{
    grid-template-columns:auto minmax(0,1fr);
  }
  .fb-section-title-numbered>a,
  .fb-section-title-numbered>form{
    grid-column:1 / -1;
    width:100%;
  }
  .fb-section-title-numbered>a,
  .fb-section-title-numbered button{
    width:100%;
    justify-content:center;
  }
  .fb-import-retention-sources article{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .fb-page-head-v3,
  .fb-command-primary,
  .fb-command-stats,
  .fb-import-retention-card .section-title.compact,
  .fb-import-retention-grid,
  .fb-link-import-panel .section-title.compact,
  .fb-import-review-panel .section-title.compact,
  .fb-import-history-panel .section-title.compact,
  .fb-public-qa-panel .section-title.compact,
  .fb-manual-post-panel .section-title.compact,
  .fb-api-posts-panel .section-title.compact,
  .fb-link-import-form,
  .fb-card-composer form,
  .fb-source-setup-body,
  .fb-post-filter{
    padding:15px;
  }
  .fb-page-head-v3 .admin-actions,
  .fb-command-actions,
  .fb-import-actions,
  .fb-import-retention-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .fb-page-head-v3 .admin-actions a,
  .fb-page-head-v3 .admin-actions button,
  .fb-command-actions a,
  .fb-import-actions button,
  .fb-import-retention-actions button{
    width:100%;
    justify-content:center;
  }
  .fb-api-posts-panel .table-wrap{
    margin:14px;
  }
}

/* Phase 051 - Facebook Feed simplified operations layout */
.fb-import-retention-purge-form{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  gap:12px;
  align-items:end;
  width:min(780px,100%);
}
.fb-import-retention-purge-form .field{
  margin:0;
}
.fb-source-summary-panel{
  min-height:auto;
}
.fb-ux-aside .fb-source-summary-panel{
  align-self:start;
}
.fb-card-list-panel .section-title.compact p{
  max-width:860px;
}
@media(max-width:760px){
  .fb-import-retention-purge-form{
    grid-template-columns:1fr;
    width:100%;
  }
  .fb-import-retention-purge-form .danger-btn{
    width:100%;
    justify-content:center;
  }
}


/* Phase 051 - Facebook Feed clearer step sequence */
.fb-step-command-board{
  grid-template-columns:1fr;
  gap:0;
}
.fb-step-command-board .fb-command-primary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:18px;
  padding:22px;
  border-bottom:1px solid var(--line);
}
.fb-step-command-board .fb-command-actions{
  justify-content:flex-end;
}
.fb-step-roadmap{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  padding:18px 20px;
  background:linear-gradient(180deg,#fff,#fbfefb);
  border-bottom:1px solid var(--line);
}
.fb-step-card{
  position:relative;
  display:grid;
  gap:7px;
  min-height:132px;
  padding:14px 13px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  color:var(--text);
  box-shadow:var(--shadow-xs);
}
.fb-step-card:hover{
  border-color:var(--green-300);
  box-shadow:var(--shadow-sm);
}
.fb-step-card span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:var(--green-900);
  background:var(--yellow-200);
  border:1px solid var(--yellow-300);
  font-weight:900;
}
.fb-step-card strong{
  color:var(--green-900);
  line-height:1.35;
  font-size:14px;
}
.fb-step-card small{
  color:var(--muted);
  line-height:1.45;
  font-size:12px;
}
.fb-step-card.is-primary{
  border-color:rgba(47,123,99,.28);
  background:linear-gradient(180deg,#f7fffb,#fff);
  box-shadow:inset 3px 0 0 var(--green-600),var(--shadow-xs);
}
.fb-step-card.is-warning{
  border-color:rgba(217,96,96,.28);
  background:#fff8f8;
  box-shadow:inset 3px 0 0 var(--red),var(--shadow-xs);
}
.fb-step-card.is-warning span{
  color:#fff;
  background:var(--red);
  border-color:var(--red);
}
.fb-step-card.is-done{
  border-color:rgba(60,148,115,.24);
  background:#f7fffb;
}
.fb-command-stats-compact{
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-left:0;
  border-top:0;
}
.fb-source-setup-panel{
  margin:18px 0;
}
.fb-source-setup-panel>summary{
  border-radius:22px 22px 0 0;
}
.fb-source-setup-panel:not([open])>summary{
  border-bottom:0;
  border-radius:22px;
}
.fb-import-retention-card{
  margin-top:18px;
}
.fb-import-retention-card .fb-section-title-numbered{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
}
.fb-api-posts-panel .fb-section-title-numbered{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:14px;
}
@media(max-width:1280px){
  .fb-step-roadmap{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .fb-step-command-board .fb-command-primary{
    grid-template-columns:1fr;
  }
  .fb-step-command-board .fb-command-actions{
    justify-content:flex-start;
  }
  .fb-command-stats-compact{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .fb-step-roadmap,
  .fb-command-stats-compact{
    grid-template-columns:1fr;
    padding:15px;
  }
  .fb-step-card{
    min-height:auto;
    grid-template-columns:auto minmax(0,1fr);
    gap:4px 10px;
    align-items:start;
  }
  .fb-step-card small{
    grid-column:2;
  }
  .fb-import-retention-card .fb-section-title-numbered{
    grid-template-columns:auto minmax(0,1fr);
  }
  .fb-import-retention-card .fb-section-title-numbered>.status{
    grid-column:1 / -1;
    justify-self:start;
  }
}


/* Phase 052 - Facebook Import TXT hashtag data guide */
.fb-import-data-guide{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(280px,1.05fr);
  gap:14px;
  margin:14px 0 16px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfefb);
}
.fb-import-data-guide-main{
  min-width:0;
  display:grid;
  gap:6px;
  align-content:start;
}
.fb-import-data-guide-main strong{
  color:var(--green-900);
  line-height:1.45;
}
.fb-import-data-guide-main code{
  display:block;
  width:100%;
  overflow:auto;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  color:var(--green-900);
  font-size:12.5px;
  white-space:nowrap;
}
.fb-import-data-guide-main small{
  color:var(--muted);
  line-height:1.55;
}
.fb-import-tag-map-mini{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  min-width:0;
}
.fb-import-tag-map-mini span{
  display:grid;
  grid-template-columns:minmax(86px,.58fr) minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border:1px solid var(--line-soft);
  border-radius:12px;
  background:#fff;
  color:var(--text);
  font-size:12.4px;
  line-height:1.35;
}
.fb-import-tag-map-mini code{
  color:var(--green-900);
  font-weight:800;
  overflow-wrap:anywhere;
}
@media(max-width:980px){
  .fb-import-data-guide{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .fb-import-tag-map-mini{grid-template-columns:1fr;}
}