:root {
  --navy: #07182c;
  --navy-2: #102b4d;
  --blue: #1f6feb;
  --blue-dark: #1759bd;
  --ink: #162033;
  --muted: #687386;
  --soft: #f4f7fb;
  --line: #dfe6ef;
  --white: #fff;
  --green: #157347;
  --red: #b42318;
  --amber: #986600;
  --shadow: 0 14px 35px rgba(10, 32, 60, .08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: Inter, Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: min(1160px, 92%); margin-inline: auto; }
.eyebrow { margin: 0 0 8px; color: var(--blue); font-size: 11px; font-weight: 900; letter-spacing: 2.2px; text-transform: uppercase; }
.button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 11px 17px; border: 1px solid transparent; border-radius: 8px; font-size: 12px; font-weight: 900; letter-spacing: .25px; transition: .18s ease; }
.button:hover { transform: translateY(-1px); }
.button-primary { background: var(--blue); color: var(--white); }
.button-primary:hover { background: var(--blue-dark); }
.button-secondary { border-color: #cdd8e6; background: var(--white); color: #18385f; }
.button-light { background: var(--white); color: #12345c; }
.button-ghost { color: var(--blue-dark); }
.button-small { min-height: 38px; padding: 8px 13px; }
.button-row { display: flex; flex-wrap: wrap; gap: 10px; }

/* Login */
.login-body { min-height: 100vh; display: grid; place-items: center; padding: 30px 18px; background: radial-gradient(circle at top right, #153e70, var(--navy) 48%, #04101e); }
.login-card { width: min(460px, 100%); padding: 38px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 22px; background: var(--white); box-shadow: 0 30px 80px rgba(0, 0, 0, .3); }
.login-brand { display: inline-flex; flex-direction: column; color: var(--navy); }
.login-brand strong { font: 700 22px Georgia, serif; }
.login-brand span { margin-top: 4px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; }
.login-heading { margin: 38px 0 24px; }
.login-heading h1 { margin: 0; font: 700 42px Georgia, serif; }
.login-heading p:last-child { color: var(--muted); }
.stack-form { display: grid; gap: 18px; }
.stack-form label, .field { display: grid; gap: 7px; color: #334155; font-size: 13px; font-weight: 800; }
.stack-form input, .field input, .field select, .field textarea { width: 100%; padding: 12px 13px; border: 1px solid #ccd6e3; border-radius: 8px; background: var(--white); color: var(--ink); outline: none; font-weight: 500; }
.stack-form input:focus, .field input:focus, .field select:focus, .field textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(31, 111, 235, .12); }
.back-link { display: block; margin-top: 22px; color: var(--muted); font-size: 13px; text-align: center; }

/* Admin */
.admin-body { background: var(--soft); }
.admin-shell { min-height: 100vh; display: grid; grid-template-columns: 252px 1fr; }
.sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 28px 20px; background: var(--navy); color: #d8e3f0; }
.admin-brand { display: flex; flex-direction: column; padding: 0 10px 28px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.admin-brand strong { color: var(--white); font: 700 20px Georgia, serif; }
.admin-brand span { margin-top: 5px; color: #88a0ba; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; }
.sidebar-nav { display: grid; gap: 5px; margin-top: 24px; }
.sidebar-nav a, .sidebar-nav > span, .nav-button { display: flex; align-items: center; justify-content: space-between; padding: 11px 12px; border: 0; border-radius: 8px; background: transparent; color: #c7d3e2; font-size: 13px; font-weight: 800; text-align: left; }
.sidebar-nav a:hover, .sidebar-nav a.active, .nav-button:hover { background: rgba(65, 145, 240, .15); color: var(--white); }
.nav-group { display: grid; gap: 3px; padding: 12px 0; }
.nav-group > span { padding: 4px 12px 7px; color: #6984a3; font-size: 10px; font-weight: 900; letter-spacing: 1.5px; text-transform: uppercase; }
.nav-group a { padding-left: 24px; }
.sidebar-nav .disabled { color: #62758b; }
.sidebar-nav small { font-size: 9px; font-weight: 800; text-transform: uppercase; }
.logout-form { margin-top: auto; }
.nav-button { width: 100%; }
.admin-main { min-width: 0; }
.admin-header { min-height: 102px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 38px; border-bottom: 1px solid var(--line); background: rgba(255, 255, 255, .94); }
.admin-header h1 { margin: 0; font: 700 32px Georgia, serif; }
.admin-user { display: flex; flex-direction: column; align-items: flex-end; }
.admin-user span { margin-top: 3px; color: var(--muted); font-size: 11px; text-transform: capitalize; }
.admin-content { max-width: 1500px; padding: 34px 38px 60px; }
.page-actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 25px; }
.page-actions h2 { margin: 0 0 5px; font: 700 27px Georgia, serif; }
.page-actions p { margin: 0; color: var(--muted); font-size: 14px; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 24px; }
.metric-card { display: flex; align-items: center; justify-content: space-between; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); box-shadow: var(--shadow); }
.metric-card span { color: var(--muted); font-size: 13px; font-weight: 800; }
.metric-card strong { color: #174f91; font: 700 34px Georgia, serif; }
.panel, .form-section { border: 1px solid var(--line); border-radius: 15px; background: var(--white); box-shadow: var(--shadow); }
.panel-header { display: flex; justify-content: space-between; padding: 20px 22px; border-bottom: 1px solid var(--line); }
.panel-header h2 { margin: 0; font: 700 23px Georgia, serif; }
.panel-header a { color: var(--blue); font-size: 13px; font-weight: 800; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 15px 14px; border-bottom: 1px solid #e8edf3; font-size: 12px; text-align: left; vertical-align: middle; white-space: nowrap; }
th { color: #68758a; background: #f8fafc; font-size: 10px; letter-spacing: .7px; text-transform: uppercase; }
tbody tr:last-child td { border-bottom: 0; }
.table-title { color: #143f70; font-weight: 900; }
.badge { display: inline-flex; padding: 5px 8px; border-radius: 999px; background: #edf1f6; color: #425268; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.badge-published { background: #e6f6ed; color: var(--green); }
.badge-draft { background: #fff4d8; color: var(--amber); }
.action-list { display: flex; align-items: center; gap: 9px; }
.action-list a, .action-list button { padding: 0; border: 0; background: none; color: var(--blue-dark); font-size: 11px; font-weight: 800; }
.action-list form { display: inline; }
.action-list .danger-link { color: var(--red); }
.empty-state { padding: 48px 24px; text-align: center; }
.empty-state h3 { margin: 0 0 7px; font: 700 25px Georgia, serif; }
.empty-state p { color: var(--muted); }
.empty-state .button { margin-top: 9px; }
.flash { margin-bottom: 18px; padding: 13px 15px; border: 1px solid; border-radius: 9px; font-size: 13px; font-weight: 800; }
.flash-success { border-color: #b8dfc8; background: #eaf8f0; color: var(--green); }
.flash-error { border-color: #efc4c0; background: #fff0ef; color: var(--red); }
.flash-warning { border-color: #ead7a0; background: #fff8e6; color: var(--amber); }
.validation-summary { margin-bottom: 15px; padding: 13px 15px; border-radius: 9px; background: #fff0ef; color: var(--red); font-size: 13px; }
.property-form { display: grid; gap: 20px; }
.form-section { display: grid; grid-template-columns: 230px 1fr; gap: 28px; padding: 26px; }
.form-section-heading { display: flex; gap: 13px; }
.form-section-heading > span { color: #adc8ea; font: 700 28px Georgia, serif; }
.form-section-heading h3 { margin: 2px 0 5px; font: 700 21px Georgia, serif; }
.form-section-heading p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.form-grid-3 { grid-template-columns: repeat(3, 1fr); }
.field-full { grid-column: 1 / -1; }
.field-error { min-height: 14px; color: var(--red); font-size: 11px; font-weight: 700; }
.template-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.template-option { position: relative; cursor: pointer; }
.template-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.template-card-body { height: 100%; min-height: 310px; display: flex; flex-direction: column; padding: 11px; border: 2px solid var(--line); border-radius: 14px; background: #f9fbfd; transition: border-color .2s, box-shadow .2s, transform .2s; }
.template-option:hover .template-card-body { transform: translateY(-2px); border-color: #aabbd0; }
.template-option input:focus-visible + .template-card-body { outline: 3px solid rgba(31,111,235,.25); outline-offset: 3px; }
.template-option input:checked + .template-card-body { border-color: var(--blue); background: #f5f9ff; box-shadow: 0 0 0 3px rgba(31, 111, 235, .12), 0 12px 30px rgba(17,45,78,.09); }
.template-card-body > strong { padding: 0 7px; font-size: 15px; }
.template-card-body > small { min-height: 50px; margin: 7px 7px 0; color: var(--muted); line-height: 1.45; }
.template-card-kicker { margin: 4px 7px 6px; color: var(--blue); font-size: 9px; letter-spacing: .16em; }
.template-selected { align-self: flex-start; visibility: hidden; margin: auto 7px 3px; padding: 6px 9px; border-radius: 20px; background: var(--blue); color: #fff; font-size: 9px; font-style: normal; font-weight: 900; letter-spacing: .08em; }
.template-option input:checked + .template-card-body .template-selected { visibility: visible; }
.ai-admin-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.ai-admin-nav a{min-height:40px;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#eef3f8;font-size:12px;font-weight:800}.ai-admin-nav a.active{background:#071d2a;color:#fff}
.experience-kind-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 22px}.experience-kind{display:grid;gap:6px;min-height:92px;padding:18px 20px;border:2px solid var(--line);border-radius:16px;background:#fff;text-align:left;cursor:pointer}.experience-kind span{font:800 16px Inter,Arial,sans-serif}.experience-kind small{color:var(--muted);font-size:13px;line-height:1.45}.experience-kind.is-active{border-color:var(--blue);background:#f5f9ff;box-shadow:0 0 0 3px rgba(31,111,235,.12)}.experience-panel-copy{margin:0 0 14px}.experience-panel-copy strong{display:block;font-size:15px}.experience-panel-copy p{margin:4px 0 0;color:var(--muted);font-size:13px}.template-type-pill{margin:10px 7px 0;padding:5px 8px;border-radius:999px;background:#e8eef7;color:#1f3f66;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;width:max-content}.funnel-step-rail{display:flex;flex-wrap:wrap;gap:8px;margin:12px 7px 8px;padding:0;list-style:none}.funnel-step-rail li{display:grid;gap:2px;min-width:92px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #d7e0ea;font-size:9px;font-weight:900;letter-spacing:.04em;color:#5b6d82}.funnel-step-rail li span{color:#122033;font-size:11px;font-weight:800;letter-spacing:0;text-transform:none}.funnel-step-rail li:last-child{border-color:#b7d7c4;background:#f3fbf6}
.checkbox-field { display: flex; gap: 9px; align-items: center; margin-top: 18px; font-size: 13px; font-weight: 800; }
.checkbox-field input { width: 18px; height: 18px; accent-color: var(--blue); }
.form-actions { position: sticky; bottom: 0; z-index: 10; display: flex; flex-wrap: wrap; gap: 10px; padding: 17px 20px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255, 255, 255, .96); box-shadow: 0 -8px 30px rgba(12, 35, 60, .08); }
.table-cover { width: 68px; height: 46px; display: block; border-radius: 6px; object-fit: cover; }
.table-cover-empty { width: 68px; height: 46px; display: grid; place-items: center; border-radius: 6px; background: #e9eef5; color: var(--muted); font-size: 9px; }
.danger-button { background: var(--red); color: #fff; }
.confirm-delete { display: inline-grid; gap: 4px; margin-right: 7px; color: var(--red); font-size: 10px; font-weight: 800; }
.confirm-delete input { width: 92px; padding: 7px; border: 1px solid #dbb2ae; border-radius: 6px; }
.repeatable-list { display: grid; gap: 12px; margin-bottom: 13px; }
.repeatable-row { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #f9fbfd; }
.repeatable-row.dragging, .gallery-item.dragging { opacity: .45; }
.drag-handle { color: #8ca0b8; font-size: 20px; cursor: grab; user-select: none; }
.repeatable-fields { flex: 1; display: grid; grid-template-columns: 1fr 1.4fr; gap: 12px; }
.repeatable-grow { flex: 1; }
.remove-row, .gallery-item > button { border: 0; background: transparent; cursor: pointer; }
.suggestion-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 13px; }
.suggestion-chips button { padding: 6px 9px; border: 1px solid #c9d6e4; border-radius: 999px; background: #f6f9fc; color: #31577f; font-size: 10px; font-weight: 800; }
.media-manager { display: grid; gap: 18px; }
.media-upload-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.cover-preview { display: grid; grid-template-columns: 220px 1fr; gap: 18px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 12px; }
.cover-preview img { width: 220px; height: 135px; border-radius: 9px; object-fit: cover; }
.gallery-admin { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.gallery-item { display: grid; gap: 9px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: #f9fbfd; cursor: grab; }
.gallery-item img { width: 100%; aspect-ratio: 4 / 3; border-radius: 7px; object-fit: cover; }
.cta-fields { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.template-thumbnail { position: relative; height: 142px; flex: 0 0 142px; display: block; overflow: hidden; margin-bottom: 13px; border-radius: 9px; background-color: #dce7f3; box-shadow: inset 0 0 0 1px rgba(10,29,45,.12); }
.template-thumbnail i { position: absolute; display: block; }
.template-mini-nav { top: 0; left: 0; right: 0; height: 13px; background: #071c2c; border-bottom: 1px solid rgba(202,165,92,.7); }
.template-mini-title { height: 7px; border-radius: 4px; }
.template-mini-copy { height: 3px; border-radius: 3px; }
.template-mini-cta { width: 36px; height: 11px; background: #caa55c; }
.template-mini-content { background: repeating-linear-gradient(90deg,#d8dee4 0 28px,transparent 28px 34px); }
.template-thumb-luxury { background: linear-gradient(90deg,rgba(4,21,34,.89),rgba(4,21,34,.18)), url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=55&w=700&auto=format&fit=crop') center/cover; }
.template-thumb-luxury .template-mini-title { top: 38px; left: 15px; width: 51%; background: #fff; box-shadow: 0 11px 0 #fff; }
.template-thumb-luxury .template-mini-copy { top: 65px; left: 15px; width: 39%; background: #c5ced4; }
.template-thumb-luxury .template-mini-cta { top: 79px; left: 15px; }
.template-thumb-luxury .template-mini-content { left: 0; right: 0; bottom: 0; height: 28px; background: repeating-linear-gradient(90deg,#0a263b 0 19.6%,#304457 19.6% 20%); }
.template-thumb-lifestyle { background: linear-gradient(0deg,rgba(6,27,42,.72),rgba(6,27,42,.04)), url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=55&w=700&auto=format&fit=crop') center/cover; }
.template-thumb-lifestyle .template-mini-title { left: 17px; bottom: 39px; width: 66%; height: 8px; background: #fff; box-shadow: 0 12px 0 #fff; }
.template-thumb-lifestyle .template-mini-copy { left: 17px; bottom: 20px; width: 45%; background: #dec17f; }
.template-thumb-lifestyle .template-mini-cta { display: none; }
.template-thumb-lifestyle .template-mini-content { right: 13px; bottom: 15px; width: 47px; height: 18px; background: rgba(245,239,229,.92); }
.template-thumb-response { background: #f5f3ee; }
.template-thumb-response:before { content: ''; position: absolute; inset: 13px 42% 0 0; background: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=55&w=700&auto=format&fit=crop') center/cover; }
.template-thumb-response .template-mini-title { top: 35px; right: 13px; width: 34%; background: #102a3d; box-shadow: 0 10px 0 #102a3d; }
.template-thumb-response .template-mini-copy { top: 61px; right: 21px; width: 27%; background: #9aa4aa; }
.template-thumb-response .template-mini-cta { right: 17px; bottom: 20px; width: 30%; }
.template-thumb-response .template-mini-content { top: 79px; right: 14px; width: 35%; height: 25px; background: repeating-linear-gradient(#d9dde0 0 3px,transparent 3px 7px); }
.template-thumb-conversion{background:linear-gradient(90deg,rgba(3,17,33,.93) 0 54%,rgba(3,17,33,.18)),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=55&w=700&auto=format&fit=crop') center/cover}.template-thumb-conversion .template-mini-title{top:35px;left:14px;width:43%;height:7px;background:#fff;box-shadow:0 11px 0 #fff}.template-thumb-conversion .template-mini-copy{top:63px;left:14px;width:34%;background:#b8c7d8}.template-thumb-conversion .template-mini-cta{left:14px;bottom:24px;background:#1769e0;width:35%}.template-thumb-conversion .template-mini-content{right:12px;bottom:12px;width:34%;height:54px;border-radius:5px;background:repeating-linear-gradient(#fff 0 6px,#e4e9ef 6px 10px)}
.template-thumb-funnel{background:#071526}.template-thumb-funnel:before{content:'';position:absolute;inset:10px 52% 10px 10px;border-radius:6px;background:linear-gradient(rgba(4,20,35,.42),rgba(4,20,35,.42)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=55&w=500&auto=format&fit=crop') center/cover}.template-thumb-funnel:after{content:'1  →  2  →  3  →  4';position:absolute;left:14px;right:14px;bottom:8px;color:#65a8ff;font-size:9px;font-weight:900;letter-spacing:.08em;text-align:center}.template-thumb-funnel .template-mini-title{top:27px;right:13px;width:38%;height:7px;background:#fff;box-shadow:0 11px 0 #fff}.template-thumb-funnel .template-mini-copy{top:58px;right:19px;width:31%;background:#aebed0}.template-thumb-funnel .template-mini-cta{right:14px;top:75px;width:36%;background:#1769e0}.template-thumb-funnel .template-mini-content{display:none}
.template-selection-copy { margin: 16px 0 0; color: var(--muted); font-size: 12px; }
.template-save-note { display: block; margin-top: 12px; color: var(--blue); font-weight: 700; }
.preview-template-button { margin-top: 14px; }
.mobile-admin-nav,.mobile-more-sheet,.mobile-more-backdrop{display:none}
.marketing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.marketing-assets{grid-template-columns:minmax(280px,.7fr) minmax(0,1.6fr)}.marketing-panel{overflow:hidden}.marketing-panel-body{display:grid;gap:18px;padding:22px;align-content:start}.marketing-panel-body h2{margin:0}.marketing-panel-body p{margin:0}.marketing-actions{display:flex;flex-wrap:wrap;gap:9px}.marketing-actions .button{min-height:40px}.marketing-property-form{display:grid;gap:10px}.marketing-property-form label{font-weight:800}.marketing-empty-state{display:grid;justify-items:start;gap:10px;padding:18px;text-align:left}.marketing-empty-state h3,.marketing-empty-state p{margin:0}.marketing-status{width:max-content}.marketing-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:14px}.marketing-status-active{background:#e8f7ee;color:#16713a}.marketing-status-pending{background:#fff3db;color:#8a5b00}.copy-row{display:flex;gap:9px}.copy-row input{min-width:0;flex:1}.share-actions{display:flex;flex-wrap:wrap;gap:9px}.caption-output{width:100%;min-height:190px;padding:15px;border:1px solid var(--line);border-radius:9px;background:#f8fafc;color:var(--ink);font:14px/1.6 ui-monospace,Consolas,monospace;resize:vertical}.marketing-panel-body small{color:var(--muted)}.qr-preview{width:min(310px,100%);aspect-ratio:1;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff}.asset-placeholder{min-height:220px;display:grid;place-items:center;border:2px dashed #cbd7e6;border-radius:12px;background:#f8fafc;color:#7d8ca0;font-weight:900;text-align:center}.card-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;border-radius:12px;background:#f5f8fc}.card-options .checkbox-field,.card-options .button{align-self:end}.generated-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.generated-cards article{display:grid;gap:10px;align-content:start}.generated-cards img{width:100%;max-height:480px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#eef2f6}
.push-campaign-form,.push-campaign-history{margin-bottom:22px;padding:22px}.push-campaign-form>h2,.push-campaign-history>h2{margin-top:0}.push-campaign-form form{display:grid;gap:18px}.push-campaign-list{display:grid;gap:10px}.push-campaign-list article{display:grid;grid-template-columns:1fr auto;gap:7px;padding:14px;border:1px solid var(--line);border-radius:10px}.push-campaign-list article p,.push-campaign-list article small{grid-column:1/-1;margin:0}.push-campaign-list small{color:var(--muted)}
@media(max-width:900px){.marketing-grid,.marketing-assets{grid-template-columns:1fr}}
@media(max-width:760px){
  .admin-body{padding-bottom:82px}.admin-shell{display:block}.sidebar{display:none}.admin-main,.admin-content,.dashboard-grid,.dashboard-grid>*{min-width:0;max-width:100%}.admin-header{min-height:72px;padding:12px 20px}.admin-header .eyebrow{display:none}.admin-header h1{font-size:23px}.admin-user .admin-avatar{width:36px;height:36px}.admin-user div div{display:none}.admin-content{padding:22px 16px 30px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric-card{min-height:96px;padding:16px;display:grid}.metric-card strong{font-size:29px}.page-actions{gap:14px;margin-bottom:18px}.page-actions .button-row{width:100%}.page-actions .button-row .button{flex:1}.panel,.form-section{min-width:0;max-width:100%;border-radius:12px}.panel-header{padding:17px}.table-wrap{width:100%;min-width:0;margin:0;max-width:100%;overscroll-behavior-inline:contain}.table-wrap table{min-width:720px}.form-section{padding:20px 16px}.field input,.field select,.field textarea,.stack-form input{min-height:48px;font-size:16px}.form-actions{bottom:72px;margin-inline:-8px;padding:12px}.mobile-admin-nav{position:fixed;left:0;right:0;bottom:0;z-index:200;height:72px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:7px 7px max(7px,env(safe-area-inset-bottom));border-top:1px solid #dbe3ed;background:rgba(255,255,255,.97);box-shadow:0 -8px 28px rgba(7,24,44,.12);backdrop-filter:blur(14px)}.mobile-admin-nav a,.mobile-admin-nav button{min-width:0;height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;border:0;background:none;color:#657489;font-size:9px;font-weight:800}.mobile-admin-nav span{font-size:19px;line-height:1}.mobile-admin-nav .active{color:var(--blue)}.mobile-admin-nav .mobile-add{position:relative;top:-13px;color:var(--navy)}.mobile-admin-nav .mobile-add span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:29px;box-shadow:0 8px 20px rgba(31,111,235,.35)}.mobile-more-backdrop{position:fixed;inset:0;z-index:209;display:block;background:rgba(7,24,44,.4)}.mobile-more-backdrop[hidden]{display:none}.mobile-more-sheet{position:fixed;left:12px;right:12px;bottom:82px;z-index:210;display:grid;gap:5px;padding:18px;border-radius:18px;background:#fff;box-shadow:0 18px 60px rgba(7,24,44,.3);transform:translateY(calc(100% + 110px));transition:.22s ease}.mobile-more-sheet.open{transform:translateY(0)}.mobile-more-sheet>div{display:flex;justify-content:space-between;align-items:center;padding:3px 6px 12px}.mobile-more-sheet>div button{border:0;background:none;font-size:28px}.mobile-more-sheet>a,.mobile-more-sheet>button,.mobile-more-sheet form button{width:100%;min-height:48px;display:flex;align-items:center;padding:12px;border:0;border-radius:9px;background:#f4f7fb;color:var(--ink);font-weight:800;text-align:left}.mobile-more-sheet>[hidden]{display:none}.marketing-grid{gap:14px}.marketing-panel-body{padding:16px}.copy-row{display:grid}.share-actions .button{flex:1}.card-options,.generated-cards{grid-template-columns:1fr}.asset-placeholder{min-height:170px}.qr-preview{margin:auto}.marketing-assets{margin-bottom:calc(82px + env(safe-area-inset-bottom))}
}
@media(max-width:760px){.lead-filters input,.lead-filters select{min-height:46px;font-size:16px}}
.visibility-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px 18px; }
.form-note { color: var(--muted); font-size: 12px; line-height: 1.6; }
.social-image-preview { max-width: 260px; max-height: 160px; border-radius: 9px; object-fit: cover; }

/* Public placeholder */
.public-header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid rgba(255, 255, 255, .1); background: rgba(5, 18, 34, .97); color: var(--white); }
.public-nav { height: 74px; display: flex; align-items: center; gap: 22px; }
.public-brand { display: flex; flex-direction: column; margin-right: auto; }
.public-brand strong { font: 700 22px Georgia, serif; }
.public-brand span { margin-top: 3px; color: #9db0c6; font-size: 9px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.public-nav nav { display: flex; align-items: center; gap: 20px; font-size: 12px; font-weight: 800; }
.phase-hero, .public-page-hero, .property-hero-temporary { color: var(--white); background: linear-gradient(120deg, #061528, #123d70); }
.phase-hero { padding: 100px 0; }
.phase-hero-grid { display: grid; grid-template-columns: 1.2fr .7fr; gap: 48px; align-items: center; }
.phase-hero h1, .public-page-hero h1, .property-hero-temporary h1 { margin: 10px 0 18px; font: 700 clamp(46px, 6vw, 76px)/1 Georgia, serif; }
.phase-hero p { max-width: 680px; color: #cedbea; font-size: 17px; line-height: 1.7; }
.phase-card { display: grid; padding: 30px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 20px; background: rgba(255, 255, 255, .08); backdrop-filter: blur(12px); }
.phase-card span { color: #65a8ff; font-size: 11px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; }
.phase-card strong { margin: 13px 0 0; font: 700 30px Georgia, serif; }
.phase-card p { font-size: 14px; }
.public-page-hero { padding: 80px 0; }
.public-page-hero p { max-width: 700px; color: #ccd9e8; line-height: 1.65; }
.public-section { padding: 75px 0; }
.public-section-head { margin-bottom: 28px; }
.public-section-head h2 { margin: 0; font: 700 44px Georgia, serif; }
.property-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.property-card { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--white); box-shadow: var(--shadow); }
.property-placeholder { height: 210px; display: flex; align-items: flex-start; justify-content: flex-end; padding: 14px; background: linear-gradient(145deg, #dbe6f2, #adc0d5); }
.property-placeholder span { padding: 6px 9px; border-radius: 999px; background: rgba(6, 21, 40, .88); color: var(--white); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.property-card-body { padding: 20px; }
.property-price { color: #174f91; font-size: 25px; }
.property-card h2 { margin: 8px 0; font: 700 24px Georgia, serif; }
.property-card p { color: var(--muted); }
.property-meta { display: flex; flex-wrap: wrap; gap: 10px 15px; margin: 17px 0; color: #536174; font-size: 12px; font-weight: 800; }
.public-empty { grid-column: 1 / -1; padding: 48px; border: 1px dashed #b8c7d8; border-radius: 14px; text-align: center; }
.public-empty h2, .public-empty h3 { font: 700 30px Georgia, serif; }
.preview-bar { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 12px 4%; background: #fff4d8; color: #674b00; font-size: 12px; }
.preview-bar a { font-weight: 900; text-decoration: underline; }
.property-hero-temporary { padding: 85px 0; }
.property-status-row { display: flex; gap: 12px; align-items: center; color: #c5d5e8; font-size: 12px; font-weight: 900; text-transform: uppercase; }
.public-status { padding: 7px 10px; border-radius: 999px; background: #e9f8ef; color: var(--green); }
.property-subtitle { max-width: 760px; color: #ccd9e8; font-size: 20px; }
.public-price { margin-top: 24px; font-size: 41px; font-weight: 900; }
.previous-price { color: #aebed0; text-decoration: line-through; }
.property-location { color: #ccd9e8; }
.phase2-cover { width: 100%; max-height: 560px; margin-top: 26px; border-radius: 18px; object-fit: cover; box-shadow: 0 18px 50px rgba(0,0,0,.3); }
.temporary-property-grid { display: grid; grid-template-columns: 1.4fr .6fr; gap: 38px; align-items: start; }
.quick-facts { display: grid; grid-template-columns: repeat(5, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 14px; }
.quick-facts div { padding: 20px 10px; border-right: 1px solid var(--line); text-align: center; }
.quick-facts div:last-child { border-right: 0; }
.quick-facts strong { display: block; color: #174f91; font-size: 24px; }
.quick-facts span { color: var(--muted); font-size: 11px; }
.property-description { padding-top: 42px; }
.property-description h2 { font: 700 38px Georgia, serif; }
.property-description p { color: #556274; line-height: 1.75; }
.lead-copy { font-size: 18px; }
.temporary-notice { position: sticky; top: 100px; display: grid; padding: 25px; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); }
.temporary-notice > span { color: var(--blue); font-size: 10px; font-weight: 900; letter-spacing: 1.5px; text-transform: uppercase; }
.temporary-notice > strong { margin: 10px 0; font: 700 27px Georgia, serif; }
.temporary-notice p { color: var(--muted); font-size: 13px; line-height: 1.6; }
.temporary-notice .button { width: 100%; margin-top: 8px; }
.structured-section { padding-top: 40px; }
.structured-section h2 { font: 700 34px Georgia, serif; }
.highlight-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 13px; }
.highlight-grid article { padding: 18px; border: 1px solid var(--line); border-radius: 10px; }
.highlight-grid h3 { margin: 0 0 6px; }
.feature-list { display: flex; flex-wrap: wrap; gap: 9px; padding: 0; list-style: none; }
.feature-list li { padding: 8px 11px; border-radius: 999px; background: #edf4fb; color: #254d78; font-size: 12px; font-weight: 800; }
.phase2-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.phase2-gallery img { width: 100%; aspect-ratio: 4 / 3; border-radius: 9px; object-fit: cover; }
.public-footer { padding: 34px 0; background: #04101e; color: #c8d4e2; }
.footer-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.footer-row div { display: flex; flex-direction: column; }
.footer-row span, .footer-row small { margin-top: 4px; color: #8192a7; font-size: 11px; }
.error-page { min-height: 70vh; display: grid; place-items: center; padding: 50px 20px; background: var(--soft); text-align: center; }
.error-page span { color: #b9cee8; font: 700 80px Georgia, serif; }
.error-page h1 { margin: 5px 0; font: 700 42px Georgia, serif; }
.error-page p { max-width: 580px; margin: 10px auto 22px; color: var(--muted); line-height: 1.6; }

@media (max-width: 1050px) {
  .admin-shell { grid-template-columns: 210px 1fr; }
  .form-section { grid-template-columns: 1fr; }
  .metric-grid { grid-template-columns: repeat(2, 1fr); }
  .property-card-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  .admin-shell { display: block; }
  .sidebar { position: relative; width: 100%; height: auto; }
  .sidebar-nav { grid-template-columns: repeat(2, 1fr); }
  .nav-group { grid-column: 1 / -1; }
  .logout-form { margin-top: 15px; }
  .admin-header, .admin-content { padding-left: 20px; padding-right: 20px; }
  .admin-user { display: none; }
  .page-actions { align-items: flex-start; flex-direction: column; }
  .form-grid, .form-grid-3, .template-grid, .experience-kind-grid, .phase-hero-grid, .temporary-property-grid, .media-upload-grid, .repeatable-fields, .cta-fields, .visibility-grid { grid-template-columns: 1fr; }
  .field-full { grid-column: auto; }
  .property-card-grid { grid-template-columns: 1fr; }
  .quick-facts { grid-template-columns: repeat(2, 1fr); }
  .quick-facts div { border-bottom: 1px solid var(--line); }
  .quick-facts div:nth-child(2n) { border-right: 0; }
  .quick-facts div:last-child { grid-column: 1 / -1; border-bottom: 0; }
  .preview-bar { align-items: flex-start; flex-direction: column; }
  .temporary-notice { position: static; }
  .gallery-admin, .phase2-gallery, .highlight-grid { grid-template-columns: repeat(2, 1fr); }
  .cover-preview { grid-template-columns: 1fr; }
  .footer-row { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
  .login-card { padding: 28px 22px; }
  .metric-grid { grid-template-columns: 1fr; }
  .sidebar-nav { grid-template-columns: 1fr; }
  .public-nav nav > a:first-child { display: none; }
  .phase-hero { padding: 70px 0; }
  .phase-hero h1, .public-page-hero h1, .property-hero-temporary h1 { font-size: 43px; }
  .form-actions .button { width: 100%; }
  .gallery-admin, .phase2-gallery, .highlight-grid { grid-template-columns: 1fr; }
}
.lead-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;align-items:end}.lead-filters label{display:grid;gap:7px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.lead-filters input,.lead-filters select{width:100%;padding:10px;border:1px solid #ccd4d8;border-radius:4px;background:#fff}.admin-two-column{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;align-items:start}.detail-list{display:grid;gap:0;margin:0 0 20px}.detail-list>div{display:grid;grid-template-columns:minmax(120px,30%) 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #e6eaec}.detail-list dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:#66747b}.detail-list dd{margin:0;overflow-wrap:anywhere}.badge-new{background:#fff3cd;color:#7a5600}.badge-contacted,.badge-qualified{background:#e4efff;color:#174b83}.badge-appointment{background:#e9e1ff;color:#5635a1}.badge-closed{background:#dff5e8;color:#176c3a}.badge-lost{background:#f3e4e4;color:#8c2d2d}@media(max-width:900px){.admin-two-column{grid-template-columns:1fr}}
.bilingual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bilingual-grid>div{display:grid;gap:10px;padding:14px;border:1px solid #dfe5e8;border-radius:8px;background:#fafbfb}.bilingual-grid label{display:grid;gap:6px}.content-completeness{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.content-completeness small{flex-basis:100%}@media(max-width:760px){.bilingual-grid{grid-template-columns:1fr}}
.settings-form{display:grid;gap:20px}.settings-section{margin:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-grid .field{display:grid;gap:7px}.settings-grid input,.settings-grid select,.settings-grid textarea{width:100%;padding:11px;border:1px solid #ccd4d8;border-radius:6px;background:#fff}.settings-grid input[type=checkbox]{width:auto}.settings-grid input[type=color]{height:44px;padding:4px}@media(max-width:760px){.settings-grid{grid-template-columns:1fr}}
.settings-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 20px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#fff;scrollbar-width:thin}.settings-tabs button{flex:0 0 auto;min-height:42px;padding:9px 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:900}.settings-tabs button.active{background:var(--navy);color:#fff}.settings-section[hidden]{display:none}.settings-section .settings-grid{padding:22px}.settings-section .panel-header p,.google-display-card .panel-header p{margin:6px 0 0;color:var(--muted);font-size:13px}.integration-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.integration-summary>div{display:grid;gap:8px}.connection-status{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900}.connection-status>span{width:8px;height:8px;border-radius:50%}.connection-status.is-connected{background:#e6f6ed;color:var(--green)}.connection-status.is-connected>span{background:var(--green)}.connection-status.is-disconnected{background:#edf1f6;color:#536174}.connection-status.is-disconnected>span{background:#8794a6}
.email-settings{display:grid;gap:18px;padding-top:4px}.email-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.email-status-grid article{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;overflow-wrap:anywhere}.email-status-grid span,.smtp-safe-details{color:var(--muted);font-size:11px;font-weight:800}.smtp-safe-details{display:flex;flex-wrap:wrap;gap:8px 18px;padding:12px 14px;border-radius:8px;background:#f4f7fb}.email-test-row{display:flex;gap:12px;align-items:end}.email-test-row label{flex:1}.email-settings h3{margin:4px 0 0}.email-settings .table-wrap{border:1px solid var(--line);border-radius:9px}.email-settings table{font-size:12px}
.google-admin-heading{align-items:flex-start}.google-connect-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);overflow:hidden;margin-bottom:22px}.google-connect-copy,.server-configuration,.google-business-body,.google-display-card>form,.google-help-card ol,.google-help-card>a{padding:28px}.google-connect-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.google-connect-copy h2{margin:4px 0 10px;font:700 30px Georgia,serif}.google-connect-copy>p{max-width:650px;color:var(--muted);line-height:1.65}.google-connect-button{margin-top:10px}.configuration-notice{width:100%;margin:7px 0;padding:13px 15px;border:1px solid #ead7a0;border-radius:9px;background:#fff8e6;color:#795600;font-size:13px}.server-configuration{border-left:1px solid var(--line);background:#f8fafc}.server-configuration h3{margin:0 0 15px;font-size:15px}.server-configuration ul{display:grid;gap:9px;margin:0 0 22px;padding:0;list-style:none}.server-configuration li{display:flex;align-items:center;gap:9px;font-size:12px}.server-configuration li span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-weight:900}.server-configuration li.ready span{background:#e6f6ed;color:var(--green)}.server-configuration li.missing span{background:#fff0ef;color:var(--red)}.server-configuration label{display:grid;gap:8px;color:#334155;font-size:12px;font-weight:900}.copy-uri-row{display:flex;gap:8px}.copy-uri-row input{min-width:0;flex:1;padding:11px;border:1px solid #ccd6e3;border-radius:8px;background:#fff;color:#536174;font-size:12px}.google-business-card{margin-bottom:18px}.google-business-body{display:grid;grid-template-columns:minmax(220px,.55fr) auto minmax(360px,1.2fr);gap:18px;align-items:end}.google-business-name{display:grid;gap:5px}.google-business-name span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.google-business-name strong{font:700 23px Georgia,serif}.location-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}.location-form label{display:grid;gap:7px;font-size:12px;font-weight:900}.location-form select{width:100%;min-height:44px;padding:10px;border:1px solid #ccd6e3;border-radius:8px;background:#fff}.google-review-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.google-review-metrics article{min-width:0;display:grid;gap:8px;padding:19px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.google-review-metrics span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.google-review-metrics strong{font:700 30px Georgia,serif}.google-review-metrics .metric-date{overflow-wrap:anywhere;font:700 16px Inter,Arial,sans-serif}.google-sync-actions{margin-bottom:22px}.google-display-card{margin-bottom:22px}.display-surface-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.display-surface-grid>label{display:flex;gap:12px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:11px;background:#f8fafc;cursor:pointer}.display-surface-grid input{width:19px;height:19px;accent-color:var(--blue)}.display-surface-grid span{display:grid;gap:5px}.display-surface-grid small{color:var(--muted);line-height:1.4}.google-display-options{margin-top:18px;border-top:1px solid var(--line)}.google-display-options summary{padding:16px 0;color:var(--blue-dark);font-size:12px;font-weight:900;cursor:pointer}.google-display-options .settings-grid{padding:4px 0 0}.google-display-card .form-actions{position:static;margin-top:20px;padding:15px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}.google-help-card{padding-bottom:22px}.google-help-card ol{margin:0;padding-top:20px;padding-bottom:8px;padding-left:48px;color:#425268;font-size:13px;line-height:1.9}.google-help-card>a{display:inline-block;padding-top:4px;padding-bottom:0;color:var(--blue-dark);font-size:12px;font-weight:900}
@media(max-width:1050px){.google-connect-card{grid-template-columns:1fr}.server-configuration{border-top:1px solid var(--line);border-left:0}.google-business-body{grid-template-columns:1fr 1fr}.location-form{grid-column:1/-1}.google-review-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.settings-tabs{position:sticky;top:0;z-index:20;margin-inline:-16px;border-right:0;border-left:0;border-radius:0}.settings-section .settings-grid{padding:17px}.integration-summary{align-items:stretch;flex-direction:column}.integration-summary .button{width:100%}.email-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.email-test-row{display:grid}.email-test-row .button{width:100%}.google-admin-heading .connection-status{margin-top:4px}.google-connect-copy,.server-configuration,.google-business-body,.google-display-card>form{padding:19px 16px}.google-connect-copy h2{font-size:26px}.google-connect-button{width:100%}.copy-uri-row{display:grid}.copy-uri-row .button{width:100%}.google-business-body{grid-template-columns:1fr;align-items:stretch}.location-form{grid-column:auto;grid-template-columns:1fr}.location-form .button,.google-business-body form>.button,.google-sync-actions form,.google-sync-actions .button{width:100%}.google-review-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.google-review-metrics article{padding:15px}.google-review-metrics strong{font-size:25px}.display-surface-grid{grid-template-columns:1fr}.google-help-card ol{padding:18px 18px 8px 38px}.google-help-card>a{padding:6px 18px 0;overflow-wrap:anywhere}}
.admin-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#d7a84b;color:#071d2a;font-weight:800;overflow:hidden}.admin-avatar img{width:100%;height:100%;object-fit:cover}.admin-user{display:flex;align-items:center;gap:11px}.admin-user div{display:grid}.admin-user a{font-size:.75rem;color:#66747b}.admin-user-links{display:flex;align-items:center;gap:.65rem}.admin-user-links form{margin:0}.admin-user-links button{border:0;background:none;padding:0;color:#66747b;font:inherit;font-size:.75rem;cursor:pointer}.admin-user-links button:hover,.admin-user-links a:hover{color:#b47719}.dashboard-secondary-metrics .metric-card{padding:18px}.dashboard-secondary-metrics .metric-card strong{font-size:1.8rem}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:22px;margin-bottom:22px}.lead-snapshot{display:grid}.lead-snapshot a{display:grid;gap:3px;padding:14px 0;border-bottom:1px solid #e6eaec;color:inherit;text-decoration:none}.lead-snapshot span,.lead-snapshot small{color:#66747b}.mini-chart{height:220px;display:flex;align-items:flex-end;gap:12px;padding-top:20px}.mini-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.mini-chart span{display:block;width:min(34px,80%);background:linear-gradient(#d7a84b,#b8862e);border-radius:5px 5px 0 0;min-height:8px}.mini-chart small{font-size:.65rem;white-space:nowrap}@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:700px){.dashboard-secondary-metrics{grid-template-columns:repeat(2,1fr)}.mini-chart{overflow-x:auto}.mini-chart>div{min-width:42px}}
.admin-user{flex-direction:row}.admin-user-links{margin-top:0!important;text-transform:none!important}
.template-thumb-buyer-match{background:#fffaf0}.template-thumb-buyer-match:before{content:'MATCH';position:absolute;left:14px;top:18px;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#3157e7;color:#fff;font-size:11px;font-weight:900;box-shadow:7px 7px 0 #ff6b4a}.template-thumb-buyer-match:after{content:'1 → 2 → 3 → 4 → 5';position:absolute;left:14px;right:14px;bottom:9px;color:#3157e7;font-size:9px;font-weight:900;text-align:center}.template-thumb-buyer-match .template-mini-title{top:23px;right:13px;width:47%;height:8px;background:#12204a;box-shadow:0 12px 0 #12204a}.template-thumb-buyer-match .template-mini-copy{top:56px;right:22px;width:38%;background:#95a3c9}.template-thumb-buyer-match .template-mini-cta{right:14px;top:76px;width:43%;background:#ff6b4a}.template-thumb-buyer-match .template-mini-content{display:none}
.template-thumb-vip-event{background:#f9f6ef}.template-thumb-vip-event:before{content:'';position:absolute;inset:12px 54% 12px 12px;border-radius:50% 50% 2px 2px;background:linear-gradient(145deg,#b65d43,#e8ded0)}.template-thumb-vip-event:after{content:'VIP · 5 STEPS';position:absolute;left:16px;bottom:7px;color:#5d6744;font:700 9px Georgia,serif}.template-thumb-vip-event .template-mini-title{top:25px;right:13px;width:39%;height:7px;background:#2a2a25;box-shadow:0 12px 0 #2a2a25}.template-thumb-vip-event .template-mini-copy{top:59px;right:18px;width:34%;background:#9a9489}.template-thumb-vip-event .template-mini-cta{right:14px;top:80px;width:40%;background:#b65d43}.template-thumb-vip-event .template-mini-content{display:none}
.card-design-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}.card-design-choice{display:grid;gap:8px;padding:12px;border:1px solid #d7dde3;border-radius:12px;background:#fff;cursor:pointer}.card-design-choice:has(input:checked){border-color:#b98a2f;box-shadow:0 0 0 2px rgba(185,138,47,.15)}.card-design-mini{display:block;position:relative;aspect-ratio:9/12;border-radius:9px;background:linear-gradient(155deg,#0a1725,#35546a);overflow:hidden}.card-design-mini:after{content:"";position:absolute;left:12px;bottom:12px;color:#fff;font:700 24px/1 Georgia}.card-design-mini.design_02{background:linear-gradient(180deg,#d8d0c3,#60584d)}.card-design-mini.design_03{background:linear-gradient(140deg,#ffcf4b 0 42%,#ee4f63 42% 70%,#132941 70%)}.card-module-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.card-module-picker>span,.card-module-picker>label{display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 11px;border:1px solid #d7dde3;border-radius:9px;background:#fff;font-weight:600}@media(max-width:760px){.card-design-picker{grid-template-columns:1fr}.card-design-mini{aspect-ratio:16/7}.card-module-picker{grid-template-columns:1fr 1fr}}
.website-template-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.website-template-picker .card-design-choice small{font-size:11px;color:#667}.card-design-mini.website-thumb-current{background:linear-gradient(160deg,#071d2a,#d7a84b)}.card-design-mini.website-thumb-t01{background:linear-gradient(160deg,#2d7ff9,#07131f)}.card-design-mini.website-thumb-t02{background:linear-gradient(160deg,#0a0a0a,#c79a54)}.card-design-mini.website-thumb-t03{background:linear-gradient(160deg,#fbfaf7,#ff7a8a)}.card-design-mini.website-thumb-t04{background:linear-gradient(160deg,#080b10,#5ca9ff)}.card-design-mini.website-thumb-t05{background:linear-gradient(160deg,#fbfaf6,#4a7cff)}.card-design-mini.website-thumb-t06{background:linear-gradient(160deg,#18201d,#d8c8ae)}@media(max-width:900px){.website-template-picker{grid-template-columns:1fr 1fr}}
.card-design-mini{isolation:isolate;background:#102438}.card-design-mini:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(155deg,#102438,#527287)}.card-design-mini:after{content:"";position:absolute;z-index:1;left:7%;right:7%;bottom:8%;height:28%;border-radius:7px;background:#fffdf9;box-shadow:0 5px 12px #06132044}.card-design-mini>i,.card-design-mini>b,.card-design-mini>em{position:absolute;z-index:2;display:block}.card-design-mini>i{top:7%;left:8%;right:8%;height:7%;border-radius:99px;background:#ffffffd9}.card-design-mini>b{left:14%;top:31%;width:60%;height:16%;background:repeating-linear-gradient(to bottom,#fff 0 4px,transparent 4px 9px);filter:drop-shadow(0 1px 1px #0007)}.card-design-mini>em{left:14%;right:14%;bottom:14%;height:8%;border-radius:99px;background:#bb8a37}.card-design-mini.design_01:before{background:linear-gradient(150deg,#071420 0%,#244b64 48%,#d6a963 100%)}.card-design-mini.design_01:after{background:linear-gradient(145deg,#ffffff,#ece7de)}.card-design-mini.design_01>em{background:#1b4f5d}.card-design-mini.design_02:before{background:linear-gradient(150deg,#e8e0d1,#b69a79)}.card-design-mini.design_02>i{background:#3a3028aa}.card-design-mini.design_02>b{background:repeating-linear-gradient(to bottom,#4b3c31 0 4px,transparent 4px 9px);filter:none}.card-design-mini.design_02:after{left:12%;right:12%;bottom:9%;height:25%;background:#f9f4eb;border:1px solid #5b463466}.card-design-mini.design_02>em{background:#523d2d}.card-design-mini.design_03:before{background:linear-gradient(155deg,#c64e3b 0 40%,#f1b55c 40% 52%,#173146 52%)}.card-design-mini.design_03:after{background:#fff;border-radius:0;left:0;right:0;bottom:0;height:26%}.card-design-mini.design_03>i{background:#ffffff}.card-design-mini.design_03>b{top:28%;background:repeating-linear-gradient(to bottom,#fff 0 4px,transparent 4px 9px)}.card-design-mini.design_03>em{background:#d4543e}.website-template-picker .card-design-mini{aspect-ratio:16/10}.website-template-picker .card-design-mini:after{left:5%;right:5%;bottom:6%;height:23%;border-radius:5px}.website-template-picker .card-design-mini>i{top:7%;left:5%;right:5%;height:7%}.website-template-picker .card-design-mini>b{left:10%;top:31%;width:49%;height:20%}.website-template-picker .card-design-mini>em{left:10%;right:auto;bottom:12%;width:28%;height:9%}.card-design-mini.website-thumb-current:before{background:linear-gradient(130deg,#0d2237 0%,#264d68 54%,#c19550 100%)}.card-design-mini.website-thumb-current:after{background:#f7f0e4}.card-design-mini.website-thumb-current>em{background:#c19550}.card-design-mini.website-thumb-t01:before{background:linear-gradient(135deg,#163d5a 0%,#2f6b89 58%,#b9d2dc 100%)}.card-design-mini.website-thumb-t01:after{background:#fff}.card-design-mini.website-thumb-t01>em{background:#d09b45}.card-design-mini.website-thumb-t02:before{background:linear-gradient(130deg,#252124 0%,#5e4a43 50%,#ca9c65 100%)}.card-design-mini.website-thumb-t02:after{background:#201c1d;border:1px solid #cba36e}.card-design-mini.website-thumb-t02>em{background:#ca9c65}.card-design-mini.website-thumb-t03:before{background:linear-gradient(135deg,#e7dbce 0%,#c29d8e 45%,#7a4e45 100%)}.card-design-mini.website-thumb-t03>i{background:#fff8}.card-design-mini.website-thumb-t03>b{background:repeating-linear-gradient(to bottom,#532f2b 0 4px,transparent 4px 9px);filter:none}.card-design-mini.website-thumb-t03:after{background:#f8f2e9}.card-design-mini.website-thumb-t03>em{background:#7a4e45}.card-design-mini.website-thumb-t04:before{background:linear-gradient(135deg,#081827 0%,#173d54 50%,#4c7b8e 100%)}.card-design-mini.website-thumb-t04:after{background:#0d1d2b;border:1px solid #5b8ca1}.card-design-mini.website-thumb-t04>em{background:#7db2bd}.card-design-mini.website-thumb-t05:before{background:linear-gradient(135deg,#f7f3eb 0%,#d9e1d6 52%,#7f9d99 100%)}.card-design-mini.website-thumb-t05>i{background:#356262bb}.card-design-mini.website-thumb-t05>b{background:repeating-linear-gradient(to bottom,#315759 0 4px,transparent 4px 9px);filter:none}.card-design-mini.website-thumb-t05:after{background:#fffdf8}.card-design-mini.website-thumb-t05>em{background:#5d8f89}.card-design-mini.website-thumb-t06:before{background:radial-gradient(circle at 72% 40%,#b77a51 0 11%,transparent 12%),linear-gradient(135deg,#101518,#273438 55%,#73513e 100%)}.card-design-mini.website-thumb-t06:after{background:#151d1fdd;border:1px solid #d3a16a}.card-design-mini.website-thumb-t06>em{left:auto;right:11%;bottom:12%;width:12%;height:auto;aspect-ratio:1;border-radius:50%;background:#d3a16a;box-shadow:0 0 0 4px #ffffff33}.settings-form{padding-bottom:96px}.settings-form:after{content:"";display:block;height:72px}@media(max-width:760px){.settings-form{padding-bottom:140px}.settings-form:after{height:100px}}
.card-design-choice>img.card-design-mini{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:cover;background:none;isolation:auto}.card-design-choice>img.card-design-mini:before,.card-design-choice>img.card-design-mini:after{content:none}@media(max-width:760px){.card-design-choice>img.card-design-mini{aspect-ratio:auto}}

/* Tenant media library */
.media-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}.media-filters{display:flex;flex-wrap:wrap;gap:7px}.media-filters button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:7px 11px;color:var(--muted);font-size:11px;font-weight:800}.media-filters button.active{border-color:var(--blue);background:var(--blue);color:#fff}.media-search{display:flex;align-items:center;gap:7px;min-width:190px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.media-search input{width:100%;border:0;outline:0}.media-card{transition:transform .18s,box-shadow .18s}.media-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(10,32,60,.11)}.media-card-actions .button{flex:1 1 auto}.media-card-actions form{display:block;flex:1}.media-card-actions form .button{width:100%}.media-video-placeholder{height:100%;display:grid;place-content:center;gap:8px;color:#315b8c;font-size:28px;font-weight:900}.media-video-placeholder small{font-size:11px}.media-modal[hidden]{display:none}.media-modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px}.media-modal-backdrop{position:absolute;inset:0;background:#07182c99}.media-modal-panel{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:14px;background:#fff;box-shadow:0 25px 70px #06132066}.media-modal-panel>header{display:flex;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--line)}.media-modal-panel h2{margin:0}.media-modal-panel p{margin:5px 0 0;color:var(--muted);font-size:13px}.media-modal-panel header button{border:0;background:transparent;font-size:25px}.media-form-fields{display:grid;gap:14px}.media-form-fields .field{display:grid;gap:7px;font-size:12px;font-weight:800}.media-form-fields select,.media-form-fields input{min-height:42px;padding:10px;border:1px solid #ccd6e3;border-radius:8px;background:#fff}.media-form-fields small{color:var(--muted);font-size:11px;font-weight:500}.media-modal-actions{display:flex;justify-content:flex-end;gap:9px}.media-edit-form{padding:18px}.media-no-results{padding:30px;text-align:center;color:var(--muted)}
.media-file-feedback{display:grid;gap:3px;padding:12px 14px;border:1px solid #b8dfc4;border-radius:9px;background:#f0fbf3;color:#21653a}.media-file-feedback span{font-weight:800;overflow-wrap:anywhere}.media-file-feedback small{color:#39714b}.media-file-picker.is-dragging{border-color:var(--blue);background:#eaf3ff}.composer-drag{cursor:grab}.composer-block.is-dragging{opacity:.55;outline:2px dashed var(--blue);outline-offset:3px}.composer-block:has(.composer-drag[draggable=true]):hover header{background:#f4f8fd}
.pages-create{margin-bottom:20px;padding:22px}.pages-create form{display:grid;gap:16px}.pages-list>header{display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.pages-list h2,.pages-list p{margin:0}.pages-list p{margin-top:5px;color:var(--muted);font-size:12px}.pages-rows article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.pages-rows strong,.pages-rows small{display:block}.pages-rows small{margin-top:5px;color:var(--muted);overflow-wrap:anywhere}@media(max-width:700px){.pages-rows article{grid-template-columns:1fr;gap:10px}.pages-rows .button-row{justify-content:flex-start}}
.panel>.filter-grid{padding:22px;gap:18px}.panel>.table-wrap{padding:0 22px 22px}.lead-filters{margin:0}.admin-content>.panel{margin-bottom:24px}@media(max-width:760px){.admin-content>.panel{margin-bottom:18px}.panel>.filter-grid,.panel>.table-wrap{padding:16px}.table-wrap{overflow:visible}.table-wrap table{display:block;min-width:0}.table-wrap thead{display:none}.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}.table-wrap tr{padding:14px 0;border-bottom:1px solid var(--line)}.table-wrap td{padding:5px 0;border:0}.action-list{gap:8px}.action-list>a,.action-list button{min-height:38px}}
.settings-form>.settings-grid>.panel{padding:22px}.settings-form>.settings-grid>.panel .panel-header{margin-bottom:20px}.settings-form .settings-grid{gap:18px}.settings-form .field{gap:10px}.settings-form .card-design-picker{margin:12px 0}.settings-form .card-module-picker{margin:18px 0}.settings-form .form-actions{padding:20px 0 40px}
.media-library-intro{margin-bottom:24px}.media-upload-panel,.media-library-panel{margin-bottom:24px}.media-upload-panel .panel-header p,.media-library-panel .panel-header p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.media-upload-form{display:grid;gap:20px;padding:22px}.media-file-picker{position:relative;display:grid;place-items:center;gap:7px;min-height:174px;padding:24px;border:1px dashed #9eb3ce;border-radius:13px;background:#f8fbff;color:#24466f;text-align:center;cursor:pointer;transition:.18s}.media-file-picker:hover,.media-file-picker:focus-within{border-color:var(--blue);background:#f3f8ff;box-shadow:0 0 0 3px rgba(31,111,235,.1)}.media-file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.media-file-picker strong{font-size:14px}.media-file-picker small,.media-upload-fields .field>small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.4}.media-file-icon,.media-empty-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#e7f0fc;color:var(--blue);font-size:22px;font-weight:900}.media-upload-fields{align-items:start}.media-upload-fields .field>small{margin-top:-2px}.media-upload-actions{display:flex;justify-content:flex-end}.media-library-panel{overflow:hidden}.media-empty-state{max-width:590px;margin:auto;padding:55px 24px}.media-empty-icon{width:54px;height:54px;margin:0 auto 15px;font-size:28px}.media-empty-state p{max-width:510px;margin:0 auto 14px;line-height:1.6}.media-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:22px}.media-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--white);box-shadow:0 8px 22px rgba(10,32,60,.05)}.media-card-image{aspect-ratio:4/3;background:#edf2f8}.media-card-image img{width:100%;height:100%;object-fit:cover}.media-card-body{display:grid;gap:9px;padding:15px}.media-card-body>strong{overflow:hidden;color:#173a64;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.media-card-body>p{min-height:18px;margin:0;color:var(--muted);font-size:12px;line-height:1.45}.media-card-body>small{color:var(--muted);font-size:11px;line-height:1.4}.media-category-badge{width:max-content;background:#e9f2ff;color:#245a9c;white-space:normal}.media-card-edit{display:grid;gap:9px;margin-top:4px;padding-top:13px;border-top:1px solid #e8edf3}.media-card-edit .field{font-size:11px}.media-card-edit .field input,.media-card-edit .field select{min-height:39px;padding:9px 10px;font-size:12px}.media-card-actions{display:flex;flex-wrap:wrap;gap:7px;padding-top:3px}.media-card-actions form{display:contents}.media-card-actions .button{flex:1 1 100%;white-space:normal}.danger-button{border:1px solid #efc4c0;background:#fff0ef;color:var(--red)}.danger-button:hover{background:#fee2e0}

/* Page Composer media control */
.composer-page{display:grid;gap:18px}.composer-page-head,.composer-block header,.composer-block-actions,.composer-page-settings{display:flex;gap:12px;align-items:center;justify-content:space-between}.composer-page-head h2{margin:3px 0}.composer-page-settings{padding:16px}.composer-page-settings .field{flex:1}.composer-blocks{display:grid;gap:14px}.composer-block{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(10,32,60,.05)}.composer-block.is-hidden{opacity:.68}.composer-block>header{padding:16px 18px;border-bottom:1px solid var(--line)}.composer-block>header>div{display:flex;gap:12px;align-items:flex-start}.composer-block p,.composer-block strong,.composer-block small{display:block;margin:0}.composer-block p{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.composer-block strong{color:#173a64}.composer-block small{max-width:540px;margin-top:4px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-drag{color:#9badc0;font-size:19px}.composer-block-actions{justify-content:flex-start;flex-wrap:wrap;padding:12px 18px}.composer-block-actions form{display:contents}.composer-order{margin-left:auto!important}.composer-order button{min-width:34px}.composer-editor,.composer-design{margin:0;padding:18px;border-top:1px solid var(--line);background:#f8fbff}.composer-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.composer-language-grid section,.composer-fields{display:grid;gap:10px}.composer-editor h3,.composer-design h3{margin:0 0 5px;color:#24466f;font-size:13px}.composer-fields{margin-top:18px}.composer-design-option{display:inline-flex;gap:8px;margin:0 10px 12px 0;padding:10px 12px;border:1px solid #ccd6e3;border-radius:9px;background:#fff;font-weight:700}.composer-design-option:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px rgba(31,111,235,.12)}
.composer-media-control{display:grid;gap:10px;margin-top:4px;padding:14px;border:1px solid #dbe5f0;border-radius:11px;background:#f8fbff}.composer-media-preview{display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;align-items:center}.composer-media-preview img,.composer-media-placeholder{width:64px;height:52px;border-radius:8px;object-fit:cover}.composer-media-placeholder{display:grid;place-items:center;border:1px dashed #aebfd2;background:#fff;color:#6b819a;font-size:10px;font-weight:800}.composer-media-preview strong{display:block;color:#24466f;font-size:12px}.composer-media-preview small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.composer-media-actions{display:flex;flex-wrap:wrap;gap:8px}.composer-media-actions .button{min-height:38px}.composer-media-control select{width:100%;min-height:42px;padding:10px;border:1px solid #ccd6e3;border-radius:8px;background:#fff;color:var(--ink)}

@media(max-width:1180px){.media-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.media-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-upload-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.media-upload-fields .field:last-child{grid-column:1/-1}}
@media(max-width:620px){.media-library-intro{align-items:flex-start;flex-direction:column}.media-library-intro .button{width:100%}.media-upload-form{padding:16px}.media-upload-fields,.media-card-grid{grid-template-columns:1fr}.media-upload-fields .field:last-child{grid-column:auto}.media-upload-actions .button{width:100%}.media-card-grid{padding:16px}.media-file-picker{min-height:154px}.composer-media-actions .button{flex:1}.media-empty-state{padding:42px 18px}}
@media(max-width:760px){.media-toolbar{align-items:stretch;flex-direction:column;padding:14px 16px}.media-search{min-width:0}.media-modal{align-items:end;padding:0}.media-modal-panel{max-height:92vh;border-radius:16px 16px 0 0}.media-modal-actions{flex-direction:column-reverse}.media-modal-actions .button{width:100%}}

/* Insurance products and beauty services */
.vertical-page-actions{margin-bottom:22px}.vertical-resource-form{display:grid;gap:20px;padding-bottom:88px}.vertical-form-heading,.vertical-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px}.vertical-form-heading h2{margin:3px 0 0}.vertical-form-actions{display:flex;gap:9px}.vertical-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}.vertical-editor-main{display:grid;gap:20px}.vertical-editor-main>.panel,.vertical-editor-aside>.panel{padding:22px}.vertical-editor-main h3,.vertical-editor-aside h3{margin:0 0 18px;color:#173a64}.vertical-editor-main label,.vertical-editor-aside label,.vertical-language-grid label{display:grid;gap:7px;color:#334155;font-size:12px;font-weight:800}.vertical-editor-main input,.vertical-editor-main select,.vertical-editor-main textarea,.vertical-editor-aside input,.vertical-editor-aside select{width:100%;min-height:42px;padding:10px 11px;border:1px solid #ccd6e3;border-radius:8px;background:#fff;color:var(--ink);font:inherit}.vertical-editor-main textarea{resize:vertical;line-height:1.55}.vertical-language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vertical-language-grid>div{display:grid;gap:13px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.vertical-language-grid>div>strong{color:#315b8c;font-size:12px;letter-spacing:.08em}.vertical-editor-aside{position:sticky;top:18px}.vertical-editor-aside .panel{display:grid;gap:16px}.vertical-editor-aside .checkbox-line{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.vertical-editor-aside .checkbox-line input{width:18px;min-height:18px}.vertical-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.vertical-media-option{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.vertical-media-option:has(input:checked){border-color:#7ea9dd;background:#f5f9ff}.vertical-media-option img{width:100%;aspect-ratio:4/3;border-radius:7px;object-fit:cover}.vertical-media-option strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.vertical-media-option label{display:flex;align-items:center;gap:7px}.vertical-media-option input{width:16px;min-height:16px}.vertical-clear-media{display:flex!important;align-items:center;gap:8px;margin-top:13px}.vertical-clear-media input{width:16px;min-height:16px}.vertical-form-footer{justify-content:flex-end}.vertical-list-header,.vertical-list-row{display:grid;grid-template-columns:minmax(250px,1fr) 230px 70px minmax(190px,auto);gap:18px;align-items:center;padding:15px 20px}.vertical-list-header{border-bottom:1px solid var(--line);background:#f8fafc;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.vertical-list-row{border-bottom:1px solid var(--line)}.vertical-list-row:last-child{border-bottom:0}.vertical-list-identity{display:flex;align-items:center;gap:12px;min-width:0}.vertical-list-identity img{width:62px;height:52px;flex:0 0 auto;border-radius:8px;object-fit:cover}.vertical-list-identity strong,.vertical-list-identity small{display:block}.vertical-list-identity small{margin:5px 0;color:var(--muted);overflow-wrap:anywhere}.vertical-inline-status{display:flex;gap:6px;margin-top:7px}.vertical-inline-status select{min-width:110px;padding:6px;border:1px solid var(--line);border-radius:6px;background:#fff}.vertical-inline-status button{border:0;background:none;color:var(--blue);font-size:11px;font-weight:900}.vertical-resource-list .empty-state{padding:50px 22px;text-align:center}.vertical-preview{overflow:hidden}.vertical-preview header{display:grid;grid-template-columns:minmax(240px,.8fr) 1fr;gap:28px;align-items:center;padding:28px}.vertical-preview header>img{width:100%;max-height:360px;border-radius:12px;object-fit:cover}.vertical-preview header h2{margin:12px 0;font:700 36px Georgia,serif}.vertical-preview header p{color:var(--muted);line-height:1.7}.vertical-preview-body{padding:28px;border-top:1px solid var(--line);line-height:1.75}.vertical-preview-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 28px 28px}.vertical-preview-gallery img{width:100%;aspect-ratio:4/3;border-radius:9px;object-fit:cover}.vertical-preview footer{display:grid;gap:4px;padding:20px 28px;background:#f8fafc}.vertical-preview footer small{color:var(--muted)}
@media(max-width:1050px){.vertical-editor-grid{grid-template-columns:1fr}.vertical-editor-aside{position:static}.vertical-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vertical-list-header{display:none}.vertical-list-row{grid-template-columns:minmax(0,1fr) 220px auto}.vertical-list-row>div:nth-child(3){display:none}}
@media(max-width:760px){.vertical-resource-form{padding-bottom:120px}.vertical-form-heading,.vertical-form-footer{align-items:stretch;flex-direction:column;padding:17px}.vertical-form-actions{display:grid}.vertical-form-actions .button,.vertical-form-footer .button{width:100%}.vertical-editor-main>.panel,.vertical-editor-aside>.panel{padding:17px}.vertical-language-grid{grid-template-columns:1fr}.vertical-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vertical-list-row{grid-template-columns:1fr;gap:13px;padding:17px}.vertical-list-row>.action-list{justify-content:flex-start;flex-wrap:wrap}.vertical-preview header{grid-template-columns:1fr;padding:18px}.vertical-preview header h2{font-size:30px}.vertical-preview-body{padding:18px}.vertical-preview-gallery{grid-template-columns:1fr 1fr;padding:0 18px 18px}.vertical-preview footer{padding:18px}}
@media(max-width:480px){.vertical-media-grid,.vertical-preview-gallery{grid-template-columns:1fr}.vertical-list-identity{align-items:flex-start}.vertical-inline-status{align-items:stretch;flex-direction:column}.vertical-inline-status button{min-height:36px;text-align:left}}