/* Article metadata: independent stacked fields, with one aligned image column. */
body .news-compose-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.news-meta-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;grid-column:1/-1}
.news-main-fields{display:flex;flex-direction:column;gap:16px;min-width:0}
body .news-meta-layout .field{margin:0;min-width:0;grid-column:auto;grid-row:auto}
.news-meta-layout .field>label{display:block;margin:0 0 7px;line-height:1.45}
.news-main-fields :is(input,select,textarea){width:100%;box-sizing:border-box}
body .news-main-fields textarea{min-height:150px;resize:vertical}
body .news-featured .featured-image-picker{display:flex;flex-direction:column;gap:7px}
body .news-featured .featured-image-preview{height:148px;flex:none;margin:0}
body .news-featured .featured-image-picker>label{margin:0;line-height:1.4;font-size:13px}
body .news-featured .featured-image-picker textarea{min-height:68px;height:68px;padding:9px 11px;margin:0;border-radius:8px}
.news-featured .featured-image-actions{margin:2px 0;gap:8px}
body .news-featured .featured-image-picker>small{font-size:12px;line-height:1.5;margin:0}
.gp-admin .field>label{font-size:14px;line-height:1.5}
.gp-admin :is(input,select,textarea){font-family:'Noto Sans',sans-serif}
.kinship-form .person-picker{width:100%;min-width:0}
.kinship-form .person-picker-trigger{min-height:44px;border-radius:10px}
.kinship-form .person-picker-popover{max-width:100%;box-sizing:border-box}
/* Compact toolbar: content-sized groups instead of large empty grid cards. */
body .gp-editor .gp-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;padding:10px;max-height:none;overflow:visible}
body .gp-editor .gp-toolbar .gp-group{flex:0 1 auto;width:auto;max-width:100%;padding:0 8px 0 0;border:0!important;border-right:1px solid #dbe3ec!important;border-radius:0;background:transparent;gap:0}
body .gp-editor .gp-toolbar .gp-group:last-child{border-right:0!important}
body .gp-editor .gp-controls{gap:4px;max-width:290px;align-items:center}
body .gp-editor [data-tools="Phông chữ"] .gp-controls{max-width:360px}
body .gp-editor [data-tools="Đoạn văn"] .gp-controls{max-width:220px}
body .gp-editor [data-tools="Chèn"] .gp-controls{max-width:248px}
body .gp-editor .gp-controls button{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:4px;border-radius:5px;font-size:15px;line-height:1;color:#263849}
.gp-controls svg{flex:none;pointer-events:none}
body .gp-editor .gp-controls button:focus-visible{outline:2px solid #24688a;outline-offset:2px}
body .gp-editor .gp-controls select{height:32px;min-height:32px;font-size:13px;padding:4px;max-width:132px;border-radius:5px}
body .gp-editor .gp-controls [data-select=fontSize]{width:62px}
body .gp-editor .gp-controls .gp-color{height:32px;gap:3px;padding:2px;font-size:15px;font-weight:700}
body .gp-editor .gp-controls .gp-color input{width:23px;height:24px;min-height:0}
body .gp-editor .gp-group[data-table-group]{flex-basis:100%;padding-top:8px;border-top:1px solid #dbe3ec!important}
body .gp-editor .gp-group[data-table-group] .gp-controls{max-width:none}
@media(max-width:760px){.news-meta-layout{grid-template-columns:minmax(0,1fr);gap:18px}.news-main-fields{gap:14px}body .news-main-fields textarea{min-height:110px}body .news-featured .featured-image-preview{height:180px}.news-featured .featured-image-actions .btn{min-height:40px}.gp-admin .page-title{font-size:24px}.gp-admin .panel{padding:14px}}
@media(pointer:coarse),(max-width:560px){body .gp-editor .gp-controls button{width:40px;min-width:40px;height:40px;min-height:40px}body .gp-editor .gp-controls select{min-height:40px;height:40px}body .gp-editor .gp-controls{max-width:100%!important}body .gp-editor .gp-toolbar .gp-group{flex:1 1 140px}body .gp-editor .gp-toolbar [data-tools="Phông chữ"]{flex-basis:100%}body .gp-editor .gp-toolbar [data-tools="Chỉnh sửa"]{flex-basis:100%}body .gp-editor .gp-toolbar{gap:8px;padding:8px}body .gp-editor .gp-workspace{padding:6px}}

body .news-meta-layout :is(input:not([type=hidden]),select,textarea){border-radius:8px}body .news-meta-layout :is(input,select){min-height:44px}