.flyer-hero{display:flex;align-items:center;gap:28px;justify-content:space-between;background:linear-gradient(115deg,#123961,#245980);color:#fff;padding:28px;border-radius:18px;margin-bottom:14px}.flyer-hero .eyebrow{color:#ffc495}.flyer-hero h2{font-size:25px;line-height:1.35;max-width:670px;margin:9px 0}.flyer-hero p{max-width:760px;color:#d5e2ee;font-size:13px;margin:10px 0}.flyer-hero-icon{display:flex;padding:22px;background:#ffffff12;border:1px solid #ffffff24;border-radius:22px}.flyer-hero-icon .icon{width:45px;height:45px;color:#ffba86}.flyer-links{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.flyer-links a{display:flex;align-items:center;gap:7px;color:var(--navy);padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;font-weight:650;font-size:13px}.flyer-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:22px}.flyer-toolbar .search{flex:1;min-width:210px;margin:0}.flyer-filter{display:grid;gap:4px;font-size:13px;color:var(--muted);min-width:140px}.flyer-filter select{padding:9px;border:1px solid #d5dfe8;border-radius:8px;max-width:235px;color:var(--ink);background:#fff;min-height:42px}.flyer-list-caption{margin:13px 0 17px}.flyer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.flyer-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.flyer-page{width:100%;overflow:hidden;position:relative;background:#edf1f5;aspect-ratio:auto}.flyer-page>img{display:block;width:100%;height:auto;max-width:none}.flyer-page.crop-left>img,.flyer-page.crop-right>img{width:200%;max-width:none}.flyer-page.crop-right>img{transform:translateX(-50%)}.flyer-page>.image-placeholder{display:flex;justify-content:center;align-items:center;gap:9px;min-height:170px;color:#728599}.flyer-card-cover{max-height:290px;min-height:160px;background:#edf3f9;border-bottom:1px solid var(--line)}.flyer-card-cover>img{object-fit:cover;object-position:top}.flyer-card-body{padding:18px;display:flex;flex-direction:column;flex:1}.flyer-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.flyer-card h3{font-size:17px;line-height:1.5;margin:0 0 9px}.flyer-card-scope{display:flex;align-items:flex-start;gap:7px;font-size:13px;color:#597289;margin:5px 0;overflow-wrap:anywhere}.flyer-card-scope .icon{width:16px;height:16px;flex:none;margin-top:1px}.flyer-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:12px}.flyer-card-actions .button{white-space:normal;min-height:40px}.flyer-reasons{padding:10px 12px;background:#fff7e6;border:1px solid #f2e2b8;border-radius:8px;font-size:13px;color:#826018;line-height:1.65}.flyer-section{padding-top:18px;margin:21px 0;border-top:1px solid var(--line)}.flyer-section h3,.flyer-preview-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px}.flyer-section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.flyer-section-heading h3{margin:0}.flyer-store-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flyer-store-choice{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0;border:1px solid #dce5ed;border-radius:11px;padding:11px;background:#fff}.flyer-store-choice:has(input:checked){background:#fff8f1;border-color:#e5a879}.flyer-store-choice>span{min-width:0;flex:1}.flyer-store-choice strong{font-size:13px;display:block}.flyer-store-choice small{font-size:12px;display:block;color:var(--muted)}.flyer-store-choice .thumb{height:48px;width:58px;object-fit:cover;flex:none;border-radius:7px}.flyer-store-choice input{width:19px;height:19px;flex:none;accent-color:var(--orange)}.flyer-channel-picker{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:16px}.flyer-channel-picker legend{font-weight:650;display:block;margin-bottom:10px}.flyer-image-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:15px;border:1px solid var(--line);padding:14px;border-radius:12px;margin:14px 0;background:#fcfdff;min-width:0}.flyer-editor-thumb{max-height:230px;overflow:hidden;border-radius:8px;align-self:start;background:#edf3f9}.flyer-image-fields{display:grid;gap:8px;min-width:0}.flyer-image-fields .field{margin:0}.flyer-image-fields .file-button{justify-self:start}.flyer-page-row-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.flyer-page-row-title .icon-button{width:35px;height:35px;min-height:35px}.flyer-page-row-title .actions{gap:5px}.flyer-preview-panel{border:1px solid #d9e4ed;border-radius:13px;background:#f8fafc;padding:17px;margin-top:24px}.flyer-preview-panel header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.flyer-preview-panel header h3{margin:0}.flyer-preview-panel #flyer-live-preview{max-width:355px;margin:17px auto;box-shadow:0 7px 28px #17385414;border-radius:10px;overflow:hidden;background:#fff;max-height:540px;overflow-y:auto}.flyer-preview-controls{display:flex;align-items:center;justify-content:center;gap:12px}.flyer-preview-controls>span{font-size:13px;color:var(--muted);white-space:nowrap}.flyer-preview-panel>.muted{text-align:center}.flyer-starters{border:1px dashed #d0dbe5;border-radius:11px;padding:12px;margin-bottom:18px}.flyer-starters>summary{font-weight:700;color:var(--navy);cursor:pointer}.flyer-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.flyer-template{padding:0;background:#fff;border:1px solid #dce5ec;border-radius:10px;overflow:hidden;text-align:left;color:var(--ink);min-width:0}.flyer-template .flyer-page{height:125px}.flyer-template strong,.flyer-template small{display:block;margin:8px 10px;font-size:13px}.flyer-template small{font-size:12px;color:var(--muted);min-height:30px}.flyer-template:hover{border-color:var(--orange)}
@media(max-width:700px){.flyer-toolbar .search{width:100%;flex-basis:100%}.flyer-filter{flex:1;min-width:130px}.flyer-filter select{max-width:100%;width:100%}.flyer-store-picker{grid-template-columns:1fr}.flyer-image-row{grid-template-columns:100px minmax(0,1fr);padding:10px;gap:10px}.flyer-image-fields input{min-width:0;width:100%}.flyer-template-grid{grid-template-columns:1fr 1fr}.flyer-hero{padding:22px}.flyer-hero h2{font-size:21px}.flyer-hero-icon{display:none}.flyer-toolbar>.button{flex:1}.flyer-preview-controls{gap:8px}.flyer-preview-controls .button{white-space:normal}}
.flyer-store-picker+.sr-only,.flyer-section .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:420px){.flyer-image-row{grid-template-columns:1fr}.flyer-editor-thumb{max-width:130px;max-height:150px}.flyer-template-grid{grid-template-columns:1fr}.flyer-grid{grid-template-columns:1fr}.flyer-preview-panel{padding:12px}.flyer-card-actions>.button{flex:1}}
.flyer-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}
.flyer-card-badges>.badge{white-space:normal;max-width:100%}
.flyer-card h3,.flyer-card-scope{overflow-wrap:break-word;word-break:normal}
.flyer-toolbar,.flyer-filter,.flyer-toolbar .search{min-width:0}
.flyer-toolbar .search{flex:1 1 220px}
.flyer-filter{flex:0 1 220px}
.flyer-filter select{max-width:100%;width:100%}
@media(max-width:700px){.flyer-filter{flex:1 1 130px}.flyer-toolbar .search{flex-basis:100%}}

/* Tải nhiều trang, thả ảnh lên trang (09/11/2026) */
.flyer-page-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 10px}
.flyer-page-actions .is-disabled{opacity:.55;pointer-events:none}
.flyer-section.is-drop{outline:3px dashed var(--orange);outline-offset:4px;border-radius:12px}
.flyer-editor-thumb.is-drop{outline:3px solid var(--orange);outline-offset:2px}

/* Rà soát 10/11/2026: nút lên/xuống/xóa trang tối thiểu 44px; chữ nhỏ tối thiểu 13px. */
.flyer-page-row-title .icon-button{width:44px;height:44px}
.flyer-store-choice small,.flyer-template small{font-size:13px}
.flyer-filter select,.flyer-card-actions .button{min-height:44px}