/* Illustrated settings, scoped to Ventas TikTok. */
.settings-visual{--settings-tone:#176ce7;--settings-light:#9bceff;display:grid;gap:18px;color:#10294b}
.settings-visual--usuarios{--settings-tone:#00765c;--settings-light:#74ed99}.settings-visual--comprobantes{--settings-tone:#5310ac;--settings-light:#e24fff}.settings-visual--vista{--settings-tone:#f28a00;--settings-light:#ffe361}.settings-visual--certificado{--settings-tone:#3039a6;--settings-light:#969bff}.settings-visual--backup{--settings-tone:#007c78;--settings-light:#03ddc6}.settings-visual--tiktokRules{--settings-tone:#a00799;--settings-light:#f64ccc}
.settings-visual .config-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:10px;background:#fff;border:1px solid #e0e8f2;border-radius:15px;box-shadow:0 3px 12px #18345805}.settings-visual .config-tab{display:flex;gap:9px;align-items:center;min-height:44px;font-weight:700;background:#f4f7fb}.settings-visual .config-tab.selected{background:#253900;color:#d2ff26;border-color:#a1cc00}.settings-visual .config-tab i{font-size:18px}
.settings-hero{display:grid;grid-template-columns:94px minmax(0,1fr) 280px;align-items:center;gap:28px;padding:22px 32px;min-height:210px;box-sizing:border-box;border-radius:15px;color:#fff;background:radial-gradient(ellipse at 87% 100%,#ffffff23 0 32%,transparent 32.3%),linear-gradient(110deg,var(--settings-tone),var(--settings-light));overflow:hidden}.settings-hero-icon{display:grid;place-items:center;width:94px;height:94px;border-radius:23px;background:white;color:var(--settings-tone);box-shadow:0 8px 16px #132e5f14;font-size:49px}.settings-hero small{font-size:15px;font-weight:500;letter-spacing:.02em}.settings-hero h2{font-size:34px;line-height:1.15;margin:10px 0 12px;font-weight:800;color:#fff}.settings-hero p{font-size:17px;line-height:1.5;margin:0;max-width:650px;color:#fff}.settings-art{width:280px;height:170px;max-width:100%;transform:scale(1.22);overflow:hidden;pointer-events:none}
.settings-visual .panel{border:1px solid #e0e7f0;border-radius:14px;box-shadow:0 3px 14px #18345804;overflow:hidden;margin:0;background:#fff}.settings-visual .panelhead{padding:22px 26px;background:#fff;gap:16px}.settings-visual h3{font-size:21px;margin:0;color:#10294b;display:flex;align-items:center;gap:12px}.settings-visual .panelhead p{color:#70829b;font-size:14px;margin:5px 0 0}.settings-visual .btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:42px;white-space:normal}.settings-company-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:36px;padding:24px 30px 0}.settings-company-layout aside{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.settings-logo{width:230px;height:190px;border:1px solid #edf1f7;border-radius:13px;display:grid;place-items:center;background:#fff;box-shadow:0 3px 12px #18345806;overflow:hidden;font-size:70px;color:#176ce7}.settings-logo .company-logo{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;margin:0}.settings-company-layout aside .btn{width:230px}.settings-company-layout aside small{font-size:12px;color:#70829b;line-height:1.6;max-width:250px}.settings-data{margin:0;min-width:0}.settings-data>div{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,1.3fr);align-items:center;border-bottom:1px solid #e9eef5;min-height:57px;gap:14px}.settings-data dt{display:flex;gap:15px;align-items:center;font-weight:750}.settings-data dt i{display:grid;place-items:center;flex:none;width:40px;height:40px;background:#f0f4f9;border-radius:10px;font-size:20px}.settings-data dd{margin:0;font-size:16px;overflow-wrap:anywhere}.settings-note{display:flex;gap:14px;align-items:center;background:#edf5ff;border:1px solid #d2e6ff;color:#285084;border-radius:11px;padding:19px 22px;line-height:1.6;font-size:14px;margin:22px 26px}.settings-note i{font-size:25px;flex:none;color:#1670ff}.settings-note.green{background:#e7f9ef;color:#176147}.settings-toolbar{display:flex;justify-content:flex-end;padding:22px 26px}.settings-document .settings-data{margin:0 26px}.settings-document .settings-data>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings-document dd{text-align:right}.settings-document dt i{background:#e9f5ff;color:#1670ff}
.settings-preview{padding:24px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;align-items:start}.settings-receipt-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.settings-receipt-types .btn{padding:10px 5px;font-size:12px}.settings-preview-card{border:1px solid #e1e9f3;border-radius:12px;padding:20px;min-width:0}.settings-preview-card>h3{font-size:15px}.settings-preview-card .receipt{width:min(100%,440px);max-width:100%;margin:20px auto;padding:10px;box-sizing:border-box;text-align:center;font-size:13px}.settings-preview-card .receipt .company-logo{width:85px;height:80px;object-fit:contain;display:block;margin:0 auto}.settings-preview-card .receipt h2{font-size:20px}.settings-preview-card .receipt table{margin:20px 0;font-size:12px;min-width:0;width:100%}.settings-preview-card .receipt th,.settings-preview-card .receipt td{padding:8px 3px;white-space:normal}.settings-preview-card .receipt>h3{justify-content:flex-end}.settings-preview-card>.muted{font-size:12px;line-height:1.6}
.settings-visual .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.settings-visual .stat{padding:22px;border:1px solid #e2e8f2;border-radius:13px;background:#fff}.settings-visual .settings-kpi-icon{display:grid;place-items:center;float:left;margin-right:16px;width:50px;height:50px;border-radius:12px;background:#e5f2ff;color:#1670ff;font-size:30px}.settings-visual .stat:nth-child(2) .settings-kpi-icon{background:#e0fae8;color:#02aa55}.settings-visual .stat:nth-child(3) .settings-kpi-icon{background:#eee5ff;color:#7d3bf0}.settings-visual .stat strong{font-size:25px}.settings-user-filters{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px;padding:0 24px 20px}.settings-user-filters label{display:grid;gap:6px;font-size:13px;font-weight:650}.settings-user-filters input,.settings-user-filters select{width:100%;box-sizing:border-box;height:42px;padding:0 12px;border:1px solid #d7e1ef;border-radius:9px;background:#fff;color:#183458}.settings-visual [hidden]{display:none!important}.settings-visual .tenant-users-panel .tablewrap{overflow-x:auto}.settings-visual .tenant-user-actions .btn{font-size:12px;min-height:34px;padding:6px 9px}
.settings-backup .panelhead{display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:0;padding-bottom:8px}.settings-backup .panelhead h2{display:none}.settings-backup .panelhead>.btn{flex:1;min-width:180px}.settings-backup .panelhead>button:last-child{border-color:#e97c85;color:#c22c40}.settings-backup>p{margin:16px 26px;padding:18px 20px;border:1px solid #c6e6ff;background:#eaf6ff;border-radius:10px;font-size:14px;line-height:1.65}.settings-backup>p+p{background:#e7f9ef;border-color:#bcefd3;color:#22664a}.settings-backup-history>p{margin:0 26px 18px;font-size:13px}.settings-backup-history table{min-width:600px}.settings-visual--certificado>.panel{padding-bottom:24px}.settings-visual--certificado>.panel>p{margin:20px 26px;line-height:1.8;color:#667f9d}.settings-visual .tiktok-settings>.panelhead{display:none}.settings-visual .tiktok-panel-body{padding:24px}.settings-visual .market-product-help{background:#eaf6ff;border:1px solid #c6e6ff;border-radius:10px;padding:16px;color:#285084}.settings-visual textarea{min-height:110px}
@media(max-width:1100px){.settings-hero{grid-template-columns:75px minmax(0,1fr) 180px;gap:18px;padding:24px}.settings-hero-icon{width:75px;height:75px;font-size:40px}.settings-art{width:180px;height:180px}.settings-hero h2{font-size:28px}.settings-hero p{font-size:15px}.settings-company-layout{grid-template-columns:200px minmax(0,1fr);padding:20px;gap:22px}.settings-logo,.settings-company-layout aside .btn{width:190px}.settings-data>div{grid-template-columns:minmax(140px,1fr) minmax(0,1fr)}.settings-data dt{gap:8px;font-size:14px}.settings-data dd{font-size:14px}}
@media(max-width:700px){.settings-visual{gap:12px}.settings-visual .config-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;box-sizing:border-box}.settings-visual .config-tab{flex:none;font-size:12px;padding:9px}.settings-hero{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:20px;min-height:180px}.settings-hero-icon{width:56px;height:56px;border-radius:16px;font-size:30px}.settings-hero h2{font-size:25px}.settings-hero small{font-size:11px}.settings-hero p{font-size:13px}.settings-art{display:none}.settings-visual .panelhead{padding:18px;flex-wrap:wrap}.settings-visual h3{font-size:18px}.settings-company-layout{grid-template-columns:minmax(0,1fr);padding:18px;gap:14px}.settings-data>div{grid-template-columns:minmax(0,1fr);gap:0;padding:8px 0}.settings-data dt{font-size:13px}.settings-data dd{padding:7px 0 7px 48px}.settings-note{margin:16px;padding:15px;font-size:13px}.settings-document .settings-data{margin:0 16px}.settings-document .settings-data>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings-document dd{padding:0}.settings-document dt i{width:30px;height:34px}.settings-visual .stats{gap:8px}.settings-visual .stat{padding:12px 8px}.settings-visual .settings-kpi-icon{float:none;margin:0 0 10px;width:35px;height:35px;font-size:23px}.settings-visual .stat span{font-size:11px}.settings-visual .stat strong{font-size:19px}.settings-user-filters{grid-template-columns:minmax(0,1fr);padding:0 16px 16px;gap:10px}.settings-preview{grid-template-columns:minmax(0,1fr);padding:14px;gap:16px}.settings-receipt-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.settings-preview-card{padding:12px}.settings-preview-card .receipt{padding:0}.settings-preview-card .receipt th,.settings-preview-card .receipt td{font-size:10px}.settings-backup>p{margin:14px 16px;padding:14px}.settings-visual .tiktok-panel-body{padding:16px}.settings-visual .tiktok-settings .market-product-fields{grid-template-columns:minmax(0,1fr)}}

.settings-visual .stat .settings-kpi-icon{font-size:30px}.settings-user-filters input:focus-visible,.settings-user-filters select:focus-visible{outline:2px solid #1670ff;outline-offset:2px}@media(max-width:700px){.settings-visual .stat .settings-kpi-icon{font-size:23px}}