/* ============================================================
   Moonya v2 — Brend i nalog (Settings)
   Izvor: design-previews/moonya-brand-account-concept.html
   View-scoped (#v-settings): ne curi u druge ekrane.
   JS-renderovane kutije (billBox, styleKitBox, br_doc_row, Clerk)
   zadržavaju svoje klase — ovde se samo stilizuju.
   ============================================================ */

#v-settings .stv2-page{width:min(1240px,100%);margin:0 auto;min-width:0}
#v-settings .stv2-page *,#v-settings .stv2-page *::before,#v-settings .stv2-page *::after{box-sizing:border-box}

/* ---- Command ---- */
#v-settings .stv2-command{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:12px 0 22px}
#v-settings .stv2-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:#1765bb!important;font:700 10.5px "Space Mono",monospace!important;letter-spacing:.16em;text-transform:uppercase}
#v-settings .stv2-eyebrow::before{content:"";width:28px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--moonya-cyan),var(--moonya-violet))}
#v-settings .stv2-title{margin:0!important;font:800 clamp(38px,4.3vw,60px)/.98 "Bricolage Grotesque",sans-serif!important;letter-spacing:-.05em!important;color:var(--moonya-navy-950)!important}
#v-settings .stv2-desc{margin:12px 0 0!important;color:var(--moonya-muted)!important;font-size:13px}

/* ---- Shell / panel ---- */
#v-settings .stv2-shell{min-width:0;padding:9px;border:1px solid rgba(203,216,237,.8);border-radius:26px;background:rgba(225,234,248,.62);box-shadow:var(--moonya-shadow)}
#v-settings .stv2-panel{max-width:none!important;margin:0!important;border:1px solid var(--moonya-line)!important;border-radius:19px!important;background:#fff!important;box-shadow:none!important;padding:0!important;overflow:hidden}
#v-settings .stv2-panel:hover{box-shadow:none!important;border-color:var(--moonya-line)!important;transform:none!important}

/* ---- Tabovi ---- */
#v-settings .stv2-tabs{display:flex;align-items:center;gap:6px;margin:0!important;padding:12px!important;border-bottom:1px solid var(--moonya-line)!important;background:#fff;overflow-x:auto;scrollbar-width:thin}
#v-settings .stv2-tabs [role=tab]{min-height:43px;padding:0 16px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#697791!important;white-space:nowrap;font-size:11.5px!important;font-weight:800!important;cursor:pointer;flex:0 0 auto}
#v-settings .stv2-tabs [role=tab]:hover{background:#f4f7fc!important;color:var(--moonya-navy-950)!important}
#v-settings .stv2-tabs [role=tab].on{color:#fff!important;background:linear-gradient(110deg,#1458b8,#7748df)!important;box-shadow:0 8px 18px rgba(49,74,180,.16)!important}
#v-settings #brSaved{margin-left:auto;flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#e9f8f2;color:#16825e;font:700 9px "Space Mono",monospace;white-space:nowrap}

/* ---- Paneli ---- */
#v-settings .set-panel{padding:26px 28px 8px!important}
#v-settings .stv2-sec-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 22px}
#v-settings .stv2-sec-head h3,#v-settings .stv2-sec-head h3[data-i18n]{margin:0!important;font:800 24px "Bricolage Grotesque",sans-serif!important;letter-spacing:-.02em!important;color:var(--moonya-navy-950)!important}
#v-settings .stv2-sec-head p{max-width:720px;margin:7px 0 0!important;color:var(--moonya-muted)!important;font-size:12.5px!important;line-height:1.6}
#v-settings .stv2-sec-head p b{color:#4d5e7c}

/* ---- Forma ---- */
#v-settings .stv2-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#v-settings .stv2-field{display:grid;gap:7px;min-width:0;align-content:start}
#v-settings .stv2-field.stv2-full{grid-column:1/-1}
#v-settings .stv2-field label.fsub{margin:0!important;color:#2b3b57!important;font-size:11px!important;font-weight:800!important}
#v-settings .stv2-field .stv2-hint{margin-top:2px;color:#929db1!important;font-size:10.5px!important;line-height:1.45}
#v-settings .set-panel input.inp,#v-settings .set-panel select.inp{height:47px;padding:0 14px!important;border:1px solid #cbd9ec!important;border-radius:13px!important;background:#f9fbff!important;color:var(--moonya-navy-950)!important;font-size:12.5px!important}
#v-settings .set-panel textarea.inp{min-height:96px!important;padding:12px 14px!important;border:1px solid #cbd9ec!important;border-radius:13px!important;background:#f9fbff!important;color:var(--moonya-navy-950)!important;font-size:12.5px!important;line-height:1.55;resize:vertical}
#v-settings .set-panel .inp:focus{outline:0!important;border-color:#59cce9!important;background:#fff!important;box-shadow:0 0 0 3px rgba(23,194,235,.13)!important}

/* ---- Vizuelni identitet ---- */
#v-settings .stv2-visual{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:22px;align-items:start}
#v-settings .stv2-preview-wrap{display:grid;place-items:center;min-height:340px;padding:24px;border-radius:18px;background:linear-gradient(145deg,#e7f7ff,#f4efff)}
#v-settings .stv2-preview-wrap .vp-engine-host{width:min(330px,100%)}
#v-settings .stv2-visual-side{min-width:0}
#v-settings .stv2-colors{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:14px}
#v-settings .stv2-color{display:flex;align-items:center;gap:11px;padding:10px 11px;border:1px solid var(--moonya-line);border-radius:14px;background:#fafcff;cursor:pointer;min-width:0}
#v-settings .stv2-color:hover{border-color:#c4d4ec}
#v-settings .stv2-color input[type=color]{width:42px;height:42px;flex:0 0 auto;padding:3px!important;border:0!important;border-radius:10px;background:transparent!important;cursor:pointer}
#v-settings .stv2-color span{min-width:0}
#v-settings .stv2-color b{display:block;color:#2b3b57;font-size:11px}
#v-settings .stv2-color em{display:block;margin-top:3px;color:#8a96aa;font:500 9.5px "Space Mono",monospace;font-style:normal}
#v-settings .stv2-note{padding:12px;border-radius:13px;background:#f0f6ff;color:#5c6d87!important;font-size:10.5px!important;line-height:1.55;margin:0!important}

/* ---- Templejtovi (engine kutija — JS markup) ---- */
#v-settings .vp-engine-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
#v-settings .vp-engine-settings-head b{display:block;color:var(--moonya-navy-950);font:800 14px "Bricolage Grotesque",sans-serif}
#v-settings .vp-engine-settings-head span{display:block;margin-top:3px;color:#7d899c;font-size:11px}
#v-settings .vp-engine-settings-head .pill{flex:0 0 auto}
#v-settings .vp-engine-variant-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
#v-settings .vp-engine-variant-row>div{display:flex;gap:7px}
#v-settings .vp-engine-variant-row button{min-height:38px;padding:0 14px!important;border:1px solid var(--moonya-line)!important;border-radius:11px!important;background:#fff!important;color:#6c7890!important;font-size:10.5px!important;font-weight:800!important;cursor:pointer}
#v-settings .vp-engine-variant-row button.on{color:#1761b8!important;border-color:#79cdea!important;background:#effaff!important}
#v-settings .settings-template-gallery{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#v-settings .settings-template-gallery .au-layout-pill{position:relative;display:grid!important;gap:8px!important;min-width:0;min-height:0!important;overflow:hidden!important;padding:7px!important;border:1px solid var(--moonya-line)!important;border-radius:14px!important;background:#fff!important;color:var(--moonya-ink)!important;font-size:10px!important;font-weight:800!important;text-align:left!important;box-shadow:none!important;cursor:pointer}
#v-settings .settings-template-gallery .au-layout-engine{position:relative;display:block;width:100%;aspect-ratio:4/5;overflow:hidden;border:1px solid #e4e9f2;border-radius:10px;background:#f7f8fb}
#v-settings .settings-template-gallery .au-layout-engine.is-story{aspect-ratio:9/16}
#v-settings .settings-template-gallery .au-layout-pill.on{border-color:#215bc3!important;background:#f0f5ff!important;box-shadow:0 0 0 3px rgba(18,200,242,.22),0 14px 30px rgba(9,43,120,.1)!important}
#v-settings .settings-template-gallery .au-layout-selected-badge{position:absolute;z-index:4;top:14px;left:14px;max-width:calc(100% - 28px);overflow:hidden;padding:5px 6px;border-radius:8px;background:#143e91;color:#fff;font-size:7px;font-weight:850;letter-spacing:.02em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;box-shadow:0 7px 16px rgba(20,62,145,.24)}
#v-settings .settings-template-gallery .au-layout-pill-name{display:block;overflow:hidden;padding:0 3px 2px;text-overflow:ellipsis;white-space:nowrap}
#v-settings .settings-custom-templates{margin-top:22px;padding-top:22px;border-top:1px solid var(--moonya-line)}
#v-settings .settings-custom-templates .aw-custom-template-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}
#v-settings .settings-custom-templates .aw-custom-template-head b{display:block;color:var(--moonya-navy-950);font-size:14px}
#v-settings .settings-custom-templates .aw-custom-template-head span{display:block;margin-top:4px;color:#748198;font-size:10.5px;line-height:1.5}
#v-settings .settings-custom-templates .aw-custom-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
#v-settings .settings-custom-templates .aw-custom-template-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--moonya-line);border-radius:16px;background:#fff;box-shadow:0 9px 24px rgba(9,43,120,.04)}
#v-settings .settings-custom-templates .aw-custom-template-select{display:block;width:100%;padding:10px 10px 13px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
#v-settings .settings-custom-templates .aw-custom-template-media{display:grid;position:relative;aspect-ratio:4/5;overflow:hidden;place-items:center;border-radius:11px;background:linear-gradient(145deg,#eef8ff,#f4efff);color:#6554df;font-size:28px}
#v-settings .settings-custom-templates .aw-custom-template-media.is-story{aspect-ratio:9/16}
#v-settings .settings-custom-templates .aw-custom-template-media img{display:block;width:100%;height:100%;object-fit:cover}
#v-settings .settings-custom-templates .aw-custom-template-copy{display:block;min-width:0;padding:10px 2px 0}
#v-settings .settings-custom-templates .aw-custom-template-copy b{display:block;overflow:hidden;color:#101828;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
#v-settings .settings-custom-templates .aw-custom-template-copy small{display:block;margin-top:4px;color:#667085;font-size:9.5px}
#v-settings .settings-custom-templates .aw-custom-template-delete{display:grid;position:absolute;z-index:2;top:17px;right:17px;width:34px;height:34px;place-items:center;border:1px solid rgba(228,84,103,.22);border-radius:10px;background:rgba(255,255,255,.94);color:#c83f55;cursor:pointer}
#v-settings .settings-custom-templates .aw-custom-template-delete svg{width:16px;height:16px}
#v-settings .settings-custom-templates .au-layout-custom{min-height:100%;padding:10px;border:1px dashed #a9bce0;border-radius:16px;background:linear-gradient(145deg,#f6fbff,#f5f1ff);color:#5141cf;cursor:pointer}
#v-settings .settings-custom-templates .au-layout-custom-art{display:grid;min-height:180px;place-items:center;font-size:32px}
#v-settings .set-ai-image-count{display:grid;gap:8px;margin-top:18px;padding:14px;border:1px solid var(--moonya-line);border-radius:14px;background:#f9fbff}
#v-settings .set-ai-image-count>span{color:#5c6d87;font-size:11px;line-height:1.5}

/* ---- Pretplata (bill-* — JS markup) ---- */
#v-settings .bill-now{padding:20px;border:0;border-radius:18px;color:#fff;background:linear-gradient(125deg,#0a397c,#174fa1 60%,#5631a1);margin-bottom:14px}
#v-settings .bill-now-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
#v-settings .bill-now-plan{font:800 26px "Bricolage Grotesque",sans-serif;margin-bottom:7px;color:#fff}
#v-settings .bill-now span,#v-settings .bill-now p{color:inherit}
#v-settings .bill-now .btn{border:0;background:#fff;color:#0a397c}
#v-settings .bill-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font:700 8.5px "Space Mono",monospace;background:rgba(255,255,255,.16);color:#c9ecff}
#v-settings .bill-badge.on{background:rgba(49,233,168,.18);color:#8ef5cf}
#v-settings .bill-badge.warn{background:rgba(242,159,61,.2);color:#ffd9a8}
#v-settings .bill-badge.off{background:rgba(255,255,255,.14);color:#d7e3f8}
#v-settings .bill-cred-lbl{display:flex;justify-content:space-between;margin-bottom:7px;font-size:11px;color:#cfdcf5}
#v-settings .bill-cred-lbl b{color:#fff}
#v-settings .bill-extra{color:#8ef5cf;font-weight:700}
#v-settings .bill-bar{height:7px;border-radius:9px;background:rgba(255,255,255,.18);overflow:hidden}
#v-settings .bill-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--moonya-cyan),#b08cff)}
#v-settings .bill-accts{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);color:#c9d8f2;font-size:11px}
#v-settings .bill-accts b{color:#fff}
#v-settings .bill-subtrial{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:0;border:0;color:#edf5ff;font-size:12px;line-height:1.55}
#v-settings .bill-subtrial-copy{min-width:0;flex:1;color:#edf5ff}
#v-settings .bill-now .bill-subtrial-cta{min-height:42px!important;flex:0 0 auto;margin:0!important;padding:9px 15px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:11px!important;background:#fff!important;color:#0a397c!important;box-shadow:0 8px 20px rgba(4,21,63,.2)!important;font-weight:800!important}
#v-settings .bill-now .bill-subtrial-cta:hover{border-color:#b9ecfa!important;background:#eaf9ff!important;color:#082f6c!important}
#v-settings .bill-now .bill-subtrial-cta:focus-visible{outline:3px solid rgba(18,200,242,.55)!important;outline-offset:3px!important}
#v-settings .bill-ivrow{display:flex;justify-content:center;margin:16px 0}
#v-settings .bill-iv{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--moonya-line);border-radius:12px;background:#f4f7fc}
#v-settings .bill-iv button{min-height:36px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:#697791;font-size:11px;font-weight:800;cursor:pointer}
#v-settings .bill-iv button.on{background:#fff;color:var(--moonya-navy-950);box-shadow:0 2px 8px rgba(28,58,115,.1)}
#v-settings .bill-save{color:#16825e;font-weight:800}
#v-settings .bill-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
#v-settings .bill-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--moonya-line);border-radius:16px;background:#fff}
#v-settings .bill-card.hot{border-color:#79cdea;box-shadow:0 0 0 3px #e3f8ff}
#v-settings .bill-card.cur{border-color:#a8e5c9;background:#f6fdf9}
#v-settings .bill-tag{position:absolute;right:12px;top:12px;padding:4px 8px;border-radius:999px;background:#effaff;color:#1761b8;font:700 8px "Space Mono",monospace}
#v-settings .bill-tag.cur{background:#e9f8f2;color:#16825e}
#v-settings .bill-card-name{font:800 16px "Bricolage Grotesque",sans-serif;color:var(--moonya-navy-950)}
#v-settings .bill-card-price b{font:800 27px "Bricolage Grotesque",sans-serif;color:var(--moonya-navy-950)}
#v-settings .bill-card-price span{color:#8d98aa;font-size:11px;margin-left:3px}
#v-settings .bill-card-bnote{color:#8d98aa;font-size:10px}
#v-settings .bill-feat{margin:4px 0 10px;padding:0 0 0 16px;color:#5c6d87;font-size:11px;line-height:1.7}
#v-settings .bill-card .btn{margin-top:auto;justify-content:center}
#v-settings .bill-topup{margin-top:18px;padding:16px;border:1px solid var(--moonya-line);border-radius:16px;background:#f9fbff}
#v-settings .bill-sec-h{margin-bottom:11px;color:var(--moonya-navy-950);font-weight:800;font-size:12.5px}
#v-settings .bill-sec-h span{color:#8d98aa;font-weight:600;font-size:10.5px}
#v-settings .bill-topup-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#v-settings .bill-topup-row-large{margin-top:14px;padding-top:14px;border-top:1px solid var(--moonya-line)}
#v-settings .bill-tp{display:grid;gap:2px;padding:12px;border:1px solid var(--moonya-line);border-radius:13px;background:#fff;cursor:pointer;text-align:center}
#v-settings .bill-tp:hover,#v-settings .bill-tp:focus-visible{border-color:#79cdea;background:#effaff}
#v-settings .bill-tp:focus-visible{outline:3px solid rgba(18,200,242,.45);outline-offset:3px}
#v-settings .bill-tp-large{background:linear-gradient(180deg,#fff 0%,#f5f8ff 100%)}
#v-settings .bill-tp b{color:var(--moonya-navy-950);font-size:14px}
#v-settings .bill-tp span{color:#8d98aa;font-size:9.5px}
#v-settings .bill-tp em{color:#1761b8;font-style:normal;font-weight:800;font-size:11px}
#v-settings .bill-cancel{display:flex;align-items:center;gap:10px;margin-top:16px}

/* ---- Nalog ---- */
#v-settings .stv2-account-card{padding:20px;border:1px solid var(--moonya-line);border-radius:16px;background:#fff;margin-bottom:16px}
#v-settings .stv2-account-card h4{margin:0 0 14px!important;font:800 16px "Bricolage Grotesque",sans-serif!important;color:var(--moonya-navy-950)!important}
#v-settings .stv2-card-desc{margin:-6px 0 12px!important;color:var(--moonya-muted)!important;font-size:12px!important}
#v-settings .stv2-timezone-field{padding:13px;border:1px solid #dce6f4;border-radius:14px;background:#f8fbff}
#v-settings .stv2-timezone-combobox{display:grid;gap:6px;min-width:0}
#v-settings .stv2-timezone-control{display:grid;grid-template-columns:minmax(0,1fr) 47px;min-width:0}
#v-settings .stv2-timezone-control .inp{min-width:0;border-radius:13px 0 0 13px!important;border-right:0!important;background:#fff!important}
#v-settings .stv2-timezone-toggle{display:grid;place-items:center;width:47px;height:47px;padding:0;border:1px solid #cbd9ec;border-radius:0 13px 13px 0;background:#fff;color:#31547f;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
#v-settings .stv2-timezone-toggle:hover{border-color:#9cb9dd;background:#eff6ff;color:#153e83}
#v-settings .stv2-timezone-toggle:focus-visible{position:relative;z-index:1;outline:3px solid rgba(18,200,242,.45);outline-offset:3px}
#v-settings .stv2-timezone-toggle:disabled{cursor:not-allowed;opacity:.5;background:#eef2f7}
#v-settings .stv2-timezone-toggle svg{width:18px;height:18px;transition:transform .22s var(--moonya-ease)}
#v-settings .stv2-timezone-combobox.is-open .stv2-timezone-toggle svg{transform:rotate(180deg)}
#v-settings .stv2-timezone-options{display:grid;gap:3px;max-height:min(280px,42vh);min-width:0;overflow:auto;padding:6px;border:1px solid #cbd9ec;border-radius:13px;background:#fff;box-shadow:0 14px 30px rgba(9,43,120,.12);overscroll-behavior:contain;scrollbar-width:thin}
#v-settings .stv2-timezone-options[hidden]{display:none!important}
#v-settings .stv2-timezone-option{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46%);align-items:center;gap:10px;min-height:43px;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:#fff;color:#203654;text-align:left;cursor:pointer}
#v-settings .stv2-timezone-option:hover,#v-settings .stv2-timezone-option[data-active]{border-color:#b9d6ef;background:#eff7ff}
#v-settings .stv2-timezone-option[aria-selected="true"]{border-color:#81cfe8;background:#eaf9fd;box-shadow:inset 3px 0 0 var(--moonya-cyan)}
#v-settings .stv2-timezone-option span{min-width:0;overflow-wrap:anywhere;font-size:12px;font-weight:800}
#v-settings .stv2-timezone-option small{min-width:0;overflow-wrap:anywhere;color:#70829c;font:600 9.5px/1.35 "Space Mono",monospace;text-align:right}
#v-settings .stv2-timezone-empty{padding:14px 12px;border:1px dashed #cbd9ec;border-radius:13px;background:#fff;color:#667792;font-size:12px;line-height:1.5;text-align:center}
#v-settings .stv2-timezone-empty[hidden]{display:none!important}
#v-settings .stv2-timezone-current{display:block;color:#31547f;font-size:11.5px;font-weight:800;overflow-wrap:anywhere}
#v-settings .stv2-timezone-current.is-warning{color:#8a620b}
#v-settings .stv2-timezone-field small{color:#75859b;font-size:12px;line-height:1.45}
#v-settings .stv2-timezone-error{min-height:18px;color:#b8344c;font-size:12px;font-weight:700}
#v-settings .stv2-timezone-field .inp[aria-invalid="true"]{border-color:#db5a70!important;box-shadow:0 0 0 3px rgba(219,90,112,.12)!important}
#v-settings .stv2-card-actions{display:flex;align-items:center;gap:10px;margin-top:14px}
#v-settings .stv2-network-list{overflow:hidden;border:1px solid var(--moonya-line);border-radius:15px;background:#fbfcff}
#v-settings .stv2-network-list .stv2-network-summary{display:flex;align-items:center;min-height:0;padding:0 13px;background:#fff}
#v-settings .stv2-network-list .stv2-network-summary:empty{display:none}
#v-settings .stv2-network-list .mnp-limit{margin:11px 0 3px}
#v-settings .stv2-network-list .mnp-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px 13px;border-top:1px solid var(--moonya-line)}
#v-settings .stv2-network-list .stv2-network-summary:empty+.mnp-row{border-top:0}
#v-settings .stv2-network-list .msn-ic{width:38px;height:38px;border-radius:11px}
#v-settings .stv2-network-list .msn-ic svg{width:19px;height:19px}
#v-settings .stv2-network-list .mnp-copy b{font-size:12.5px}
#v-settings .stv2-network-list .mnp-copy span{margin-top:2px;font-size:10.5px}
#v-settings .stv2-network-list .mnp-row .btn{min-width:104px;justify-content:center}
#v-settings .stv2-network-loading{display:flex;align-items:center;justify-content:center;gap:9px;min-height:112px;padding:18px;color:var(--moonya-muted);font-size:12px;font-weight:700}
#v-settings .stv2-danger{margin-top:16px;padding:20px;border:1px solid #f2cbd4!important;border-radius:16px;background:#fffafb!important}
#v-settings .stv2-danger h3{margin:0 0 4px!important;font:800 16px "Bricolage Grotesque",sans-serif!important;color:#b13a52!important}
#v-settings .stv2-danger .vp-danger-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #f3dbe1}
#v-settings .stv2-danger .vp-danger-row:first-of-type{border-top:0}
#v-settings .stv2-danger .vp-danger-row b{display:block;color:#2b3b57;font-size:11.5px}
#v-settings .stv2-danger .vp-danger-row span{display:block;max-width:650px;margin-top:4px;color:#8d6972;font-size:10.5px;line-height:1.45}
#v-settings .stv2-danger .btn.danger{flex:0 0 auto;color:#c53c57!important;border-color:#f1c8d1!important;background:#fff!important}
#v-settings .stv2-danger .btn.danger:hover{background:#fff0f3!important}

/* ---- Action bar (globalno čuvanje) ---- */
#v-settings .stv2-action-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 28px 0;padding:18px 0 22px;border-top:1px solid var(--moonya-line)}
#v-settings .stv2-action-bar small{color:#8592a7;font-size:10.5px}
#v-settings .stv2-action-bar:has(#br_savebtn[style*="none"]){display:none}
#v-settings .stv2-save{border:0!important;color:#fff!important;background:linear-gradient(115deg,#103e94,#215bc3 54%,#8350d8)!important;box-shadow:0 11px 24px rgba(33,91,195,.2)!important;min-height:45px;padding:0 20px!important;border-radius:13px!important;font-weight:800!important}
#v-settings .stv2-save:hover{filter:brightness(1.06)}

/* ---- Responsive ---- */
@media(max-width:1050px){
  #v-settings .stv2-visual{grid-template-columns:1fr}
  #v-settings .settings-template-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #v-settings .settings-custom-templates .aw-custom-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #v-settings .bill-plans{grid-template-columns:1fr}
}
@media(max-width:700px){
  #v-settings .stv2-command{display:block}
  #v-settings .stv2-shell{padding:6px}
  #v-settings .set-panel{padding:20px 16px 8px!important}
  #v-settings .stv2-tabs{padding:8px!important}
  #v-settings .stv2-grid,#v-settings .stv2-colors{grid-template-columns:1fr}
  #v-settings .settings-template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #v-settings .settings-custom-templates .aw-custom-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #v-settings .stv2-field.stv2-full{grid-column:auto}
  #v-settings .stv2-preview-wrap{min-height:300px}
  #v-settings .bill-topup-row{grid-template-columns:1fr}
  #v-settings .bill-subtrial{align-items:stretch;flex-direction:column}
  #v-settings .bill-now .bill-subtrial-cta{width:100%;justify-content:center}
  #v-settings .stv2-danger .vp-danger-row{align-items:flex-start;flex-direction:column}
  #v-settings .stv2-danger .vp-danger-row .btn{width:100%}
  #v-settings .stv2-network-list .mnp-row{grid-template-columns:38px minmax(0,1fr);gap:10px}
  #v-settings .stv2-network-list .mnp-row .btn{grid-column:1/-1;width:100%;min-height:40px}
  #v-settings .stv2-action-bar{margin:4px 16px 0;align-items:stretch;flex-direction:column}
  #v-settings .stv2-action-bar .stv2-save{width:100%;justify-content:center}
  #v-settings .stv2-sec-head{align-items:stretch;flex-direction:column}
  #v-settings .stv2-card-actions{align-items:flex-start;flex-direction:column}
  #v-settings .stv2-card-actions .hint{font-size:11.5px;line-height:1.45;overflow-wrap:anywhere}
}
@media(max-width:480px){
  #v-settings .stv2-timezone-option{grid-template-columns:minmax(0,1fr);gap:2px;align-items:start}
  #v-settings .stv2-timezone-option small{text-align:left}
}
@media(prefers-reduced-motion:reduce){#v-settings *{transition-duration:.01ms!important;animation-duration:.01ms!important}}