/* AXDIA Website Factory V5 additive UI */
:root{--z-canvas:1;--z-toolbar:30;--z-panel:40;--z-dropdown:70;--z-popover:80;--z-modal:100;--z-toast:120;--z-assistant:130}
.v5-app .side-tabs{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;display:flex;gap:4px;white-space:nowrap}
.v5-app .side-tabs button{flex:0 0 auto;min-width:68px}
.v5-completion-pill{border:1px solid #453c36;background:#231d18;color:#e0edfb;border-radius:999px;padding:7px 10px;font-weight:800;font-size:12px;cursor:pointer}
.v5-completion-pill:hover{border-color:#e9977e;color:#ffffff}
.v5-guest-note{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;margin:0 0 10px;border-radius:12px;background:#112219;border:1px solid #294e3a;color:#c5efd8;font-size:12px}
.v5-guest-note span{color:#acc3b6}
.v5-completion-card{border:1px solid #433a33;background:linear-gradient(180deg,#241e19,#1c1714);border-radius:14px;padding:12px;margin-bottom:10px}
.v5-completion-head{display:flex;justify-content:space-between;gap:10px}.v5-completion-head>div{display:flex;flex-direction:column}.v5-completion-head b{font-size:24px}.v5-completion-head span{font-size:11px;color:#aea59e}
.v5-meter{height:7px;background:#342d28;border-radius:999px;overflow:hidden;margin:10px 0}.v5-meter i{display:block;height:100%;background:linear-gradient(90deg,#e58a6e,#3b8be7);border-radius:inherit}
.v5-cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.v5-cat-grid>div{background:#201b17;border:1px solid #3e362f;border-radius:9px;padding:7px;display:flex;justify-content:space-between;gap:8px;font-size:11px}.v5-cat-grid span{color:#b1a79f}.v5-cat-grid b{color:#eff6fd}
.v5-next-card{border:1px solid #b36d58;background:linear-gradient(135deg,#36211b,#281915);border-radius:14px;padding:12px;margin:10px 0;display:grid;gap:7px}.v5-next-card small{color:#f4b8a6;font-size:10px;font-weight:800}.v5-next-card b{font-size:13px;line-height:1.4}
.v5-center-grid{display:grid;grid-template-columns:1fr;gap:6px}.v5-center-grid>button{border:1px solid #433a33;background:#201b17;color:#f0f6fd;border-radius:11px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:3px;cursor:pointer}.v5-center-grid>button:hover{border-color:#e58a6e;background:#29221c}.v5-center-grid small{color:#b0a59c}
.v5-kit-grid,.v5-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v5-kit-grid button,.v5-brand-grid button{border:1px solid #534840;background:#231d18;color:#f0f6fd;border-radius:14px;padding:12px;display:grid;gap:6px;text-align:left;cursor:pointer}.v5-kit-grid button.selected,.v5-brand-grid button.selected,.v5-mode-grid button.selected{border-color:#f09d83;box-shadow:0 0 0 2px #655df633}.v5-kit-grid span{font-size:28px}.v5-kit-grid small,.v5-brand-grid small{color:#aea59e}.v5-brand-grid>button>span{height:42px;border-radius:8px}
.v5-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.v5-mode-grid button{padding:16px;border-radius:14px;border:1px solid #524840;background:#231d18;color:#f0f6fd;display:grid;gap:4px;cursor:pointer}.v5-mode-grid small{color:#b0a59d}.v5-guide-modes{display:flex;gap:5px;padding:0 14px 8px}.v5-guide-modes button{border:1px solid #524840;background:#231d18;color:#bdb3ab;padding:6px 9px;border-radius:999px;font-size:11px;cursor:pointer}.v5-guide-modes button.active{background:#e58a6e;color:white;border-color:#e58a6e}
.v5-score{display:flex;align-items:flex-end;gap:10px;margin:4px 0 12px}.v5-score b{font-size:38px}.v5-score span{color:#aea59e;padding-bottom:5px}.v5-checks{display:grid;gap:5px;max-height:48vh;overflow:auto}.v5-audit-cols,.v5-dual-score{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v5-audit-cols>div,.v5-dual-score>div{border:1px solid #473e38;background:#231d18;border-radius:12px;padding:12px;display:grid;gap:3px}.v5-audit-cols span,.v5-dual-score span{color:#afa59e}.v5-dual-score{grid-template-columns:1fr 1fr}.v5-dual-score b{font-size:28px}
.v5-asset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:40vh;overflow:auto}.v5-asset-list>div{border:1px solid #473e38;background:#231d18;border-radius:10px;padding:8px;display:grid;gap:3px}.v5-asset-list span,.v5-asset-list small{color:#ada49d}.v5-asset-list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-business-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v5-business-copy{border:1px solid #463d36;background:#231d18;border-radius:12px;padding:9px;display:grid;gap:6px}.v5-business-copy textarea{min-height:90px}.v5-qr{display:flex;gap:18px;align-items:center}.v5-qr img{width:150px;height:150px;background:#ffffff;padding:6px;border-radius:10px}
.v5-form-toolbar{display:flex;gap:8px;align-items:end;margin-bottom:10px}.v5-field-list{display:grid;gap:6px;max-height:48vh;overflow:auto;margin:8px 0}.v5-form-field{display:grid;grid-template-columns:28px 130px 1fr auto 32px 32px 32px;gap:5px;align-items:center;border:1px solid #463d36;border-radius:10px;padding:6px;background:#201b17}.v5-form-field>span{display:grid;place-items:center;color:#a69b92}.v5-form-field label{font-size:11px;color:#b6aca5;white-space:nowrap}
.site-form .site-field{display:grid;gap:5px}.site-form .site-field>span,.site-form fieldset legend{font-size:.85rem;font-weight:650}.site-form .site-check{display:flex;align-items:flex-start;gap:8px}.site-form input,.site-form textarea,.site-form select{width:100%;box-sizing:border-box}.site-form fieldset{border:0;padding:0;margin:0;display:grid;gap:7px}
.v5-page-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.v5-page-checks label{border:1px solid #473e38;border-radius:9px;padding:8px;font-size:12px}.v5-inspector-banner{margin:8px;border:1px solid #bc7762;background:#321f1a;border-radius:12px;padding:9px;display:grid;gap:4px}.v5-inspector-banner span{font-size:11px;color:#ccc1b8}
.v5-preview-overlay{position:fixed;inset:0;background:#110e0c;z-index:var(--z-modal);display:grid;grid-template-rows:52px 1fr}.v5-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;background:#1e1916;border-bottom:1px solid #403730}.v5-preview-bar>div:first-child{display:flex;align-items:center;gap:8px}.v5-preview-bar span{color:#b4aaa3;font-size:12px}.v5-preview-vp{display:flex;gap:4px}.v5-preview-vp button{background:#28221d;color:#bcb2ab;border:1px solid #4a413a;border-radius:8px;padding:6px 9px}.v5-preview-vp button.active{background:#e58a6e;color:#ffffff;border-color:#e58a6e}.v5-preview-stage{display:grid;place-items:center;overflow:auto;padding:18px}.v5-preview-stage iframe{border:0;background:#ffffff;box-shadow:0 24px 80px #0008;transition:.2s;width:min(100%,1440px);height:100%;min-height:760px}.v5-preview-stage iframe.preview-tablet{width:820px}.v5-preview-stage iframe.preview-mobile{width:390px;min-height:760px}
.v5-theme-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v5-theme-preview{border:1px solid #50463e;background:#231d18;color:#f0f6fd;border-radius:12px;padding:7px;display:grid;gap:7px;cursor:pointer}.v5-theme-preview iframe{pointer-events:none;width:100%;height:180px;border:0;background:#ffffff;border-radius:8px;transform-origin:top left}.v5-theme-preview:hover{border-color:#f09d83}
.modal-backdrop{z-index:var(--z-modal)!important}.toast{z-index:var(--z-toast)!important}.topbar{z-index:var(--z-toolbar)!important}.sidebar,.inspector{z-index:var(--z-panel)}
@media(max-width:1100px){.v5-kit-grid,.v5-brand-grid,.v5-theme-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-form-field{grid-template-columns:24px 110px 1fr}.v5-form-field label,.v5-form-field .mini{grid-column:auto}.v5-business-tabs{grid-template-columns:1fr}}
@media(max-width:720px){.v5-kit-grid,.v5-brand-grid,.v5-theme-compare,.v5-mode-grid{grid-template-columns:1fr}.v5-preview-bar{flex-wrap:wrap;height:auto}.v5-preview-overlay{grid-template-rows:auto 1fr}.v5-preview-stage{padding:6px}.v5-preview-stage iframe.preview-desktop,.v5-preview-stage iframe.preview-tablet{width:100%}.v5-qr{flex-direction:column;align-items:flex-start}.v5-asset-list{grid-template-columns:1fr}.v5-form-field{grid-template-columns:26px 1fr}.v5-form-field>*{min-width:0}.v5-page-checks{grid-template-columns:1fr}.v5-guest-note{align-items:flex-start;flex-direction:column}}
.v5-center-grid-extra{margin-top:10px}.v5-smart-sections{display:grid;gap:8px}.v5-smart-sections>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line,#e7e4e1);border-radius:12px}.v5-smart-sections span{display:grid;gap:2px}.v5-smart-sections small{opacity:.68}.v5-perf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v5-perf>div{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line,#e7e4e1);border-radius:10px}.v5-preview-overlay{z-index:var(--z-modal,1000)!important}.v5-center-grid button,.v5-mode-grid button,.v5-kit-grid button{min-width:0;overflow:hidden}.tabs,.topbar,.top-right{min-width:0}.tabs{overflow-x:auto;scrollbar-width:thin}.modal-card{max-height:min(90vh,900px);overflow:auto}.v5-page-checks{max-height:200px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}@media(max-width:760px){.v5-page-checks,.v5-perf{grid-template-columns:1fr}.v5-preview-bar{flex-wrap:wrap}.v5-preview-vp{order:3;width:100%;justify-content:center}}
.site-section[style*="--v5-hero-overlay"]{isolation:isolate}.site-section[style*="--v5-hero-overlay"]::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--v5-hero-overlay));pointer-events:none;z-index:0}.site-section[style*="--v5-hero-overlay"]>.site-section-inner{z-index:1}
.v5-static-field{border:1px solid var(--line,#403a36);border-radius:9px;padding:9px;background:var(--panel2,#201d1b);font-size:11px}