:root{font-family:system-ui,sans-serif;color:#14263d;background:#f5f8fc;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#0099ff;color:#fff;padding:24px 5%;display:flex;justify-content:space-between;gap:16px}header strong{font-size:24px}nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 5%;background:#fff;border-bottom:1px solid #e4ecf3}nav a{padding:10px;border-radius:8px}a{color:#007acc;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1100px;margin:32px auto;padding:0 20px 40px}h1{font-size:28px}h2{font-size:20px}article,section{background:#fff;padding:20px;border:1px solid #e4ecf3;border-radius:14px;margin:12px 0;box-shadow:0 3px 12px #14263d05}form{display:flex;flex-direction:column;gap:14px}nav form,.row form{display:block}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}input,select{font:inherit;min-height:48px;border:1px solid #cbd6e2;border-radius:8px;padding:10px;background:#fff;color:#14263d;width:100%}.check{flex-direction:row;align-items:center}.check input{width:22px;min-height:22px;accent-color:#0099ff}button{cursor:pointer;min-height:48px;padding:10px 20px;border:0;border-radius:9px;color:#fff;background:#007acc;font:inherit;font-weight:600}button:hover{background:#0067ad}.row{display:flex;align-items:center;justify-content:space-between;gap:20px}.row p{overflow-wrap:anywhere}.notice{background:#e6f6ff;color:#14263d;padding:16px;border-radius:10px}.error{color:#b02020}small{color:#657589}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats strong{display:block;font-size:36px;color:#007acc;margin-top:8px}.login{max-width:460px;margin:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0099ff;outline-offset:3px}@media(max-width:600px){header{flex-direction:column}.stats{grid-template-columns:1fr}.row{align-items:flex-start}main{margin-top:20px}}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:12px;margin:20px 0;padding:16px;background:#fff;border:1px solid #e4ecf3;border-radius:12px}.filters button{width:100%}.filters a{padding:12px}.row form{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}@media(max-width:600px){.row{flex-direction:column}.row form{width:100%}.filters{grid-template-columns:1fr}}
.row-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.row-actions details{max-width:320px}.row-actions pre{max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.row-delete{display:flex;align-items:center;gap:8px}.row-delete .check{white-space:nowrap}.row-delete button{min-height:40px;padding:8px 12px;background:#b02020}.row-delete button:hover{background:#861818}
.module-help{margin:18px 0;padding:0 18px;background:#eef8ff;border:1px solid #cfeaff;border-radius:12px}.module-help summary{padding:16px 0;color:#006bb3;font-weight:700;cursor:pointer}.module-help p{margin:0 0 8px}.module-help ol{padding-left:22px;line-height:1.6}.module-help li{margin:6px 0}.editorial-filters{margin-top:0}.article-moderation{margin-top:16px}.table-wrap{overflow:auto;background:#fff;border:1px solid #e4ecf3;border-radius:12px}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th,.data-table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #e4ecf3}.data-table th{background:#f5f8fc;white-space:nowrap}.data-table td:first-child,.data-table th:first-child{width:48px;text-align:center}.data-table input[type=checkbox]{width:22px;min-height:22px;accent-color:#0099ff}.data-table td small{display:block;margin-top:5px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf1f5;color:#435468;font-size:13px;white-space:nowrap}.badge-on{background:#e5f7ed;color:#16733e}.badge-off{background:#fff0ee;color:#a4342b}.badge-hot{background:#fff3dc;color:#8a5200}.moderation-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:12px;padding:16px;background:#fff;border:1px solid #e4ecf3;border-radius:12px}.moderation-actions button{grid-column:1/-1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.moderation-actions{grid-template-columns:1fr}.moderation-actions button{grid-column:auto}}
.article-row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.article-row-actions .check{flex-direction:row;align-items:center}.article-row-actions .check input{width:22px;min-height:22px;accent-color:#0099ff}.article-row-actions form{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:8px}.mapping-editor select[multiple]{min-height:180px}.article-content-selected{display:flex}nav.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0;background:transparent;border:0}.pagination a,.pagination span{min-width:40px;padding:8px;text-align:center;border-radius:8px;background:#fff}.pagination [aria-current=page]{color:#fff;background:#007acc;font-weight:700}
textarea{font:inherit;min-height:110px;border:1px solid #cbd6e2;border-radius:8px;padding:10px;background:#fff;color:#14263d;width:100%;resize:vertical}

.admin-view-editorial nav{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:6px;padding:10px clamp(16px,3vw,44px);scrollbar-width:thin}
.admin-view-editorial nav a{flex:0 0 auto;padding:9px 12px;border-radius:999px;color:#23415d;font-size:14px}
.admin-view-editorial nav a:hover{background:#edf6ff;text-decoration:none}
.admin-view-editorial nav form{flex:0 0 auto}
.admin-view-editorial nav button{min-height:40px;padding:8px 14px}
.admin-view-editorial main{max-width:1480px;margin:24px auto;padding:0 clamp(16px,3vw,40px) 48px}
.admin-view-editorial h1{margin:0 0 16px;font-size:30px;letter-spacing:-.02em}
.admin-view-editorial .module-help{margin:0 0 18px}
.admin-view-editorial .editorial-filters{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(160px,1fr)) auto;gap:14px;margin:0 0 18px;padding:18px}
.admin-view-editorial .editorial-filters label{min-width:0}
.admin-view-editorial .editorial-filters button{width:auto;min-width:130px}
.admin-view-editorial .editorial-filters a{align-self:center;text-align:center}
.admin-view-editorial .article-moderation{margin:0}
.admin-view-editorial .table-wrap{overflow:auto;border-color:#dbe5ef;box-shadow:0 4px 18px #14263d0a}
.admin-view-editorial .data-table{width:100%;min-width:1120px;table-layout:fixed}
.admin-view-editorial .data-table th{padding:13px 12px;background:#eef5fb;color:#334b63;font-size:13px}
.admin-view-editorial .data-table td{padding:14px 12px;line-height:1.45;overflow-wrap:anywhere}
.admin-view-editorial .data-table th:nth-child(1),.admin-view-editorial .data-table td:nth-child(1){width:52px}
.admin-view-editorial .data-table th:nth-child(2),.admin-view-editorial .data-table td:nth-child(2){width:24%}
.admin-view-editorial .data-table th:nth-child(3),.admin-view-editorial .data-table td:nth-child(3){width:15%}
.admin-view-editorial .data-table th:nth-child(4),.admin-view-editorial .data-table td:nth-child(4){width:12%}
.admin-view-editorial .data-table th:nth-child(5),.admin-view-editorial .data-table td:nth-child(5){width:12%}
.admin-view-editorial .data-table th:nth-child(6),.admin-view-editorial .data-table td:nth-child(6){width:12%}
.admin-view-editorial .data-table th:nth-child(7),.admin-view-editorial .data-table td:nth-child(7){width:13%}
.admin-view-editorial .data-table th:nth-child(8),.admin-view-editorial .data-table td:nth-child(8){width:220px}
.admin-view-editorial .data-table td:nth-child(2) strong{display:block;color:#193651;font-size:15px;line-height:1.4}
.admin-view-editorial .data-table td:nth-child(2) small{display:block;margin-top:7px}
.admin-view-editorial .data-table td:nth-child(3) small{display:block;margin-top:5px}
.admin-view-editorial .data-table .row-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0}
.admin-view-editorial .data-table .row-actions details{max-width:none}
.admin-view-editorial .data-table .row-actions summary{cursor:pointer;color:#006bb3;font-weight:700}
.admin-view-editorial .data-table .row-actions p{margin:7px 0 0;font-size:12px;overflow-wrap:anywhere}
.admin-view-editorial .data-table .row-delete{display:grid;grid-template-columns:1fr;gap:7px;padding-top:8px;border-top:1px solid #e8eef4}
.admin-view-editorial .data-table .row-delete .check{font-size:12px}
.admin-view-editorial .data-table .row-delete button{width:100%;min-height:38px}
.admin-view-editorial .moderation-actions{grid-template-columns:repeat(3,minmax(180px,1fr));margin-top:16px}
.admin-view-editorial .moderation-actions button{grid-column:1/-1}
@media(max-width:900px){
  .admin-view-editorial .editorial-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-view-editorial .editorial-filters label:first-of-type{grid-column:1/-1}
  .admin-view-editorial .table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}
  .admin-view-editorial .data-table{display:block;min-width:0;border-collapse:separate}
  .admin-view-editorial .data-table thead{display:none}
  .admin-view-editorial .data-table tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px}
  .admin-view-editorial .data-table tr{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbe5ef;border-radius:14px;background:#fff;box-shadow:0 4px 16px #14263d0a}
  .admin-view-editorial .data-table td{display:flex;justify-content:space-between;gap:14px;padding:10px 14px;border-bottom:1px solid #edf1f5}
  .admin-view-editorial .data-table td::before{flex:0 0 112px;color:#657589;font-size:12px;font-weight:700}
  .admin-view-editorial .data-table td:nth-child(1){width:auto;text-align:left}
  .admin-view-editorial .data-table td:nth-child(1)::before{content:"Chọn bài"}
  .admin-view-editorial .data-table td:nth-child(2){width:auto;background:#f8fbfe}
  .admin-view-editorial .data-table td:nth-child(2)::before{content:"Bài viết"}
  .admin-view-editorial .data-table td:nth-child(3){width:auto}
  .admin-view-editorial .data-table td:nth-child(3)::before{content:"Đầu báo / chuyên mục"}
  .admin-view-editorial .data-table td:nth-child(4){width:auto}
  .admin-view-editorial .data-table td:nth-child(4)::before{content:"Trạng thái"}
  .admin-view-editorial .data-table td:nth-child(5){width:auto}
  .admin-view-editorial .data-table td:nth-child(5)::before{content:"Trang chủ"}
  .admin-view-editorial .data-table td:nth-child(6){width:auto}
  .admin-view-editorial .data-table td:nth-child(6)::before{content:"Ảnh đại diện"}
  .admin-view-editorial .data-table td:nth-child(7){width:auto}
  .admin-view-editorial .data-table td:nth-child(7)::before{content:"Ngày đăng (UTC)"}
  .admin-view-editorial .data-table td:nth-child(8){display:block;width:auto;border-bottom:0}
  .admin-view-editorial .data-table td:nth-child(8)::before{content:"Tác vụ";display:block;margin-bottom:8px}
  .admin-view-editorial .data-table .row-actions{align-items:stretch}
}
.video-scan-progress{margin-top:12px}
.video-scan-progress progress{display:block;width:100%;height:20px;accent-color:#007acc}
.video-scan-progress [role=status]{margin:8px 0 0}
@media(max-width:560px){
  .admin-view-editorial nav{padding-inline:12px}
  .admin-view-editorial main{margin-top:18px}
  .admin-view-editorial h1{font-size:25px}
  .admin-view-editorial .editorial-filters{grid-template-columns:1fr;padding:14px}
  .admin-view-editorial .editorial-filters label:first-of-type{grid-column:auto}
  .admin-view-editorial .editorial-filters button,.admin-view-editorial .editorial-filters a{width:100%}
  .admin-view-editorial .data-table tbody{grid-template-columns:1fr}
  .admin-view-editorial .data-table td{gap:8px;padding:10px}
  .admin-view-editorial .data-table td::before{flex-basis:100px}
  .admin-view-editorial .moderation-actions{grid-template-columns:1fr}
  .admin-view-editorial .moderation-actions button{grid-column:auto}
}

.admin-shell .admin-layout{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:start;gap:24px;max-width:1680px;margin:0 auto;padding:24px}
.admin-sidebar{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}
.admin-navigation{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:#fff;border:1px solid #e4ecf3;border-radius:14px;box-shadow:0 3px 12px #14263d05}
.admin-navigation .nav-group{display:flex;flex-direction:column;gap:4px;padding:8px 0 12px;border-bottom:1px solid #e4ecf3}
.admin-navigation .nav-group h2{margin:0 8px 6px;color:#657589;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.admin-navigation a{display:block;padding:10px 12px;border-radius:8px;color:#23415d}
.admin-navigation a:hover{background:#f1f7fc;text-decoration:none}
.admin-navigation a.is-active{background:#e6f4ff;color:#006bb3;border-left:4px solid #0099ff;padding-left:8px;font-weight:700}
.admin-navigation a[aria-current=page]{cursor:default}
.admin-navigation .nav-actions{display:flex;flex-direction:column;gap:8px;padding-top:12px}
.admin-navigation .nav-actions form{display:block}
.admin-navigation .nav-actions button{width:100%;min-height:42px;padding:8px 10px}
.admin-navigation .nav-logout button{background:#596b7d}
.admin-shell .admin-navigation{flex-wrap:initial;overflow:visible;white-space:normal;gap:0;padding:12px;border:1px solid #e4ecf3}
.admin-shell .admin-navigation a{flex:initial}
.admin-shell .admin-content{width:100%;min-width:0;max-width:1480px;margin:0;padding:0 8px 40px}
.admin-shell .admin-content>h1{margin-top:0}
@media(max-width:900px){.admin-shell .admin-layout{grid-template-columns:220px minmax(0,1fr);gap:16px;padding:16px}}
@media(max-width:680px){
  .admin-shell .admin-layout{display:block;padding:12px}
  .admin-sidebar{position:static;max-height:none;margin-bottom:16px}
  .admin-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
  .admin-navigation .nav-group{display:contents}
  .admin-navigation .nav-group h2{grid-column:1/-1;margin:8px 0 0;padding-top:8px}
  .admin-navigation .nav-group:not(:first-child) h2{border-top:1px solid #e4ecf3}
  .admin-navigation .nav-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
  .admin-shell .admin-content{padding:0 4px 32px}
}
.hot-preview-list{padding-left:28px}
.hot-preview-list li{padding:12px 4px;border-bottom:1px solid #e4ecf3}
.hot-preview-list li:last-child{border-bottom:0}
.hot-preview-list .badge{margin-left:8px}
.client-preview>section{margin-left:12px}

.admin-view-editorial .article-moderation-table{width:100%;min-width:0;table-layout:fixed}
.admin-view-editorial .article-moderation-table th,
.admin-view-editorial .article-moderation-table td{padding:9px 7px;font-size:12px;overflow-wrap:anywhere}
.admin-view-editorial .article-moderation-table th{white-space:normal}
.admin-view-editorial .article-moderation-table th:nth-child(1),
.admin-view-editorial .article-moderation-table td:nth-child(1){width:4%;text-align:center}
.admin-view-editorial .article-moderation-table th:nth-child(2),
.admin-view-editorial .article-moderation-table td:nth-child(2){width:27%}
.admin-view-editorial .article-moderation-table th:nth-child(3),
.admin-view-editorial .article-moderation-table td:nth-child(3){width:14%}
.admin-view-editorial .article-moderation-table th:nth-child(4),
.admin-view-editorial .article-moderation-table td:nth-child(4){width:8%}
.admin-view-editorial .article-moderation-table th:nth-child(5),
.admin-view-editorial .article-moderation-table td:nth-child(5){width:10%}
.admin-view-editorial .article-moderation-table th:nth-child(6),
.admin-view-editorial .article-moderation-table td:nth-child(6){width:8%}
.admin-view-editorial .article-moderation-table th:nth-child(7),
.admin-view-editorial .article-moderation-table td:nth-child(7){width:8%}
.admin-view-editorial .article-moderation-table th:nth-child(8),
.admin-view-editorial .article-moderation-table td:nth-child(8){width:11%}
.admin-view-editorial .article-moderation-table th:nth-child(9),
.admin-view-editorial .article-moderation-table td:nth-child(9){width:10%}
.admin-view-editorial .article-title-content{display:flex;align-items:flex-start;gap:10px;min-width:0}
.admin-view-editorial .article-title-copy{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
.admin-view-editorial .article-thumbnail{display:block;width:82px;aspect-ratio:3/2;flex:0 0 82px;object-fit:cover;border-radius:7px;background:#edf1f5}
.admin-view-editorial .article-thumb-placeholder{display:flex;width:82px;aspect-ratio:3/2;flex:0 0 82px;align-items:center;justify-content:center;padding:4px;border-radius:7px;background:#f1f4f7;color:#64748b;font-size:10px;text-align:center}
.admin-view-editorial .article-moderation-table td:nth-child(2) strong{font-size:13px}
.admin-view-editorial .article-moderation-table .badge{padding:4px 6px;font-size:11px;white-space:normal}
.admin-view-editorial .article-moderation-table input[type=number]{min-height:36px;padding:6px}
.admin-view-editorial .article-moderation-table .row-actions{min-width:0;gap:7px;flex-wrap:nowrap;justify-content:flex-start;align-content:flex-start}
.admin-view-editorial .article-moderation-table .row-actions button{min-height:34px;padding:6px 8px;font-size:12px;overflow-wrap:anywhere}
@media(max-width:900px){
  .admin-view-editorial .article-moderation-table{display:block;min-width:0}
  .admin-view-editorial .article-moderation-table td:nth-child(6)::before{content:"Ưu tiên Hot"}
  .admin-view-editorial .article-moderation-table td:nth-child(7)::before{content:"Hot Ghim"}
  .admin-view-editorial .article-moderation-table td:nth-child(8){display:flex;width:auto;border-bottom:1px solid #edf1f5}
  .admin-view-editorial .article-moderation-table td:nth-child(8)::before{content:"Ngày đăng (UTC)";display:block;margin-bottom:0}
  .admin-view-editorial .article-moderation-table td:nth-child(9){display:block;width:auto;border-bottom:0}
  .admin-view-editorial .article-moderation-table td:nth-child(9)::before{content:"Tác vụ";display:block;margin-bottom:8px}
}

.admin-view-editorial .article-moderation-wrap{overflow:visible;container-type:inline-size;container-name:article-moderation}
.admin-view-editorial .article-moderation-table td.row-actions{display:table-cell;min-width:0}
.admin-view-editorial .article-action-list{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0}
.admin-view-editorial .article-action-list details{max-width:none;min-width:0}
.admin-view-editorial .article-action-list summary{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:34px;padding:5px 12px;border:1px solid #d5dce3;border-radius:999px;background:#fff;color:#34475a;font-size:12px;cursor:pointer;list-style:none}
.admin-view-editorial .article-action-list .record-card-menu summary{width:34px;min-width:34px;padding:0;border-radius:50%;font-size:20px;line-height:1}
.admin-view-editorial .article-action-list summary::-webkit-details-marker{display:none}
.admin-view-editorial .article-action-list details p{margin:7px 0 0;font-size:12px;overflow-wrap:anywhere}
.admin-view-editorial .article-action-list details[open]{z-index:31}
.admin-view-editorial .article-action-list .record-card-view-panel,
.admin-view-editorial .article-action-list .record-card-menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:min(360px,calc(100vw - 40px));padding:12px;border:1px solid #dbe5ef;border-radius:10px;background:#fff;box-shadow:0 10px 24px #14263d24}
.admin-view-editorial .article-action-list .record-card-view-panel{color:#435468;font-size:12px}
.admin-view-editorial .article-action-list .record-card-view-panel p{margin:5px 0;overflow-wrap:anywhere}
.admin-view-editorial .article-action-list .record-card-menu-panel{display:flex;flex-direction:column;gap:8px;max-height:min(65vh,520px);overflow:auto}
.admin-view-editorial .article-action-list .record-card-menu-panel>form{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;padding:0;border:0;background:transparent}
.admin-view-editorial .article-action-list .record-card-menu-panel button{min-height:34px;padding:6px 10px;font-size:12px}
.admin-view-editorial .article-action-list .record-card-menu-panel .check{flex-direction:row;align-items:center;gap:4px;font-size:11px}
.admin-view-editorial .article-action-list .record-card-menu-panel .check input{width:16px;min-height:16px;margin:0}
.admin-view-editorial .article-moderation-table .icon-action{display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;flex:0 0 34px;padding:0;border-radius:8px;line-height:1}
.admin-view-editorial .article-moderation-table .icon-action svg{width:18px;height:18px}
.admin-view-editorial .article-moderation-table .view-action{background:#edf6ff;color:#006bb3}
.admin-view-editorial .article-moderation-table .edit-action{background:#007acc;color:#fff}
.admin-view-editorial .article-moderation-table .danger-action{background:#b02020;color:#fff}
.admin-view-editorial .article-moderation-table .success-action{background:#16733e;color:#fff}
.admin-view-editorial .article-moderation-table .icon-action:hover{filter:brightness(.92)}

@container article-moderation (max-width: 900px){
  .admin-view-editorial .article-moderation-table{display:block;width:100%;min-width:0;border-collapse:separate}
  .admin-view-editorial .article-moderation-table thead{display:none}
  .admin-view-editorial .article-moderation-table tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px}
  .admin-view-editorial .article-moderation-table tr{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbe5ef;border-radius:14px;background:#fff;box-shadow:0 4px 16px #14263d0a}
  .admin-view-editorial .article-moderation-table td{display:flex;width:auto;justify-content:space-between;gap:14px;padding:10px 14px;border-bottom:1px solid #edf1f5}
  .admin-view-editorial .article-moderation-table td:nth-child(n){width:auto}
  .admin-view-editorial .article-moderation-table td::before{flex:0 0 112px;color:#657589;font-size:12px;font-weight:700}
  .admin-view-editorial .article-moderation-table td:nth-child(1){text-align:left}
  .admin-view-editorial .article-moderation-table td:nth-child(1)::before{content:"Chọn bài"}
  .admin-view-editorial .article-moderation-table td:nth-child(2){background:#f8fbfe}
  .admin-view-editorial .article-moderation-table td:nth-child(2)::before{content:"Bài viết"}
  .admin-view-editorial .article-moderation-table td:nth-child(3)::before{content:"Đầu báo / chuyên mục"}
  .admin-view-editorial .article-moderation-table td:nth-child(4)::before{content:"Trạng thái"}
  .admin-view-editorial .article-moderation-table td:nth-child(5)::before{content:"Trang chủ"}
  .admin-view-editorial .article-moderation-table td:nth-child(6)::before{content:"Ưu tiên Hot"}
  .admin-view-editorial .article-moderation-table td:nth-child(7)::before{content:"Hot Ghim"}
  .admin-view-editorial .article-moderation-table td:nth-child(8){display:flex;border-bottom:1px solid #edf1f5}
  .admin-view-editorial .article-moderation-table td:nth-child(8)::before{content:"Ngày đăng (UTC)"}
  .admin-view-editorial .article-moderation-table td:nth-child(9){display:block;border-bottom:0}
  .admin-view-editorial .article-moderation-table td:nth-child(9)::before{content:"Tác vụ";display:block;margin-bottom:8px}
  .admin-view-editorial .article-moderation-table td.row-actions{display:block}
}

.admin-view-articles .module-help{display:none}
.admin-view-articles main>h1{margin-bottom:12px}
.admin-view-articles .article-list-section{position:relative;overflow:visible;margin:0;padding:16px;border-color:#dbe5ef;border-radius:12px}
.admin-view-articles .article-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.admin-view-articles .article-list-heading h2{margin:0;color:#192f45;font-size:16px}
.admin-view-articles .article-list-heading small{font-size:12px}
.admin-view-articles .article-list-filter{margin:0 0 12px}
.admin-view-articles .article-filters{display:block;margin:0;padding:0;border:0;background:transparent}
.admin-view-articles .article-toolbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:8px}
.admin-view-articles .article-toolbar .article-search{min-width:0}
.admin-view-articles .article-search input{min-height:40px;padding:8px 14px;border-radius:999px;font-size:14px}
.admin-view-articles .article-toolbar button,.admin-view-articles .article-filter-dropdown summary{min-height:40px;padding:8px 14px;border:1px solid #d5dce3;border-radius:999px;background:#fff;color:#34475a;font-size:14px;font-weight:600;white-space:nowrap}
.admin-view-articles .article-toolbar .article-filter-submit{min-width:82px}
.admin-view-articles .article-filter-dropdown{position:relative}
.admin-view-articles .article-filter-dropdown summary{display:flex;align-items:center;justify-content:center;min-width:42px;cursor:pointer;list-style:none}
.admin-view-articles .article-filter-dropdown summary::-webkit-details-marker{display:none}
.admin-view-articles .article-filter-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(560px,calc(100vw - 48px));padding:16px;border:1px solid #dbe5ef;border-radius:12px;background:#fff;box-shadow:0 12px 32px #14263d24}
.admin-view-articles .article-filter-panel>strong,.admin-view-articles .article-filter-panel-actions{grid-column:1/-1}
.admin-view-articles .article-filter-panel label{min-width:0;font-size:12px}
.admin-view-articles .article-filter-panel select{min-height:40px;padding:7px 10px;font-size:13px}
.admin-view-articles .article-filter-panel-actions{display:flex;align-items:center;gap:12px}
.admin-view-articles .article-filter-panel-actions button{min-height:38px;border:0;border-radius:8px;background:#007acc;color:#fff}
.admin-view-articles .article-list-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin:4px 0 10px}
.admin-view-articles .article-select-all{flex-direction:row;align-items:center;gap:8px;font-size:12px;font-weight:500}
.admin-view-articles .article-select-all input,.admin-view-articles .article-card-select input{width:20px;min-height:20px;margin:0;accent-color:#0782d0}
.admin-view-articles .article-page-count{color:#657589;font-size:12px}
.admin-view-articles .article-processing{position:relative}
.admin-view-articles .article-processing summary{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 14px;border-radius:999px;background:#111;color:#fff;font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.admin-view-articles .article-processing summary::-webkit-details-marker{display:none}
.admin-view-articles .article-processing-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 40px));max-height:min(70vh,620px);overflow:auto;padding:14px;border:1px solid #dbe5ef;border-radius:12px;background:#fff;box-shadow:0 12px 32px #14263d24}
.admin-view-articles .article-processing-panel>p,.admin-view-articles .article-processing-panel noscript{margin:0;color:#657589;font-size:12px}
.admin-view-articles .article-processing-panel form{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0;background:transparent}
.admin-view-articles .article-processing-panel label{font-size:12px}
.admin-view-articles .article-processing-panel select,.admin-view-articles .article-processing-panel button{min-height:38px;padding:7px 10px;font-size:13px}
.admin-view-articles .article-processing-panel>button{background:#007acc}
.admin-view-articles .video-scan-progress{margin:0 0 12px;padding:2px 0 10px}
.admin-view-articles .video-scan-progress[hidden]{display:none}
.admin-view-articles .video-scan-progress-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px}
.admin-view-articles .video-scan-progress-label [role=status]{flex:0 0 auto;margin:0;color:#26384a}
.admin-view-articles .video-scan-progress-label small{flex:0 1 auto;min-width:0;overflow-x:auto;text-align:right;white-space:nowrap;color:#435468;font-size:11px}
.admin-view-articles .video-scan-progress progress{height:6px;border:0;border-radius:999px;overflow:hidden}
.admin-view-articles .article-card{position:relative;display:grid;grid-template-columns:64px 24px minmax(0,1fr) auto;align-items:center;gap:10px;margin:8px 0 0;padding:12px;border:1px solid #dfe3e7;border-radius:10px;box-shadow:none}
.admin-view-articles .article-card-thumbnail{display:block;width:64px;height:64px;object-fit:cover;border-radius:8px;background:#edf2f7}
.admin-view-articles .article-card-thumbnail-empty{border:1px solid #e1e8ef}
.admin-view-articles .article-card-select{display:flex;align-items:center;justify-content:center;margin:0}
.admin-view-articles .article-card-main{min-width:0}
.admin-view-articles .article-card-main>strong{display:block;overflow:hidden;color:#151c24;font-size:14px;font-weight:600;line-height:1.4;text-overflow:ellipsis}
.admin-view-articles .article-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;margin-top:4px;color:#657589;font-size:12px}
.admin-view-articles .article-card-meta .badge{padding:2px 6px;font-size:11px}
.admin-view-articles .article-card-actions{display:flex;align-items:center;gap:8px}
.admin-view-articles .article-view-details,.admin-view-articles .article-action-menu{position:relative}
.admin-view-articles .article-view-details summary,.admin-view-articles .article-action-menu summary{display:flex;align-items:center;justify-content:center;min-width:38px;height:34px;padding:5px 12px;border:1px solid #d8dde2;border-radius:999px;background:#fff;color:#37485a;font-size:13px;cursor:pointer;list-style:none}
.admin-view-articles .article-action-menu summary{width:34px;min-width:34px;padding:0;border-radius:50%;font-size:20px;line-height:1}
.admin-view-articles .article-view-details summary::-webkit-details-marker,.admin-view-articles .article-action-menu summary::-webkit-details-marker{display:none}
.admin-view-articles .article-view-popover,.admin-view-articles .article-action-menu-panel{position:absolute;top:calc(100% + 6px);z-index:30;width:min(340px,calc(100vw - 40px));padding:12px;border:1px solid #dbe5ef;border-radius:10px;background:#fff;box-shadow:0 10px 24px #14263d24}
.admin-view-articles .article-view-popover{right:0;color:#435468;font-size:12px}
.admin-view-articles .article-view-popover p{margin:7px 0;overflow-wrap:anywhere}
.admin-view-articles .article-action-menu-panel{right:0;display:flex;flex-direction:column;gap:8px;max-height:min(65vh,540px);overflow:auto}
.admin-view-articles .article-action-menu-panel form{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0;background:transparent}
.admin-view-articles .article-action-menu-panel button{min-height:36px;padding:7px 10px;font-size:12px}
.admin-view-articles .article-action-menu-panel .check{flex-direction:row;align-items:center;font-size:12px}
.admin-view-articles .article-action-menu-panel .check input{width:18px;min-height:18px}
.admin-view-articles .article-card details[open]{z-index:31}
@media(max-width:680px){
  .admin-view-articles .article-list-section{padding:12px}
  .admin-view-articles .article-toolbar{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}
  .admin-view-articles .article-toolbar .article-filter-submit{min-width:0;padding:8px 10px}
  .admin-view-articles .article-filter-panel{grid-template-columns:1fr}
  .admin-view-articles .article-filter-panel>strong,.admin-view-articles .article-filter-panel-actions{grid-column:auto}
  .admin-view-articles .article-list-controls{align-items:center}
  .admin-view-articles .article-card{grid-template-columns:64px 22px minmax(0,1fr) auto;gap:8px;padding:10px}
  .admin-view-articles .article-card-actions{gap:5px}
  .admin-view-articles .article-view-details summary{min-width:34px;padding:5px 9px}
  .admin-view-articles .article-card-main>strong{font-size:13px}
  .admin-view-articles .video-scan-progress-label{align-items:center;gap:6px;font-size:11px}
}

.admin-view-compact .admin-content{max-width:none}
.admin-view-compact .admin-content>h1{margin:0 0 12px;font-size:24px}
.admin-view-compact .module-help{margin:0 0 10px;padding:0 12px;border-radius:10px}
.admin-view-compact .module-help summary{padding:10px 0}
.admin-view-compact .admin-content>section{margin:8px 0;padding:14px;border-radius:12px}
.admin-view-compact .admin-content>section h2{margin:0 0 12px;font-size:17px}
.admin-view-compact .admin-content>article{margin:8px 0;padding:12px;border-radius:10px;box-shadow:none}
.admin-view-compact .admin-content input:not([type=hidden]),.admin-view-compact .admin-content select,
.admin-view-compact .admin-content button{min-height:40px}
.admin-view-compact .admin-content button{padding:8px 12px;font-size:14px}
.admin-view-compact .admin-content .filters{margin:0;padding:12px;border-radius:10px;gap:8px}
.admin-view-compact .admin-content .filters label{font-size:12px}
.admin-view-compact .admin-content .filters input,.admin-view-compact .admin-content .filters select{min-height:38px;padding:7px 10px;font-size:13px}
.admin-view-compact .admin-content>article.row{gap:12px}
.admin-view-compact .admin-content>article.row>div:first-child{min-width:0}
.admin-view-compact .admin-content>article.row>div:first-child strong{font-size:14px;line-height:1.4}
.admin-view-compact .admin-content>article.row>div:first-child p{margin:4px 0;font-size:12px;overflow-wrap:anywhere}
.admin-view-compact .admin-content>article.row>div:first-child small{font-size:11px}
.admin-view-compact .admin-content>article.row>a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border:1px solid #d5dce3;border-radius:999px;color:#34475a;font-size:12px;white-space:nowrap}
.admin-view-compact .admin-content>article.row .row-actions{align-items:center;gap:6px}
.admin-view-compact .admin-content>article.row .row-actions details summary{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid #d5dce3;border-radius:999px;color:#34475a;font-size:12px;cursor:pointer}
.admin-view-compact .admin-content>article.row .row-actions details p{max-width:min(420px,70vw);overflow-wrap:anywhere}
.admin-view-compact .admin-content>article.row .row-actions form{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0;padding:0;border:0;background:transparent}
.admin-view-compact .admin-content>article.row .row-actions form .check{gap:4px;margin:0;font-size:10px;white-space:nowrap}
.admin-view-compact .admin-content>article.row .row-actions form .check input{width:16px;min-height:16px;margin:0}
.admin-view-compact .admin-content>article.row .row-actions form button{min-height:32px;padding:5px 9px;font-size:11px}
.admin-view-compact .compact-list-filter{margin:0 0 10px;padding:0;background:transparent;border:0;box-shadow:none}
.admin-view-compact .compact-filters{display:block}
.admin-view-compact .compact-toolbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:8px}
.admin-view-compact .compact-search{min-width:0}
.admin-view-compact .compact-search input{min-height:40px!important;padding:8px 14px!important;border-radius:999px!important;font-size:14px!important}
.admin-view-compact .compact-toolbar .compact-filter-submit,.admin-view-compact .compact-filter-dropdown summary{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:40px;padding:8px 14px;border:1px solid #d5dce3;border-radius:999px;background:#fff;color:#34475a;font-size:14px;font-weight:600;white-space:nowrap}
.admin-view-compact .compact-filter-dropdown{position:relative}
.admin-view-compact .compact-filter-dropdown summary{cursor:pointer;list-style:none}
.admin-view-compact .compact-filter-dropdown summary::-webkit-details-marker{display:none}
.admin-view-compact .compact-filter-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(560px,calc(100vw - 48px));padding:16px;border:1px solid #dbe5ef;border-radius:12px;background:#fff;box-shadow:0 12px 32px #14263d24}
.admin-view-compact .compact-filter-panel>strong,.admin-view-compact .compact-filter-panel-actions{grid-column:1/-1}
.admin-view-compact .compact-filter-panel label{min-width:0;font-size:12px!important}
.admin-view-compact .compact-filter-panel select{min-height:38px!important;padding:7px 10px!important;font-size:13px!important}
.admin-view-compact .compact-filter-panel-actions{display:flex;align-items:center;gap:12px}
.admin-view-compact .compact-filter-panel-actions button{min-height:38px;padding:7px 12px;border:0;border-radius:8px;background:#007acc;color:#fff}
.admin-view-compact .compact-filter-panel-actions a{padding:8px}
@media(max-width:600px){
  .admin-view-compact .compact-filter-panel{grid-template-columns:1fr;width:min(400px,calc(100vw - 32px))}
  .admin-view-compact .compact-filter-panel>strong,.admin-view-compact .compact-filter-panel-actions{grid-column:auto}
  .admin-view-compact .admin-content>article.row .row-actions{width:100%;flex-wrap:wrap}
  .admin-view-compact .admin-content>article.row .row-actions form{flex-wrap:wrap}
}
.admin-view-editorial .editorial-filters{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:8px;margin:0;padding:12px}
.admin-view-editorial .editorial-search{min-width:0}
.admin-view-editorial .editorial-search input{min-height:40px;padding:8px 14px;border-radius:999px;font-size:14px}
.admin-view-editorial .editorial-filter-submit,.admin-view-editorial .editorial-filter-dropdown summary{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:40px;padding:8px 14px;border:1px solid #d5dce3;border-radius:999px;background:#fff;color:#34475a;font-size:14px;font-weight:600;white-space:nowrap}
.admin-view-editorial .editorial-filter-dropdown{position:relative}
.admin-view-editorial .editorial-filter-dropdown summary{cursor:pointer;list-style:none}
.admin-view-editorial .editorial-filter-dropdown summary::-webkit-details-marker{display:none}
.admin-view-editorial .editorial-filter-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(560px,calc(100vw - 48px));padding:16px;border:1px solid #dbe5ef;border-radius:12px;background:#fff;box-shadow:0 12px 32px #14263d24}
.admin-view-editorial .editorial-filter-panel label{min-width:0;font-size:12px}
.admin-view-editorial .editorial-filter-panel select{min-height:38px;padding:7px 10px;font-size:13px}
.admin-view-editorial .editorial-filter-panel-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px}
.admin-view-editorial .editorial-filter-panel-actions button{min-width:0;min-height:38px;padding:7px 12px;border:0;border-radius:8px;background:#007acc;color:#fff}
.admin-view-editorial .editorial-filter-panel-actions a{padding:8px}
@media(max-width:600px){
  .admin-view-editorial .editorial-filter-panel{grid-template-columns:1fr;width:min(400px,calc(100vw - 32px))}
  .admin-view-editorial .editorial-filter-panel-actions{grid-column:auto}
  .admin-view-editorial .editorial-filters .editorial-filter-submit{min-width:0;width:auto;padding:8px 10px}
}
.admin-view-compact .record-card-list{display:grid;gap:8px}
.admin-view-compact .record-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:12px;border:1px solid #dfe3e7;border-radius:10px;background:#fff;box-shadow:none}
.admin-view-compact .record-card-main{min-width:0}
.admin-view-compact .record-card-title-label{display:block;margin-bottom:2px;color:#657589;font-size:11px}
.admin-view-compact .record-card-main>strong{display:block;color:#172331;font-size:14px;line-height:1.4}
.admin-view-compact .record-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:5px;color:#657589;font-size:12px}
.admin-view-compact .record-card-field{display:inline-flex;align-items:baseline;gap:4px;min-width:0}
.admin-view-compact .record-card-field small{font-size:11px;white-space:nowrap}
.admin-view-compact .record-card-field>span{overflow-wrap:anywhere;color:#435468}
.admin-view-compact .record-card-meta .badge{padding:3px 7px;font-size:11px}
.admin-view-compact .record-card-actions{display:flex;align-items:center;gap:7px}
.admin-view-compact .record-card-view,.admin-view-compact .record-card-menu{position:relative}
.admin-view-compact .record-card-view summary,.admin-view-compact .record-card-menu summary{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:34px;padding:5px 12px;border:1px solid #d5dce3;border-radius:999px;background:#fff;color:#34475a;font-size:12px;cursor:pointer;list-style:none}
.admin-view-compact .record-card-menu summary{width:34px;min-width:34px;padding:0;border-radius:50%;font-size:20px;line-height:1}
.admin-view-compact .record-card-view summary::-webkit-details-marker,.admin-view-compact .record-card-menu summary::-webkit-details-marker{display:none}
.admin-view-compact .record-card-view-panel,.admin-view-compact .record-card-menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:min(360px,calc(100vw - 40px));padding:12px;border:1px solid #dbe5ef;border-radius:10px;background:#fff;box-shadow:0 10px 24px #14263d24}
.admin-view-compact .record-card-view-panel{color:#435468;font-size:12px}
.admin-view-compact .record-card-view-panel p{margin:5px 0;overflow-wrap:anywhere}
.admin-view-compact .record-card-menu-panel{display:flex;flex-direction:column;gap:8px;max-height:min(65vh,520px);overflow:auto}
.admin-view-compact .record-card-menu-panel>form{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;padding:0;border:0;background:transparent}
.admin-view-compact .record-card-menu-panel button{min-height:34px;padding:6px 10px;font-size:12px}
.admin-view-compact .record-card-menu-panel .check{flex-direction:row;align-items:center;gap:4px;font-size:11px}
.admin-view-compact .record-card-menu-panel .check input{width:16px;min-height:16px;margin:0}
.admin-view-compact .record-card details[open]{z-index:31}
@media(max-width:600px){
  .admin-view-compact .record-card{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px}
  .admin-view-compact .record-card-meta{gap:5px 8px}
  .admin-view-compact .record-card-actions{gap:5px}
  .admin-view-compact .record-card-menu-panel>form{flex-wrap:wrap}
}
.article-story-assign{width:100%;min-height:38px;padding:7px 10px;border:1px solid #cbd6e2;background:#fff;color:#23415d;font-size:13px}
.article-story-assign:hover{background:#edf6ff}
.story-assign-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:1px solid #dbe5ef;border-radius:16px;background:#f5f8fc;color:#14263d;box-shadow:0 20px 60px #14263d40}
.story-assign-dialog::backdrop{background:#10243a80;backdrop-filter:blur(2px)}
.story-assign-dialog[open]{display:grid;gap:0;overflow:auto}
.story-assign-header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;background:#fff;border-bottom:1px solid #e4ecf3}
.story-assign-header h2{margin:0 0 5px}
.story-assign-header p{margin:0;color:#657589;overflow-wrap:anywhere}
.story-dialog-close{flex:0 0 40px;min-height:40px;padding:4px;border-radius:50%;font-size:24px;line-height:1}
.story-assign-dialog>section{margin:14px 18px 0;padding:16px;border-radius:12px;box-shadow:none}
.story-assign-dialog>section:last-child{margin-bottom:18px}
.story-assign-dialog h3{margin:0 0 12px;font-size:16px}
.story-assign-dialog form{gap:12px}
.story-assign-dialog label{min-width:0}
.story-search-results{display:grid;gap:6px;max-height:180px;overflow:auto}
.story-search-option{width:100%;min-height:40px;padding:8px 12px;border:1px solid #dbe5ef;background:#fff;color:#23415d;text-align:left;font-size:14px}
.story-search-option:hover,.story-search-option[aria-selected=true]{border-color:#0099ff;background:#edf6ff;color:#006bb3}
.story-assign-status,.story-selected{margin:0;color:#657589;font-size:13px}
.story-selected{padding:10px 12px;border-radius:8px;background:#e5f7ed;color:#16733e}
@media(max-width:600px){
  .story-assign-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}
  .story-assign-header{padding:14px}
  .story-assign-dialog>section{margin:10px 10px 0;padding:13px}
  .story-assign-dialog>section:last-child{margin-bottom:10px}
}
.story-editor-picker{display:grid;gap:12px;min-width:0;margin:0;padding:16px;border:1px solid #dbe5ef;border-radius:12px}
.story-editor-picker legend{padding:0 6px;color:#23415d;font-weight:700}
.hot-feature-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0;padding:16px;border:1px solid #d8e6f4;border-radius:12px;background:#f7faff}.hot-feature-fields legend{padding:0 6px;color:#23415d;font-weight:700}.hot-feature-fields p{grid-column:1/-1;margin:0;color:#52677e}.hot-feature-fields .check{display:flex;align-items:center;gap:8px}.hot-feature-fields .check input{width:auto;min-height:0}.hot-feature-fields [data-hot-image-preview]{grid-column:1/-1}
.story-picker-results{display:grid;gap:6px;max-height:220px;overflow:auto}
.story-picker-option{width:100%;min-height:40px;padding:8px 12px;border:1px solid #dbe5ef;background:#fff;color:#23415d;text-align:left;font-size:14px}
.story-picker-option:hover{border-color:#0099ff;background:#edf6ff;color:#006bb3}
.story-picker-status{min-height:18px;margin:0;color:#657589;font-size:13px}
.story-selected-items{display:flex;flex-wrap:wrap;gap:8px}
.story-selected-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:5px 8px 5px 12px;border:1px solid #b8e4c9;border-radius:999px;background:#e5f7ed;color:#16733e;font-size:14px}
.story-selected-chip>span{overflow-wrap:anywhere}
.story-chip-remove{flex:0 0 28px;min-height:28px;padding:0;border-radius:50%;background:#fff;color:#a4342b;font-size:20px;line-height:1}
.story-chip-remove:hover{background:#fff0ee;color:#861818}
@media(max-width:600px){
  .story-editor-picker{padding:12px}
}
.log-deletion-panel .log-deletion-form{padding:16px;border:1px solid #e4ecf3;border-radius:10px}
.log-deletion-panel h3{margin:0}
.log-deletion-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.log-deletion-form button{background:#b02020}
.log-deletion-form button:hover{background:#861818}
@media(max-width:600px){.log-deletion-dates{grid-template-columns:1fr}}

.hot-auto-settings{margin:18px 0;padding:16px;background:#f7faff;border:1px solid #d8e6f4;border-radius:12px}.hot-auto-settings form{margin-bottom:0}.editorial-hot-sources{display:flex;flex-wrap:wrap;gap:8px 16px;max-height:180px;overflow:auto}.hot-auto-settings fieldset{grid-column:1/-1;min-width:0;border:1px solid #d8e6f4;border-radius:8px}.hot-auto-settings .check{display:flex;align-items:center;gap:7px}.hot-auto-settings .check input{width:auto;min-height:0}

.hot-source-picker{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}.hot-source-picker [data-hot-source-status]{grid-column:1/-1;color:#52657a;font-size:13px}.hot-source-selected{grid-column:1/-1;display:grid;gap:10px}.hot-source-rule{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:8px 12px;align-items:center;padding:12px;border:1px solid #e4ecf3;border-radius:8px;background:#fff}.hot-source-rule label{grid-column:1/-1}.hot-source-rule select{min-height:90px}.hot-source-rule [data-hot-source-remove]{width:auto}.hot-auto-settings .hot-source-picker input[type=search]{width:100%}@media(max-width:600px){.hot-source-picker{grid-template-columns:1fr}.hot-source-picker [data-hot-source-status],.hot-source-selected{grid-column:auto}}

.hot-criteria-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:16px 0;padding:16px 20px;background:#fff;border:1px solid #e4ecf3;border-radius:12px}.hot-criteria-summary h2{margin:0 0 8px}.hot-criteria-summary p{margin:5px 0}.hot-criteria-edit{flex:0 0 auto;text-decoration:none}@media(max-width:600px){.hot-criteria-summary{align-items:flex-start;flex-direction:column}}

.latest-moderation{margin-top:24px;padding-top:20px;border-top:1px solid #e4ecf3}.latest-moderation>p{color:#617187}.latest-moderation-list{display:grid;gap:10px;margin-top:14px}.latest-moderation-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border:1px solid #dfe6ee;border-radius:10px;background:#fff}.latest-moderation-card>div{min-width:0}.latest-moderation-card strong{display:block;overflow-wrap:anywhere}.latest-moderation-card p{margin:6px 0;color:#66778b;font-size:12px}.latest-moderation-action{flex:0 0 auto;margin:0}.latest-moderation-action button{min-height:36px;padding:7px 14px}.latest-moderation .filters{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.latest-moderation .filters label{min-width:170px}.latest-moderation .filters label:first-of-type{flex:1 1 260px}@media(max-width:600px){.latest-moderation-card{align-items:flex-start;flex-direction:column}.latest-moderation-action{align-self:flex-end}.latest-moderation .filters label{width:100%}}
.latest-criteria-collapsible{margin:16px 0;border:1px solid #d8e6f4;border-radius:12px;background:#f7faff}.latest-criteria-collapsible>summary{padding:15px 18px;cursor:pointer;font-weight:700;list-style-position:inside}.latest-criteria-collapsible>summary small{margin-left:8px;color:#657589;font-weight:400}.latest-criteria-collapsible>.hot-auto-settings{margin:0;border:0;border-top:1px solid #d8e6f4;border-radius:0 0 12px 12px}
.latest-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.latest-list-heading h2{margin:0}.latest-list-heading small{color:#657589;font-size:12px}.latest-moderation .latest-filter-form{display:block;margin:0 0 12px;padding:0;border:0;background:transparent;box-shadow:none}.latest-moderation .latest-filter-form .compact-toolbar{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.latest-moderation .latest-filter-form .compact-search input{width:100%;border-radius:999px}.latest-moderation .latest-filter-form .compact-filter-submit{min-width:82px;border:1px solid #d5dce3;border-radius:999px;background:#fff;color:#34475a;font-weight:600}.latest-moderation .latest-filter-form .compact-filter-dropdown>summary{width:44px;height:40px;border-radius:50%}
.latest-moderation-action .check{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.latest-moderation-action .check input{width:16px;min-height:16px}
.system-retention-card{margin:18px 0;padding:20px;border:1px solid #dce5ee;border-radius:14px;background:#fff}.system-retention-card h2{margin:0 0 10px;font-size:19px}.system-retention-card>form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.system-retention-card label{min-width:min(320px,100%)}.system-retention-card input[type=number]{max-width:240px}
.system-retention-intro{display:flex;align-items:center;gap:16px;margin:18px 0 22px;padding:20px 22px;border:1px solid #d9e8f5;border-radius:16px;background:linear-gradient(120deg,#f1f8ff,#fff);box-shadow:0 5px 18px #16324a08}.system-retention-intro-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:#e2f2ff;color:#0879c4;font-size:25px}.system-retention-intro h2{margin:0 0 5px;font-size:19px}.system-retention-intro p{margin:0;color:#607287;line-height:1.55}.system-retention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px}.system-retention-grid .system-retention-card{display:flex;flex-direction:column;gap:12px;min-width:0;margin:0;padding:22px;border:1px solid #e0e7ef;border-radius:16px;background:#fff;box-shadow:0 5px 18px #16324a08}.system-retention-card-head{display:flex;align-items:center;justify-content:space-between}.system-retention-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf6ff;color:#0879c4;font-size:24px}.system-retention-status{padding:6px 10px;border-radius:99px;background:#e7f7ed;color:#187746;font-size:12px;font-weight:700}.system-retention-status-danger{background:#fff0ee;color:#ad3028}.system-retention-grid .system-retention-card h2{margin:0;font-size:20px}.system-retention-description{min-height:48px;margin:0;color:#5d6f83;font-size:14px;line-height:1.55}.system-retention-metric{display:flex;align-items:baseline;gap:10px;padding:13px 15px;border-radius:12px;background:#f5f9fd}.system-retention-metric strong{font-size:32px;line-height:1;color:#0879c4}.system-retention-metric span,.system-retention-note{color:#64768b;font-size:13px}.system-retention-note{min-height:18px;margin:0}.system-retention-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:auto}.system-retention-form label{min-width:0}.system-retention-form input{min-height:44px}.system-retention-form button{min-height:44px;white-space:nowrap}.system-retention-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.system-retention-preview-button{min-height:44px;padding:8px 14px;border:1px solid #d7e0e9;background:#fff;color:#34475a;white-space:nowrap}.system-retention-preview-button:hover{background:#f5f8fb}.system-retention-preview-result{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:12px 15px;border:1px solid #f0d7d4;border-radius:12px;background:#fff8f7}.system-retention-preview-result span{color:#6f5a58;font-size:13px}.system-retention-preview-result strong{grid-column:2;grid-row:1/3;color:#ad3028;font-size:26px}.system-retention-preview-result small{grid-column:1;color:#8a7775;font-size:11px}.system-retention-delete-form{grid-template-columns:1fr 1fr;align-items:end}.system-retention-delete-form button{grid-column:1/-1;background:#b73932}.system-retention-delete-form button:hover{background:#922a25}.system-retention-footer{display:flex;align-items:center;gap:8px;margin:16px 2px;color:#64768b;font-size:13px}.system-retention-footer span{color:#0879c4;font-size:17px}@media(max-width:760px){.system-retention-grid{grid-template-columns:1fr}.system-retention-description{min-height:0}}@media(max-width:480px){.system-retention-grid .system-retention-card{padding:16px}.system-retention-form,.system-retention-preview{grid-template-columns:1fr}.system-retention-form button,.system-retention-preview-button{width:100%}.system-retention-delete-form{grid-template-columns:1fr}.system-retention-delete-form button{grid-column:auto}.system-retention-intro{align-items:flex-start;padding:16px}.system-retention-intro-icon{flex-basis:40px;height:40px}}
.license-page-intro{display:flex;align-items:center;gap:15px;margin:18px 0 20px;padding:6px 2px}.license-page-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#0879c4;color:#fff;font-size:26px}.license-page-intro h2{margin:0 0 4px;font-size:26px;letter-spacing:-.02em}.license-page-intro p{margin:0;color:#5e7085}.license-tabs{display:flex;gap:10px;padding:0 4px;border-bottom:1px solid #d9e2ec}.license-tabs a{display:flex;align-items:center;gap:8px;padding:13px 16px;margin-bottom:-1px;border-bottom:3px solid transparent;border-radius:10px 10px 0 0;color:#52657a;font-weight:650}.license-tabs a span{font-size:17px}.license-tabs a.is-active{color:#0879c4;border-color:#0879c4;background:#f1f8ff}.license-filter-bar{display:grid;grid-template-columns:minmax(190px,2fr) repeat(4,minmax(112px,1fr)) auto;align-items:end;gap:10px;margin:16px 0 10px;padding:14px;background:#fff;border:1px solid #e0e7ef;border-radius:14px;box-shadow:0 3px 12px #14263d05}.license-filter-bar label{font-size:12px;color:#617187}.license-filter-bar input,.license-filter-bar select{min-height:42px}.license-filter-submit{min-height:42px;padding:8px 16px;white-space:nowrap}.license-list-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 4px 14px;color:#607287;font-size:13px}.license-create-link{padding:8px 12px;border-radius:9px;background:#0879c4;color:#fff;font-weight:650}.license-create-link:hover{background:#0067ad;text-decoration:none}.license-draft-panel,.licensed-source-panel{margin:0 0 16px;padding:0;overflow:hidden;border:1px solid #cfe2f5;border-radius:15px;background:#fff;box-shadow:0 4px 16px #16324a08}.license-draft-panel>summary,.licensed-source-panel>summary{display:flex;align-items:center;gap:13px;padding:14px 17px;cursor:pointer;list-style:none;background:linear-gradient(100deg,#e7f4ff,#f5faff);color:#183650}.license-draft-panel>summary::-webkit-details-marker,.licensed-source-panel>summary::-webkit-details-marker{display:none}.license-draft-panel>summary strong,.licensed-source-panel>summary strong{display:block;font-size:17px}.license-draft-panel>summary small,.licensed-source-panel>summary small{display:block;margin-top:3px;color:#63768b;font-size:12px}.license-draft-summary-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:#d7edff;color:#0879c4;font-size:22px}.license-chevron{margin-left:auto;color:#0879c4;font-size:22px;transition:transform .18s}.license-draft-panel[open]>summary .license-chevron,.licensed-source-panel[open]>summary .license-chevron{transform:rotate(180deg)}.license-draft-content{padding:16px 18px 18px}.license-info-callout{display:flex;gap:9px;margin:0 0 16px;padding:12px 14px;border-radius:10px;background:#e9f5ff;color:#28506e;font-size:13px;line-height:1.5}.license-info-callout span{color:#0879c4;font-size:17px}.license-draft-form{gap:14px}.license-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.license-form-grid label{min-width:0}.license-form-grid input,.license-form-grid select,.license-form-grid textarea{min-height:42px}.license-form-grid textarea{min-height:78px}.license-form-grid label:has(textarea),.license-form-grid label:has([name=terms_url]){grid-column:1/-1}.license-permissions{margin:3px 0 0;padding:0;border:1px solid #d8e5f1;border-radius:12px;overflow:hidden}.license-permissions legend{padding:12px 14px;width:100%;background:#f1f7fd;color:#183650;font-weight:700}.license-permissions>p{margin:0;padding:0 14px 10px;background:#f1f7fd;color:#607287;font-size:12px}.license-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:6px 14px}.license-permission{display:flex;align-items:flex-start;gap:10px;padding:10px 4px;border-bottom:1px solid #edf1f5}.license-permission input{flex:0 0 19px;width:19px;min-height:19px;margin:2px 0;accent-color:#0879c4}.license-permission strong,.license-permission small{display:block}.license-permission small{margin-top:3px;font-weight:400;line-height:1.4}.license-form-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:3px}.license-primary-button{background:#0879c4}.license-secondary-button,.license-danger-outline{border:1px solid #ccd7e3;background:#fff;color:#33475c}.license-danger-outline{color:#a93831}.license-record{margin:10px 0;padding:0;overflow:visible;border:1px solid #dce5ee;border-radius:14px;background:#fff;box-shadow:0 3px 12px #14263d05}.license-record-head{display:flex;align-items:center;gap:12px;padding:13px 15px}.license-record-symbol{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#eef7ff;color:#0879c4;font-size:19px}.license-record-title{flex:1;min-width:0}.license-record-title h3{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0;color:#18314a;font-size:16px}.license-record-title p{display:flex;flex-wrap:wrap;gap:4px 10px;margin:5px 0 0;color:#617187;font-size:12px}.license-record-title p span+span{padding-left:9px;border-left:1px solid #dce4eb}.license-state{display:inline-flex;padding:4px 9px;border-radius:99px;font-size:11px;font-weight:700}.license-state-draft{background:#fff1df;color:#a75900}.license-state-approved{background:#e4f7eb;color:#187746}.license-state-revoked{background:#f0f2f4;color:#617187}.license-record-details{position:relative;flex:0 0 auto}.license-record-details>summary{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d6e0e9;border-radius:50%;color:#40566c;cursor:pointer;list-style:none}.license-record-details>summary::-webkit-details-marker{display:none}.license-record-details[open]{position:absolute;z-index:25;left:clamp(8px,4vw,48px);right:clamp(8px,4vw,48px);margin-top:8px;padding:14px;border:1px solid #d6e0e9;border-radius:14px;background:#fff;box-shadow:0 16px 40px #14263d24}.license-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.license-detail-grid section+section{padding-left:18px;border-left:1px solid #dce5ee}.license-detail-grid h4{margin:2px 0 8px}.license-detail-grid p{margin:6px 0;color:#4e6175;font-size:13px}.license-detail-grid dl{margin:0}.license-detail-grid dl>div{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:10px;padding:5px 0;border-bottom:1px solid #e7edf3;font-size:12px}.license-detail-grid dt{font-weight:600}.license-detail-grid dd{margin:0}.license-record-notes{padding:10px 12px;border-radius:9px;background:#f5f8fb;font-size:13px}.license-record-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e5ebf1}.license-action-form{display:flex;align-items:center;gap:6px;margin:0}.license-action-form button,.license-record-actions button{min-height:36px;padding:7px 12px;font-size:12px}.license-confirm{flex-direction:row;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.license-confirm input{width:16px;min-height:16px}.license-edit{position:relative}.license-edit>summary{padding:8px 12px;border:1px solid #d6e0e9;border-radius:9px;color:#34475a;font-size:12px;cursor:pointer}.license-edit[open]{position:absolute;z-index:30;left:20px;right:20px;margin-top:7px;padding:16px;border:1px solid #d6e0e9;border-radius:13px;background:#fff;box-shadow:0 14px 40px #14263d24}.license-edit form{margin-top:12px}.license-inline-warning{flex-basis:100%;margin:2px 0;color:#9a6200;font-size:12px}.licensed-source-panel{margin-top:20px}.licensed-source-panel>summary{background:#f4f8fc}.licensed-source-row{margin:8px 12px;padding:0;border:1px solid #dbe4ed;border-radius:12px;overflow:hidden}.licensed-source-row>summary{display:flex;align-items:center;gap:12px;padding:11px 14px;cursor:pointer;list-style:none}.licensed-source-row>summary::-webkit-details-marker{display:none}.licensed-source-row>summary strong,.licensed-source-row>summary small{display:block}.licensed-source-row>summary small{margin-top:3px}.licensed-source-row>summary>span:last-child{margin-left:auto;color:#607287}.licensed-source-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf5ff;color:#0879c4}.licensed-scope-list{padding:0 14px 12px 60px}.licensed-scope-list>div{display:flex;flex-wrap:wrap;gap:6px 12px;padding:8px 0;border-top:1px solid #e9eef4;font-size:12px}.licensed-scope-list>div span{color:#64768b}.licensed-scope-detail{font-size:12px}.license-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin:18px 0 28px}.license-pagination a,.license-pagination span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 9px;border:1px solid #d6e0e9;border-radius:9px;background:#fff;color:#34475a}.license-pagination a.is-active{border-color:#0879c4;background:#0879c4;color:#fff}.license-pagination span{border-color:transparent;background:transparent}@media(max-width:950px){.license-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.license-search{grid-column:span 2}.license-filter-submit{width:100%}}@media(max-width:680px){.license-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.license-search{grid-column:1/-1}.license-tabs{gap:0}.license-tabs a{flex:1;justify-content:center;padding:11px 6px;font-size:13px}.license-list-summary{flex-wrap:wrap}.license-create-link{margin-left:auto}.license-record-head{align-items:flex-start;padding:12px}.license-record-title p{display:grid;grid-template-columns:1fr;gap:4px}.license-record-title p span+span{padding-left:0;border:0}.license-detail-grid{grid-template-columns:1fr}.license-detail-grid section+section{padding:12px 0 0;border-left:0;border-top:1px solid #dce5ee}.license-record-details[open]{left:8px;right:8px}.licensed-scope-list{padding-left:14px}}@media(max-width:480px){.license-form-grid,.license-permission-grid{grid-template-columns:1fr}.license-form-grid label:has(textarea),.license-form-grid label:has([name=terms_url]){grid-column:auto}.license-filter-bar{grid-template-columns:1fr}.license-search{grid-column:auto}.license-filter-submit{grid-column:auto}.license-record-title h3{font-size:14px}.license-action-form{flex-wrap:wrap}.license-record-actions{align-items:flex-start}}
.admin-record-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:center;margin:14px 0 18px;padding:14px;border:1px solid #dbe5ef;border-radius:14px;background:#fff}
.admin-record-toolbar form{grid-column:1/-1;display:flex;flex-direction:row;align-items:end;gap:10px;margin:0;padding:0;border:0;background:none}
.admin-record-toolbar label{display:grid;gap:5px;color:#52677d;font-size:12px}
.admin-record-toolbar input,.admin-record-toolbar select{min-height:40px;border:1px solid #cbd8e6;border-radius:999px;padding:8px 14px;background:#fff}
.admin-record-toolbar .admin-record-search{flex:1}
.admin-record-toolbar .admin-record-search input{width:100%}
.admin-record-toolbar button,.admin-pagination a{min-height:38px;padding:8px 18px;border:1px solid #d5dce3;border-radius:999px;background:#fff;color:#263b50;cursor:pointer;text-decoration:none}
.admin-record-summary{color:#62758a;font-size:13px}
.admin-pagination{display:flex;gap:6px;justify-content:end;align-items:center}
.admin-pagination a[aria-current=page]{background:#0875cf;color:#fff;border-color:#0875cf}
.reference-picker{position:relative;display:grid;gap:5px}
.reference-picker label{display:grid;gap:5px}
.reference-picker input[type=search],.topic-article-picker input[type=search]{width:100%;min-height:42px;border:1px solid #cbd8e6;border-radius:10px;padding:9px 12px}
.reference-results{position:relative;z-index:5;display:grid;gap:4px;max-height:220px;overflow:auto}
.reference-picker [data-reference-status],.topic-article-picker [data-topic-status]{color:#63778b;font-size:12px}
.field-error{display:block;margin-top:4px;color:#c02626;font-size:12px;font-weight:600}
.field-invalid input,.field-invalid select,.field-invalid textarea{border-color:#d93025!important;box-shadow:0 0 0 2px #d930251c}
.topic-article-picker{display:grid;gap:8px}
@media(max-width:760px){.admin-record-toolbar{grid-template-columns:1fr}.admin-record-toolbar form{grid-column:auto;align-items:stretch;flex-direction:column}.admin-record-toolbar form>*{width:100%}.admin-pagination{justify-content:start;flex-wrap:wrap}}