/* Product styles migrated from confirmed AIPH_00120 Demo v2. */
.account-language{--accent:#28665b;--soft:#e8f0ed;--line:#e2e7e4;--muted:#65716d;color:#202728;background:#fff;display:flex;flex-direction:column;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}.account-language *{box-sizing:border-box}.account-language button,.account-language input{font:inherit}.account-language button{cursor:pointer}.account-language button:disabled{opacity:.5;cursor:default}.account-language :focus-visible{outline:3px solid #86b9ab;outline-offset:3px}.account-language :is(p,span,h2,h4,button){overflow-wrap:anywhere}
.account-language .appbar{display:flex;align-items:center;gap:10px;padding:9px 16px 13px;border-bottom:1px solid #f0f2f0;min-height:57px}
.account-language .appbar h4{font-size:15px;margin:0;font-weight:650;line-height:1.35}
.account-language .back{border:0;background:none;padding:4px 10px 4px 0;min-height:36px;font-size:23px;color:#53635c}
.account-language .content{padding:22px 20px;flex:1;min-width:0}
.account-language .content.welcome{padding-top:54px}
.account-language .mark{width:48px;height:48px;background:var(--soft);border-radius:15px;display:grid;place-items:center;font-size:22px;color:var(--accent);margin-bottom:30px}
.account-language .content h2{font-size:24px;line-height:1.3;letter-spacing:-.6px;margin:0 0 12px}
.account-language .sub{font-size:13px;color:var(--muted);margin:0 0 23px;line-height:1.6}
.account-language .lang-options{border:0;padding:0;margin:20px 0;display:grid;gap:10px}
.account-language .lang-option{position:relative;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px;padding:15px 14px;cursor:pointer;min-height:62px}
.account-language .lang-option:has(input:checked){border-color:var(--accent);background:#f3f8f5}
.account-language .lang-option input{accent-color:var(--accent);width:17px;height:17px;margin:0}
.account-language .lang-option span{font-size:14px;font-weight:600}
.account-language .lang-option small{font-size:11px;margin-left:auto;color:var(--muted)}
.account-language .footer{padding:0 20px 24px;display:grid;gap:10px}
.account-language .primary,.account-language .secondary,.account-language .text-button{border-radius:9px;min-height:46px;width:100%;padding:11px 13px;font-size:13px;font-weight:600;line-height:1.4}
.account-language .primary{background:var(--accent);color:white;border:1px solid var(--accent)}
.account-language .secondary{border:1px solid var(--line);background:white;color:#344e43}
.account-language .hint{font-size:11px;color:var(--muted);line-height:1.65;margin:14px 0 0}
.account-language .box{padding:15px;border:1px solid var(--line);border-radius:10px;margin-bottom:17px;font-size:13px;line-height:1.6}
.account-language .box.soft{border-color:transparent;background:#f3f6f3}
.account-language .box.warning{background:#fbf7ed;border-color:#e9dfc4;color:#695b34}
.account-language .box.error{background:#fff6f3;border-color:#e8d6cb;color:#865940}
.account-language .box.success{background:var(--soft);border-color:#d5e5dc;color:#305d4e}/* Long translated labels retain the existing four-column actions and phone entry. */
html:not([lang^="zh"]) .cap-root .bar.root{gap:12px;align-items:center}
html:not([lang^="zh"]) .cap-root .bar.root>h1{flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere}
html:not([lang^="zh"]) .cap-root .rootbar-actions{flex:0 1 44%;max-width:44%;min-width:0}
html:not([lang^="zh"]) .cap-root .rootbar-actions button{font-size:14px;line-height:20px;white-space:normal;overflow-wrap:anywhere;min-width:0}
html:not([lang^="zh"]) .cap-root .rootbar-actions button span{white-space:normal;overflow-wrap:anywhere;min-width:0}
html:not([lang^="zh"]) .cap-root .acquisition-tools{gap:8px}
html:not([lang^="zh"]) .cap-root .acquisition-tools strong{white-space:normal;overflow-wrap:anywhere;line-height:1.4;text-align:center}
html:not([lang^="zh"]) .cap-root .customer-create-row{align-items:center;gap:12px;justify-content:space-between}
html:not([lang^="zh"]) .cap-root .customer-create-row h2{min-width:0;flex:1;white-space:normal;overflow-wrap:anywhere}
html:not([lang^="zh"]) .cap-root .customer-create-row button{flex-shrink:0}
@media(max-width:380px){html[lang="id"] .cap-root .acquisition-tools strong{font-size:11px;letter-spacing:-.1px}}