:root{--bg:#f5f8fc;--panel:#fff;--line:#e7eef7;--text:#132238;--sub:#66758d;--blue:#103fbe;--blue2:#1e62ff;--blue3:#0c2f8d;--ok:#16a34a;--warn:#f97316;--danger:#dc2626;--shadow:0 18px 50px rgba(16,35,63,.08)}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}
.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#eff5ff 0,#f7fbff 45%,#f3f7fc 100%)}.auth-card{width:min(920px,100%);display:grid;grid-template-columns:1fr 420px;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(16,35,63,.12)}.auth-side{padding:36px;background:linear-gradient(160deg,#0d389f 0,#1958ec 55%,#3d88ff 100%);color:#fff}.auth-side h1{font-size:38px;line-height:1.1;margin:14px 0}.auth-side p{line-height:1.85;color:rgba(255,255,255,.84)}.auth-badges{display:grid;gap:10px;margin-top:20px}.auth-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px}.auth-main{padding:34px}.auth-main h2{margin:0 0 10px;font-size:30px}.field{margin:12px 0}.field label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.field input{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px 16px}.auth-btn{width:100%;border:0;border-radius:18px;padding:14px 18px;background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;font-weight:900;cursor:pointer;margin-top:12px}.helper{font-size:13px;color:var(--sub);line-height:1.8}.result{margin-top:12px;padding:12px 14px;border-radius:16px;display:none}.result.show{display:block}.ok{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.err{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}
.shell{display:none;min-height:100vh}.sidebar{width:260px;background:#0f0f23;color:#fff;position:fixed;inset:0 auto 0 0;padding:24px 18px 20px;display:flex;flex-direction:column;border-right:1px solid rgba(124,58,237,.18)}.brand{font-size:24px;font-weight:900;margin:4px 10px 22px}.tenant-meta{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:18px;margin:0 8px 20px}.tenant-meta small{display:block;color:rgba(255,255,255,.52);margin-top:6px}.nav{display:grid;gap:8px}.nav button{display:flex;align-items:center;gap:10px;background:transparent;color:rgba(255,255,255,.72);border:0;border-radius:16px;padding:13px 14px;cursor:pointer;font-weight:800;text-align:left}.nav button.active,.nav button:hover{background:#7c3aed;color:#fff;box-shadow:0 8px 24px rgba(124,58,237,.28)}.side-bottom{margin-top:auto;padding:8px}.side-bottom button{width:100%;border:0;border-radius:16px;padding:12px;background:rgba(255,255,255,.08);color:#fff;font-weight:800;cursor:pointer}
.main{margin-left:260px;padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.topbar h1{margin:0;font-size:30px}.topbar p{margin:6px 0 0;color:var(--sub)}.status-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px;box-shadow:var(--shadow);font-size:13px;font-weight:800}.switch{position:relative;width:56px;height:30px;display:inline-block}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#cfd9ea;border-radius:999px;cursor:pointer;transition:.2s}.slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.2)}.switch input:checked+.slider{background:#22c55e}.switch input:checked+.slider:before{transform:translateX(26px)}
.account-menu{position:relative;padding-bottom:10px;margin-bottom:-10px}.account-menu:after{content:"";position:absolute;left:-8px;right:-8px;top:100%;height:12px}.account-trigger{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;box-shadow:var(--shadow);font-weight:900;cursor:default}.account-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#eef3fb;display:grid;place-items:center;color:#173052;font-size:12px;font-weight:900}.account-dropdown{display:none;position:absolute;right:0;top:calc(100% - 2px);min-width:148px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px rgba(16,35,63,.14);padding:8px;z-index:20}.account-menu:hover .account-dropdown,.account-dropdown:hover{display:block}.account-dropdown button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:800}.account-dropdown button:hover{background:#eef3fb}
.view{display:none}.view.active{display:block}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px;font-size:15px;color:#60718b}.big{font-size:38px;font-weight:900}.chart{display:flex;align-items:end;gap:10px;height:220px;margin-top:20px}.bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.bar{width:100%;border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,#70a2ff 0,#1c5dff 100%);min-height:10px}.bar-num{font-size:13px;font-weight:800;color:#325286}.bar-label{font-size:12px;color:#70819d}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.btn{border:0;border-radius:16px;padding:11px 16px;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff}.btn-light{background:#eef3fb;color:#173052}.btn-danger{background:#ef4444;color:#fff}.btn-warn{background:#f97316;color:#fff}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:#fff}.textarea{min-height:148px;resize:vertical}.grid-3{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.muted{color:var(--sub);font-size:13px;line-height:1.8}.chip-list{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:10px;background:#eef6ff;border:1px solid #d8e7ff;border-radius:999px;padding:9px 12px}.chip b{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip button{width:22px;height:22px;border:0;border-radius:999px;background:#ef4444;color:#fff;cursor:pointer}
table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid #eef2f8;text-align:left;font-size:14px;vertical-align:top}th{color:#5d6d86;font-size:13px}tr:hover td{background:#fbfdff}.table-wrap{overflow:auto}.empty{padding:28px;border:1px dashed #d9e2ef;border-radius:20px;background:#fafcff;color:#70819d;text-align:center}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-title h2{margin:0;font-size:22px}.pager{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}.pager-jump{display:inline-flex;align-items:center;gap:8px;background:#f7faff;border:1px solid var(--line);border-radius:14px;padding:6px 8px 6px 12px}.pager-jump input{width:70px;border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center;background:#fff}.pager-jump button{border:0;border-radius:10px;padding:8px 10px;background:#173052;color:#fff;font-weight:800;cursor:pointer}.check{width:auto}.link-cell{max-width:420px;word-break:break-all}.notice{padding:12px 14px;border-radius:16px;background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}
.modal-mask{position:fixed;inset:0;background:rgba(15,23,42,.36);display:none;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-mask.show{display:flex}.modal{width:min(94vw,520px);background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 90px rgba(16,35,63,.2)}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-top h2{margin:0;font-size:22px}.close{border:0;background:#eef3fb;color:#173052;border-radius:12px;width:34px;height:34px;cursor:pointer}.profile-preview{display:flex;align-items:center;gap:12px;margin:8px 0 14px}.profile-preview img{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#eef3fb}
.sms-row{display:grid;grid-template-columns:1fr 116px;gap:8px;align-items:center}.sms-row .btn{height:42px;padding:0 12px;white-space:nowrap}.phone-bind-modal .notice{margin-bottom:14px}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;white-space:nowrap}.brand-logo{width:34px;height:34px;border-radius:12px;object-fit:cover;background:#fff}.account-trigger{cursor:pointer}.account-caret{font-size:12px;color:#73829a;margin-left:2px}.dashboard-grid{display:grid;gap:16px}.hero-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-card{position:relative;overflow:hidden;border:1px solid rgba(30,98,255,.12);background:linear-gradient(145deg,#ffffff 0,#f7fbff 48%,#eef6ff 100%);min-height:176px;padding:24px}.hero-card:before{content:"";position:absolute;right:18px;top:18px;width:132px;height:132px;border-radius:50%;background:linear-gradient(135deg,rgba(30,98,255,.16),rgba(20,184,166,.1));filter:blur(.2px)}.hero-card h3,.mini-card h3{position:relative;margin:0;color:#5f708a;font-size:14px}.hero-value{position:relative;font-size:54px;line-height:1.05;font-weight:950;letter-spacing:0;margin-top:16px;color:#10233f}.hero-note{position:relative;margin-top:12px;color:#66758d;font-size:13px}.mini-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mini-card{padding:18px;background:#fff}.mini-card .big{font-size:32px;margin-top:6px;color:#203a5f}.trend-filter{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:16px}.quick-date{display:inline-flex;border:1px solid #dfe6f1;border-radius:4px;overflow:hidden;background:#fff}.quick-date button{min-width:64px;border:0;border-right:1px solid #dfe6f1;background:#fff;padding:9px 14px;cursor:pointer;color:#132238}.quick-date button:last-child{border-right:0}.quick-date button.active{background:#eef6ff;color:#1e62ff;box-shadow:inset 0 0 0 1px #409eff}.date-range{display:flex;align-items:center;border:1px solid #dfe6f1;border-radius:4px;background:#fff;height:38px;overflow:hidden}.date-range span{padding:0 12px;color:#132238;font-weight:900}.date-input-wrap{display:flex;align-items:center;gap:8px;padding:0 12px;color:#8b98aa}.date-range input{width:138px;border:0;outline:0;height:36px;color:#132238}.dashboard-charts{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.bar-chart{height:278px;margin-top:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.daily-bars{height:238px;min-width:720px;display:grid;align-items:end;gap:7px;border-top:1px solid #eef3fa;border-bottom:1px solid #eef3fa;padding:16px 4px 4px}.day-bar-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.day-bar{width:100%;max-width:18px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#6ea0ff 0,#1e62ff 100%);min-height:8px;box-shadow:0 8px 18px rgba(30,98,255,.16)}.day-bar.fan{background:linear-gradient(180deg,#5eead4 0,#14b8a6 100%);box-shadow:0 8px 18px rgba(20,184,166,.14)}.day-num{height:16px;font-size:11px;font-weight:800;color:#345072}.day-label{height:15px;font-size:10px;color:#73829a;writing-mode:vertical-rl;line-height:1}.progress-box{display:none;margin-top:12px}.progress-box.show{display:block}.progress-track{height:10px;border-radius:999px;background:#e6edf7;overflow:hidden}.progress-fill{width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#1e62ff,#14b8a6);transition:width .25s ease}.progress-text{font-size:12px;color:#66758d;margin-top:6px}.quick-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-group{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fbfdff}.quick-group b{display:block;margin-bottom:10px}.quick-group .btn{width:100%;margin-top:8px}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.ops-grid.ops-single{grid-template-columns:minmax(0,1fr)}.ops-card{border-radius:20px}.ops-card .field{margin:9px 0}.ops-card textarea{min-height:88px}.ops-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.ops-stat{background:#f7fbff;border:1px solid #dfe8f6;border-radius:16px;padding:12px}.ops-stat b{display:block;font-size:12px;color:#60718b}.ops-stat span{display:block;font-size:24px;font-weight:950;margin-top:4px}.selector-box{max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:10px;background:#fbfdff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.selector-box label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid #e3ebf6;border-radius:14px;background:#fff;min-height:58px}.selector-box label:hover{background:#eef6ff}.selector-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#dce8fb;color:#173052;display:grid;place-items:center;font-weight:900;overflow:hidden}.selector-name{font-weight:900;color:#173052;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-tools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.file-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-tile{width:64px;height:64px;border:1px dashed #9bb4da;border-radius:16px;background:#f7fbff;color:#1e62ff;font-size:32px;font-weight:700;display:grid;place-items:center;cursor:pointer;overflow:hidden}.upload-tile img{width:100%;height:100%;object-fit:cover;display:none}.upload-tile.has-image span{display:none}.upload-tile.has-image img{display:block}.qrcode-box{display:none;margin-top:14px;border:1px solid #dfe8f6;border-radius:18px;background:#f7fbff;padding:14px;align-items:center;gap:14px}.qrcode-box.show{display:flex}.qrcode-box img{width:128px;height:128px;border-radius:12px;background:#fff;border:1px solid var(--line);object-fit:contain}.qrcode-box b{display:block;margin-bottom:5px}.qrcode-box a{color:#1e62ff;font-weight:900;word-break:break-all}.card-data-panel{min-height:100%;background:linear-gradient(145deg,#fff 0,#f7fbff 60%,#eef6ff 100%)}.card-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.card-data-item{border:1px solid #dfe8f6;background:rgba(255,255,255,.76);border-radius:16px;padding:12px}.card-data-item b{display:block;color:#60718b;font-size:12px}.card-data-item span{display:block;margin-top:5px;font-size:24px;font-weight:950;color:#132238}.mini-day-chart{height:88px;display:flex;align-items:end;gap:5px;margin-top:14px;padding:12px 2px 0;border-top:1px solid #e6eef9}.mini-hour{flex:1;min-width:4px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#70a2ff,#1e62ff);min-height:5px;opacity:.92}.list-actions{margin:8px 0 14px}.avatar-upload{display:flex;align-items:center;gap:16px;margin:12px 0 16px;white-space:nowrap}.avatar-upload-control{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:120px}.avatar-upload-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:11px 18px;background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;font-weight:900;cursor:pointer}.avatar-temp{width:72px;height:72px;border-radius:22px;object-fit:cover;background:#eef3fb;border:1px solid var(--line);flex:0 0 auto}.avatar-file{display:none}
.ops-card{padding:18px 20px}.ops-form{display:grid;gap:14px}.ops-compact-head{display:grid;grid-template-columns:minmax(180px,260px) minmax(150px,190px) 1fr;gap:12px;align-items:start}.ops-compact-name{max-width:260px}.ops-material-panel{display:grid;grid-template-columns:minmax(340px,1.2fr) minmax(280px,.8fr);gap:14px;align-items:start;border:1px solid #dfe8f6;border-radius:20px;background:linear-gradient(145deg,#fbfdff 0,#f5f9ff 100%);padding:14px}.broadcast-compose{grid-template-columns:minmax(360px,1fr) minmax(520px,1.2fr)}.broadcast-action-panel{display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:start}.broadcast-action-main{display:grid;gap:10px;justify-items:stretch}.broadcast-action-panel .ops-material-extra{margin-top:0}.broadcast-action-panel .ops-upload-row{margin-top:0}.contact-way-config{display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,.72fr);gap:14px;align-items:start}.contact-attach-panel{display:grid;gap:10px;border:1px solid #dfe8f6;border-radius:18px;background:#fbfdff;padding:14px}.contact-attach-panel .ops-material-extra{margin-top:0}.ops-material-fields{display:grid;grid-template-columns:150px 1fr;gap:10px}.ops-material-single{grid-template-columns:minmax(150px,210px)}.ops-material-extra{display:none;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.ops-upload-row{display:none}.ops-textarea{min-height:112px}.ops-action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.ops-section{border:1px solid #e4ecf7;border-radius:20px;background:#fff;padding:12px}.ops-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.ops-section-head label{font-size:14px;font-weight:950;color:#173052}.ops-section-head .selector-tools{margin:0}.ops-help{display:block;margin-top:6px;color:#73829a;font-size:12px;line-height:1.5}.selector-box{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:320px;padding:10px;gap:10px;border-radius:16px}.selector-box label{grid-template-columns:auto 1fr;position:relative;min-height:58px;padding:11px 44px 11px 11px;border-radius:15px;gap:11px}.selector-box label:hover{border-color:#bcd3ff;box-shadow:0 8px 20px rgba(30,98,255,.07)}.selector-box .check{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.selector-avatar{width:36px;height:36px;font-size:13px}.selector-name{font-size:14px}.ops-section-senders .selector-box{max-height:230px}.ops-section-targets .selector-box{max-height:min(68vh,680px);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.ops-section-targets .selector-box label{min-height:68px}.ops-section-targets .selector-avatar{width:42px;height:42px}.ops-section-targets .selector-name{font-size:15px}.ops-card .upload-tile{width:58px;height:58px;border-radius:15px}.ops-card .file-row{align-items:center}.ops-card .btn{border-radius:14px}.ops-split-card{display:grid;gap:14px}.ops-inline-grid{display:grid;grid-template-columns:minmax(170px,250px) minmax(160px,220px);gap:12px;align-items:start}.ops-three-grid{display:grid;grid-template-columns:minmax(160px,240px) 1fr 1fr;gap:10px}.ops-wide-note{grid-column:1/-1}.qrcode-box{align-items:flex-start}.ops-create-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ops-create-row .muted{margin:0}.way-cards,.group-card-list,.verify-card-list,.broadcast-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.way-card,.group-card,.verify-card,.broadcast-card{border:1px solid #e4ecf7;border-radius:18px;background:#fbfdff;padding:12px;display:grid;gap:10px;min-height:116px}.group-card:hover,.verify-card:hover,.broadcast-card:hover,.way-card:hover{border-color:#bcd3ff;box-shadow:0 10px 26px rgba(30,98,255,.09)}.way-card.active{border-color:#1e62ff;box-shadow:0 10px 26px rgba(30,98,255,.12)}.way-card-top,.group-card-top,.broadcast-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.way-card b,.group-card b,.verify-card b,.broadcast-card b{font-size:15px}.way-card .muted,.group-card .muted,.verify-card .muted,.broadcast-card .muted{line-height:1.5}.way-card-actions,.group-card-actions{display:flex;gap:8px;flex-wrap:wrap}.way-card-actions{flex-wrap:nowrap}.way-card-actions .btn{padding:9px 11px;white-space:nowrap}.wecom-group-card{min-height:420px}.group-card-list,.verify-card-list{max-height:540px;overflow:auto;padding-right:4px}.group-count{font-size:24px;font-weight:950;color:#173052}.broadcast-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.broadcast-metrics div{border:1px solid #dfe8f6;border-radius:14px;background:#fff;padding:10px}.broadcast-metrics b{display:block;font-size:24px}.broadcast-metrics span{font-size:12px;color:#66758d}.broadcast-snippet{position:relative;color:#173052;font-weight:800;line-height:1.65;max-height:52px;overflow:hidden}.broadcast-pop{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:10;background:#fff;border:1px solid #dfe8f6;border-radius:16px;padding:12px;box-shadow:0 18px 48px rgba(16,35,63,.14);white-space:pre-wrap;font-weight:700;color:#132238}.broadcast-snippet:hover .broadcast-pop{display:block}.invite-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px}.invite-form{display:grid;grid-template-columns:minmax(170px,240px) minmax(220px,1fr) minmax(140px,170px) minmax(120px,150px) auto;gap:12px;align-items:start;margin-bottom:14px}.invite-summary-grid{display:grid;gap:10px}.invite-summary-grid div{border:1px solid #dfe8f6;border-radius:16px;background:#fbfdff;padding:14px}.invite-summary-grid b{display:block;font-size:16px;color:#173052}.invite-summary-grid span{display:block;margin-top:5px;color:#66758d;font-size:13px;line-height:1.6}.invite-cards{display:grid;gap:14px}.invite-card{border:1px solid #dfe8f6;border-radius:20px;background:linear-gradient(145deg,#fbfdff,#fff);padding:14px}.invite-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.invite-card h3{margin:0;color:#132238;font-size:18px}.invite-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.invite-metrics div{border:1px solid #e4ecf7;border-radius:14px;background:#fff;padding:10px}.invite-metrics b{display:block;font-size:22px;color:#132238}.invite-metrics span{display:block;color:#66758d;font-size:12px}.reward-tag{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#eef6ff;color:#1e40af}.reward-tag.ok{background:#ecfdf3;color:#166534}.reward-tag.wait{background:#fff7ed;color:#9a3412}.qr-modal{max-width:420px;text-align:center}.qr-preview{display:grid;place-items:center;background:#f7fbff;border:1px solid var(--line);border-radius:20px;padding:18px}.qr-preview img{width:min(280px,70vw);height:min(280px,70vw);object-fit:contain;background:#fff;border-radius:16px}@media(max-width:1080px){.cards,.grid-3,.grid-2,.hero-metrics,.mini-metrics,.dashboard-charts,.quick-panel,.ops-grid,.ops-list,.ops-compact-head,.ops-material-panel,.broadcast-compose,.broadcast-action-panel,.contact-way-config,.ops-inline-grid,.ops-three-grid,.invite-layout,.invite-form{grid-template-columns:1fr}.ops-compact-name{max-width:none}.auth-card{grid-template-columns:1fr}.auth-side{display:none}} @media(max-width:860px){.sidebar{position:static;width:auto;height:auto;inset:auto;border-radius:0 0 26px 26px}.shell{display:block}.main{margin-left:0;padding:18px}.nav{grid-template-columns:1fr 1fr}.topbar h1{font-size:26px}.selector-box,.ops-section-targets .selector-box{grid-template-columns:1fr}.invite-metrics{grid-template-columns:1fr 1fr}} @media(max-width:560px){.nav{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.main{padding:16px}.hero-value{font-size:42px}.daily-bars{min-width:660px}.ops-section-head{align-items:flex-start;flex-direction:column}.ops-material-fields,.ops-material-extra{grid-template-columns:1fr}.way-card-actions{flex-wrap:wrap}.invite-metrics{grid-template-columns:1fr}}
.daily-bars{min-width:760px;gap:8px}
.day-bar{max-width:28px;border-radius:10px 10px 4px 4px;min-height:10px}
.day-label{height:18px;line-height:18px;white-space:nowrap;writing-mode:horizontal-tb}
.control-metric{border:1px solid var(--line);border-radius:18px;background:#fbfdff;padding:14px}.control-metric b{display:block;color:#60718b;font-size:12px}.control-metric span{display:block;margin-top:6px;font-size:24px;font-weight:950;color:#132238}.status-dot{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;background:#ecfdf3;color:#166534}.status-dot.warn{background:#fff7ed;color:#9a3412}.status-dot.danger{background:#fff1f2;color:#be123c}.feature-row{display:grid;grid-template-columns:140px repeat(8,minmax(70px,1fr));gap:8px;align-items:center;border-bottom:1px solid #eef2f8;padding:10px 0}.feature-row b{color:#173052}.tiny-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#66758d}.tiny-toggle input{width:auto}.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rank-box{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fbfdff}.rank-box b{display:block;margin-bottom:8px}.log-badge{display:inline-flex;border-radius:999px;padding:4px 8px;background:#eef6ff;color:#1e40af;font-size:12px;font-weight:900}
.short-url-result{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.short-url-result .input{height:42px}.copy-icon-btn{width:42px;height:42px;border:0;border-radius:14px;background:#eef3fb;color:#173052;font-size:20px;font-weight:950;cursor:pointer}.copy-icon-btn:hover{background:#dfeaff}.broadcast-action-centered{align-self:center}.contact-name-row{grid-template-columns:minmax(180px,260px) minmax(150px,210px)}.contact-attach-panel{min-height:156px;align-content:start}
.admin-pay-plan-edit{display:grid;grid-template-columns:auto minmax(90px,1fr);gap:8px;align-items:center;min-width:170px}.admin-pay-plan-edit label{font-size:12px;font-weight:900;color:#66758d}.admin-pay-days{max-width:120px}
.pdd-preview-nav{justify-content:center}.pdd-preview-brand{text-align:center}.pdd-preview-brand b{font-size:17px}
.lt-domain-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px 18px;box-shadow:var(--shadow)}
.lt-domain-current{display:flex;align-items:center;gap:8px;min-width:260px;font-size:15px}.lt-domain-current span{font-weight:950;color:#173052;word-break:break-all}.lt-domain-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lt-domain-actions .select{width:auto;min-width:210px;height:42px;padding:9px 12px}.lt-domain-modal{max-width:640px}.lt-dns-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.lt-dns-guide div{border:1px solid #dfe8f6;border-radius:16px;background:#fbfdff;padding:12px}.lt-dns-guide b{display:block;color:#60718b;font-size:12px}.lt-dns-guide span{display:block;margin-top:5px;color:#132238;font-size:16px;font-weight:950;word-break:break-all}.lt-plugin-box{display:flex;gap:12px;flex-wrap:wrap;border:1px solid #dfe8f6;background:#fbfdff;border-radius:16px;padding:12px;margin:12px 0}.lt-hide{display:none!important}
.lt-workbench{min-height:calc(100vh - 190px);display:flex;flex-direction:column;padding-bottom:64px}.lt-workbench-head{margin:0 0 16px}.lt-workbench-head h1{margin:0;font-size:24px;color:#333}.lt-content-card{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid #f0f0f0;margin-bottom:16px}.lt-action-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.lt-action-bar .btn{border-radius:8px;padding:10px 14px}.lt-action-bar .btn:disabled{opacity:.48;cursor:not-allowed}.lt-group-select{width:150px;height:42px;border-radius:8px}.lt-search-input{width:220px;height:42px;border-radius:20px;flex-shrink:0}.lt-batch-bar{background:#e6f7ff;padding:10px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:12px;font-size:14px}.lt-table{overflow:auto}.lt-table table{min-width:980px}.lt-table th{font-size:14px;color:#606266}.lt-table td{height:58px;vertical-align:middle}.short-link{color:#409eff;font-size:15px;font-weight:600}.link-original{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}.copy-icon{color:#999}.pv-cell{display:flex;flex-direction:column;align-items:center}.pv-today{font-size:14px;color:#409eff;font-weight:500}.pv-total{font-size:14px;color:#666}.op-btns{display:flex;gap:6px;justify-content:center}.op-btns .btn{padding:7px 9px;border-radius:8px}.lt-bottom-bar{position:fixed;bottom:0;left:260px;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 32px;background:#fff;border-top:1px solid var(--line);z-index:30;box-shadow:0 -2px 8px rgba(0,0,0,.04)}.lt-pager{display:flex;gap:6px}.lt-pager .btn{border-radius:6px;padding:8px 12px}.lt-pager .active{background:#409eff;color:#fff}.lt-create-dialog{max-width:520px}.lt-batch-dialog{max-width:700px}.lt-form{display:grid;gap:10px}.lt-form-row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center}.lt-form-row label{font-weight:700;color:#606266}.lt-form-row label span{color:#ef4444}.lt-form-row.inline{grid-template-columns:90px auto 1fr}.lt-form-row em{font-style:normal;font-size:12px;color:#999}.lt-divider{display:flex;align-items:center;color:#606266;font-size:13px;margin:6px 0}.lt-divider:before,.lt-divider:after{content:"";height:1px;background:#e5e7eb;flex:1}.lt-divider span{padding:0 12px}.lt-switch{position:relative;width:40px;height:22px;display:inline-block}.lt-switch input{display:none}.lt-switch span{position:absolute;inset:0;background:#dcdfe6;border-radius:999px;transition:.2s}.lt-switch span:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}.lt-switch input:checked+span{background:#409eff}.lt-switch input:checked+span:before{transform:translateX(18px)}.lt-switch.small{width:38px;height:20px}.lt-switch.small span:before{width:16px;height:16px}.lt-sub-panel{margin-left:100px;display:grid;gap:8px}.lt-url-line{display:flex;gap:8px;margin-bottom:6px}.lt-dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.lt-dialog-footer .btn{border-radius:8px}.lt-batch-area{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}.lt-batch-label{font-weight:700;color:#606266;margin-bottom:8px}.lt-batch-area .textarea{min-height:190px}.lt-batch-action{display:flex;justify-content:center}
@media(max-width:860px){.lt-domain-bar{align-items:flex-start}.lt-domain-current,.lt-domain-actions,.lt-domain-actions .select{width:100%;min-width:0}.lt-dns-guide{grid-template-columns:1fr}}
@media(max-width:860px){.lt-bottom-bar{left:0}.lt-form-row,.lt-form-row.inline,.lt-batch-area{grid-template-columns:1fr}.lt-sub-panel{margin-left:0}.lt-search-input,.lt-group-select{width:100%}}
.pdd-preview{min-height:640px;border-radius:28px;background:linear-gradient(160deg,#dcecff 0,#f8fbff 48%,#fff6df 100%);padding:24px;display:grid;place-items:center;overflow:hidden}
.pdd-phone{width:min(390px,100%);min-height:590px;border-radius:34px;background:#fff;box-shadow:0 30px 80px rgba(16,35,63,.18);padding:22px;display:flex;flex-direction:column;gap:16px}
.pdd-phone-media{height:150px;border-radius:24px;background:linear-gradient(135deg,#ff6b35,#ffcb45);background-size:cover;background-position:center;display:grid;place-items:center;color:#fff;text-align:center;padding:16px}
.pdd-phone-media b{font-size:28px;line-height:1.15}.pdd-phone h3{font-size:26px;margin:4px 0 0}.pdd-phone p{margin:0;color:#66758d;line-height:1.7}
.pdd-phone .pdd-cta{border:0;border-radius:18px;padding:15px 18px;background:linear-gradient(135deg,#ff4d2e,#ff8a00);color:#fff;font-weight:950;font-size:16px}
.pdd-phone .pdd-qr{width:118px;height:118px;border-radius:18px;object-fit:cover;border:1px solid #ffe2bf;background:#fff}
.pdd-phone .pdd-row{display:flex;align-items:center;gap:14px;border:1px solid #fff0d9;border-radius:20px;background:#fffaf1;padding:14px}
.pdd-phone .pdd-notice{margin-top:auto;border:1px solid #e7eef7;border-radius:18px;background:#f8fbff;padding:12px;color:#60718b;font-size:13px;line-height:1.7}
.pdd-admin-card{background:linear-gradient(145deg,#fff 0,#f8fbff 100%)}.pdd-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pdd-admin-wide{grid-column:1/-1}.pdd-admin-help{margin-top:10px}.pdd-preview{background:#f0f2f5;padding:16px;align-items:start}.pdd-preview-shell{width:min(520px,100%);margin:0 auto}.pdd-preview-nav{background:rgba(255,255,255,.94);border:1px solid #e2e8f0;border-radius:18px;padding:10px 12px;display:flex;align-items:center;gap:10px;margin-bottom:12px}.pdd-preview-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#3b82f6);display:grid;place-items:center;color:#fff}.pdd-preview-brand b{display:block;font-size:16px}.pdd-preview-brand span{display:block;font-size:11px;color:#94a3b8;line-height:1}.pdd-preview-stat{display:flex;align-items:stretch;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:18px;padding:18px 8px;margin-bottom:12px;box-shadow:0 10px 28px rgba(37,99,235,.22)}.pdd-preview-stat div{flex:1;text-align:center;color:#fff}.pdd-preview-stat b{display:block;font-size:28px;line-height:1.15}.pdd-preview-stat span{font-size:12px;opacity:.92}.pdd-preview-divider{width:1px;background:rgba(255,255,255,.35);margin:4px 0}.pdd-preview-tutorial{width:100%;border:1.5px solid rgba(37,99,235,.45);background:#fff;color:#dc2626;border-radius:14px;padding:11px 16px;font-weight:800;margin-bottom:14px}.pdd-preview-card{background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 2px 12px rgba(15,23,42,.06)}.pdd-preview-kicker{font-size:11px;color:#94a3b8;margin-bottom:2px}.pdd-preview-title{font-size:17px;font-weight:900;color:#1e3a5f;margin-bottom:14px}.pdd-preview-row{display:flex;gap:8px}.pdd-preview-input{flex:1;border:1.5px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:12px 14px;text-align:center;color:#94a3b8;letter-spacing:3px}.pdd-preview-btn{border:0;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:900;padding:12px 18px}.pdd-preview-ghost{border:1.5px solid rgba(37,99,235,.35);border-radius:12px;background:#fff;color:#2563eb;font-weight:800;padding:12px 14px}.pdd-preview-msg{font-size:12px;color:#64748b;margin-top:10px}.pdd-preview-list-head{display:flex;align-items:center;gap:8px;font-weight:900}.pdd-preview-badge{min-width:22px;height:22px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;display:grid;place-items:center;padding:0 7px}.pdd-preview-tabs{display:flex;gap:8px;margin:14px 0}.pdd-preview-tab{flex:1;border:1.5px solid rgba(37,99,235,.35);background:#fff;color:#2563eb;border-radius:999px;padding:8px 10px;font-weight:800}.pdd-preview-tab.active{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border-color:transparent}.pdd-preview-li{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #e2e8f0;border-radius:14px;background:#fafbff;padding:14px 12px}.pdd-preview-code{font-size:20px;font-weight:900;color:#059669;letter-spacing:2px}.pdd-preview-meta{font-size:11px;color:#94a3b8}.pdd-preview-copy{border:0;border-radius:10px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:800;padding:8px 14px;white-space:nowrap}
.meal-admin-panel{border:1px solid #dff7eb;background:linear-gradient(145deg,#fbfffd,#f7fffb);border-radius:18px;padding:14px;margin-top:14px}.meal-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.meal-admin-head b{font-size:16px}.meal-admin-grid{display:grid;grid-template-columns:1fr;gap:10px}.meal-card{background:linear-gradient(145deg,#fbfffd,#fff);border:1px solid #d9f8e8;border-radius:18px;padding:16px;margin-bottom:14px}.meal-card h3{font-size:22px;margin:0 0 4px;color:#172033}.meal-card p{color:#64748b;margin:0 0 14px}.meal-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.meal-btn{height:54px;border-radius:16px;border:1.5px solid #f0cfa7;background:#fff8ef;color:#b45309;font-weight:950;display:flex;align-items:center;justify-content:center;gap:8px}.meal-btn.jd{border-color:#f2c8d0;background:#fff7f8;color:#b91c1c}.meal-btn.mt{border-color:#f5e48a;background:#fffde8;color:#854d0e}.meal-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:950}.meal-icon.tb{background:#f97316}.meal-icon.jd{background:#ef4444}.meal-icon.mt{background:#facc15;color:#222}
.pdd-stats-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.pdd-stats-grid .card-data-item{grid-column:span 4}.pdd-stats-grid .pdd-stat-main{grid-column:span 3;padding:18px;background:linear-gradient(145deg,#fff,#f3f8ff)}.pdd-stats-grid .pdd-stat-main span{font-size:34px}.pdd-url-row{display:flex;align-items:center;gap:8px}.pdd-url-row .input{height:46px}.pdd-url-row .copy-icon-btn{flex:0 0 46px;height:46px}@media(max-width:1100px){.pdd-stats-grid .pdd-stat-main{grid-column:span 6}.pdd-stats-grid .card-data-item{grid-column:span 4}}@media(max-width:860px){.pdd-stats-grid{grid-template-columns:1fr}.pdd-stats-grid .card-data-item,.pdd-stats-grid .pdd-stat-main{grid-column:auto}}
.pdd-preview-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:14px}.pdd-preview-actions.two{grid-template-columns:1fr 1fr}.pdd-preview-actions .pdd-preview-tutorial{margin-bottom:0}.pdd-preview-tutorial.fan{color:#1d4ed8;border-color:rgba(37,99,235,.35)}
.pdd-preview-nav{justify-content:center}.pdd-preview-brand{text-align:center}.pdd-preview-brand b{font-size:17px}
.lt-ssl-badge{display:inline-flex;align-items:center;margin-left:8px;border-radius:999px;padding:4px 8px;background:#fff7ed;color:#9a3412;font-size:12px;font-style:normal;font-weight:900;white-space:nowrap}.lt-ssl-badge.ok{background:#ecfdf3;color:#166534}.lt-ssl-badge.bad{background:#fff1f2;color:#be123c}
.nav button{justify-content:center!important;text-align:center!important}.lt-group-select{height:44px!important;line-height:44px!important;padding:0 34px 0 14px!important;display:inline-flex!important;align-items:center!important}.lt-table th.center,.lt-table td.center{text-align:center!important;vertical-align:middle!important}.pv-cell{align-items:center!important;justify-content:center!important;line-height:1.7}.op-btns{align-items:center!important;justify-content:center!important;flex-wrap:nowrap}.lt-create-dialog{width:min(94vw,920px)!important;max-width:920px!important}.lt-create-dialog.wide{width:min(94vw,980px)!important;max-width:980px!important}.lt-form-row.top{align-items:start}.lt-form-row.top label{padding-top:12px}.stats-summary{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.chart-area{display:flex;align-items:flex-end;gap:4px;height:150px;background:#fafafa;border-radius:8px;padding:16px 8px 40px;position:relative}.chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.chart-bar{width:100%;max-width:30px;background:linear-gradient(180deg,#409eff,#66b1ff);border-radius:4px 4px 0 0;min-height:2px}.chart-label{font-size:10px;color:#999;margin-top:4px;position:absolute;bottom:-28px;white-space:nowrap}.stat-item{background:#f5f5f5;border-radius:8px;padding:16px 20px;text-align:center;flex:1;min-width:90px}.stat-val{font-size:24px;font-weight:600;color:#333}.stat-lbl{font-size:12px;color:#999;margin-top:4px}
.nav button{justify-content:flex-start!important;text-align:left!important;font-size:16px!important;line-height:1.25!important;padding:15px 16px!important;letter-spacing:.2px}.nav{gap:9px!important}.brand{font-size:21px!important}
.lt-upload-line{display:flex;align-items:center;gap:10px;width:100%}.lt-upload-line .input{flex:1}.avatar-temp.small{width:46px;height:46px;border-radius:12px;object-fit:cover}.lt-page-preview-modal{width:min(94vw,460px)!important}.lt-page-preview{display:grid;place-items:center;background:#f7fbff;border:1px solid var(--line);border-radius:20px;padding:18px}.lt-preview-phone{width:min(360px,100%);background:#fff;border-radius:24px;border:1px solid #e5edf8;box-shadow:0 18px 50px rgba(16,35,63,.10);padding:18px}.lt-preview-sender{display:flex;align-items:center;gap:12px;margin-bottom:16px}.lt-preview-sender img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#eef3fb}.lt-preview-sender b{display:block;color:#132238;font-size:16px}.lt-preview-sender span{display:block;color:#66758d;font-size:12px;margin-top:4px}.lt-preview-content{display:grid;gap:12px;color:#1f2d44;line-height:1.75}.lt-preview-content p{margin:0;white-space:normal}.lt-preview-content img{width:100%;border-radius:16px;border:1px solid #edf2f8;object-fit:cover}.lt-domain-actions .btn{white-space:nowrap}
.nav button{font-size:16px!important;justify-content:flex-start!important;text-align:left!important}.nav-icon{width:20px;height:20px;flex:0 0 20px;display:inline-block;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.95}.nav button span{display:inline-block}.nav button.active .nav-icon,.nav button:hover .nav-icon{opacity:1}
.local-sync-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:stretch}.local-sync-main{display:grid;gap:10px}.local-sync-side{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.local-sync-side div{border:1px solid #dfe8f6;border-radius:16px;background:#fbfdff;padding:16px 10px;text-align:center}.local-sync-side b{display:block;font-size:28px;color:#173052}.local-sync-side span{display:block;margin-top:5px;color:#66758d;font-weight:800}@media(max-width:860px){.local-sync-grid{grid-template-columns:1fr}.local-sync-side{grid-template-columns:1fr 1fr 1fr}}
.lt-domain-modal{width:min(94vw,980px)!important;max-width:980px!important}.lt-create-dialog,.lt-create-dialog.wide{width:min(94vw,860px)!important;max-width:860px!important}.lt-batch-dialog{width:min(96vw,1180px)!important;max-width:1180px!important;min-height:720px;max-height:90vh;overflow:auto}.lt-batch-area .textarea{min-height:360px}.lt-page-editor-modal{width:min(96vw,1240px)!important;max-width:1240px!important;max-height:90vh;overflow:auto}.lt-page-head-grid{grid-template-columns:1fr 1fr 1.35fr}.lt-page-editor-layout{display:grid;grid-template-columns:minmax(0,1.1fr) 420px;gap:18px;align-items:start}.lt-page-builder,.lt-page-live{border:1px solid #e3edf9;background:#fbfdff;border-radius:18px;padding:14px}.lt-page-toolbar{margin:8px 0 12px}.lt-page-blocks{display:grid;gap:10px;max-height:520px;overflow:auto;padding-right:4px}.lt-page-block{border:1px solid #dce8f6;border-radius:14px;background:#fff;padding:12px;display:grid;gap:9px}.lt-page-block-head{display:flex;align-items:center;justify-content:space-between}.lt-page-block-head .btn{padding:6px 10px;border-radius:8px}.lt-page-live-preview{background:#ededed;border-radius:20px;padding:0;min-height:620px;overflow:hidden;border:1px solid #d6dbe3}.lt-chat-preview-phone{width:100%;min-height:620px;background:#ededed;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.lt-chat-top{height:54px;background:#f7f7f7;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:#111;position:sticky;top:0;z-index:1}.lt-chat-body{padding:16px 14px 28px;max-height:566px;overflow:auto}.lt-chat-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.lt-chat-avatar{width:42px;height:42px;border-radius:4px;object-fit:cover;background:#ccc;flex:0 0 auto}.lt-chat-main{min-width:0;flex:1}.lt-chat-name{font-size:12px;color:#999;margin-bottom:4px;padding-left:4px}.lt-chat-bubble{display:inline-block;max-width:82%;word-break:break-all}.lt-chat-bubble.text{background:#fff;padding:10px 14px;border-radius:4px 12px 12px;box-shadow:0 1px 2px rgba(0,0,0,.06);font-size:15px;line-height:1.7;color:#333}.lt-chat-text a{color:#576b95!important;text-decoration:none!important}.lt-chat-bubble.media{background:transparent;padding:0;border-radius:8px}.lt-chat-bubble.media img{display:block;max-width:240px;max-height:320px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.12);object-fit:contain}.lt-chat-bubble.media video{display:block;max-width:280px;max-height:360px;border-radius:8px;background:#000;box-shadow:0 1px 4px rgba(0,0,0,.15)}.lt-chat-empty{text-align:center;color:#999;font-size:15px;padding:80px 20px}.lt-preview-content video{display:block;width:100%;max-height:360px;border-radius:14px;background:#000;margin:10px 0}.lt-preview-content a{color:#2563eb;font-weight:800;text-decoration:none}.center-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);z-index:99999;background:rgba(15,23,42,.92);color:#fff;padding:14px 24px;border-radius:999px;font-weight:900;font-size:16px;box-shadow:0 18px 50px rgba(15,23,42,.25);opacity:0;pointer-events:none;transition:.18s ease}.center-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.inline-copy{display:flex;align-items:center;gap:8px;min-width:220px}.copy-mini{width:30px;height:30px;border:0;border-radius:10px;background:#edf4ff;color:#2563eb;font-weight:900;cursor:pointer}.copy-mini:hover{background:#dbeafe}#ltCodeDialog .lt-create-dialog{width:min(96vw,1280px)!important;max-width:1280px!important;max-height:90vh;overflow:auto}.lt-subcode-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-height:360px;overflow:auto;padding-right:4px}.lt-subcode-card{border:1px solid #dfe8f6;border-radius:14px;background:#fbfdff;padding:8px;display:grid;gap:7px}.lt-subcode-card img{width:100%;aspect-ratio:1/1;border-radius:10px;object-fit:contain;background:#fff;border:1px solid #eef2f8}.lt-subcode-meta{display:grid;gap:5px}.lt-subcode-meta label{font-size:11px;color:#66758d;font-weight:800}.lt-subcode-meta .input{padding:8px 9px;border-radius:10px}.lt-subcode-card .btn{padding:7px 8px;border-radius:10px}.lt-domain-current{min-width:auto}.lt-domain-actions .muted,.lt-ssl-badge{display:none!important}.nav button[data-view="dashboard"] .nav-icon{width:21px;height:21px}
@media(max-width:980px){.lt-page-head-grid,.lt-page-editor-layout{grid-template-columns:1fr}.lt-page-live-preview{min-height:360px}.lt-subcode-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lt-domain-timeline{display:grid;gap:10px;margin:12px 0 14px}.lt-domain-step{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:10px 12px;border:1px solid #e2ecf8;background:#f8fbff;border-radius:14px}.lt-domain-step>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#2563eb;color:#fff;font-size:14px}.lt-domain-step strong{display:block;color:#14213a;font-size:14px;margin-bottom:3px}.lt-domain-step p{margin:0;color:#65758d;font-size:13px;line-height:1.6}
.lt-batch-progress{margin-top:16px;border:1px solid #dbeafe;background:#f8fbff;border-radius:14px;padding:12px 14px}.lt-batch-progress-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#475569;font-weight:800;margin-bottom:8px}.lt-batch-progress-track{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.lt-batch-progress-track i{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#14b8a6);transition:width .18s ease}
.lt-upload-status{display:none;margin-top:10px;border:1px solid #dbeafe;background:#f8fbff;border-radius:14px;padding:10px 12px}.lt-upload-status.show{display:block}.lt-upload-status-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#475569;font-size:12px;font-weight:900;margin-bottom:7px}.lt-upload-status-track{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.lt-upload-status-track i{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#14b8a6);transition:width .16s ease}
.lt-short-dialog{width:min(96vw,1040px)!important;max-width:1040px!important}.lt-short-dialog .lt-form{gap:14px}.lt-short-dialog .lt-form-row{grid-template-columns:100px 1fr}.lt-group-combo{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:10px;align-items:center}.lt-group-combo .select,.lt-group-combo .input{height:44px}
@media(max-width:760px){.lt-short-dialog .lt-form-row,.lt-group-combo{grid-template-columns:1fr}}
.lt-short-dialog{min-height:720px!important;max-height:90vh!important;overflow:auto!important}.lt-group-combo .select#ltShortGroupSelect{height:48px!important;min-height:48px!important;line-height:48px!important;padding-top:0!important;padding-bottom:0!important;display:block!important;box-sizing:border-box!important}.lt-group-combo .select#ltShortGroupSelect option{line-height:36px}.lt-group-combo .input#ltShortGroup{height:48px!important;line-height:48px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important}
.lt-short-dialog{min-height:0!important;width:min(96vw,980px)!important;max-width:980px!important}.lt-short-dialog .lt-form{gap:14px}.lt-short-dialog .lt-form-row{grid-template-columns:96px minmax(0,1fr)!important;align-items:center}.lt-short-dialog .lt-form-row>.input,.lt-short-dialog .lt-form-row>.lt-group-combo{width:100%}.lt-short-dialog .lt-group-combo{grid-template-columns:1fr!important;gap:8px}.lt-short-dialog #ltShortGroupSelect,.lt-short-dialog #ltShortGroup{width:100%;height:48px!important;line-height:48px!important}.lt-short-switch-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:2px}.lt-short-switch-item{min-height:72px;border:1px solid #e2ecf8;background:#f8fbff;border-radius:14px;padding:12px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lt-short-switch-item b{display:block;color:#172033;font-size:14px}.lt-short-switch-item em{display:block;margin-top:6px;font-style:normal;color:#718096;font-size:12px;line-height:1.45}.lt-short-dialog .lt-sub-panel{margin-left:96px;background:#fbfdff;border:1px solid #e2ecf8;border-radius:14px;padding:12px}.lt-short-dialog .lt-dialog-footer{margin-top:12px}@media(max-width:860px){.lt-short-dialog .lt-form-row,.lt-short-switch-row{grid-template-columns:1fr!important}.lt-short-dialog .lt-sub-panel{margin-left:0}}

.bottle-lib-list,.bottle-campaign-list,.bottle-review-list{display:grid;gap:12px}.bottle-lib,.bottle-campaign,.bottle-review{border:1px solid var(--line);border-radius:20px;background:#fbfdff;padding:14px}.bottle-lib-top,.bottle-campaign-top,.bottle-review-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.bottle-qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-top:12px}.bottle-qr{border:1px solid #e3ebf6;border-radius:16px;background:#fff;padding:8px;text-align:center}.bottle-qr img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:12px;background:#f8fbff}.bottle-qr span{display:block;margin-top:5px;font-size:12px;color:#66758d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottle-upload{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.bottle-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.bottle-metrics div{border:1px solid #dfe8f6;background:#fff;border-radius:14px;padding:10px}.bottle-metrics b{display:block;font-size:20px}.bottle-review-img{width:120px;height:120px;border-radius:16px;object-fit:cover;border:1px solid var(--line);background:#fff;cursor:pointer}@media(max-width:860px){.bottle-metrics{grid-template-columns:1fr 1fr}}
.bottle-entry-box{margin-top:12px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff;padding:12px;display:grid;gap:10px}.bottle-entry-warning{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.55}.bottle-entry-row{display:flex;align-items:center;gap:8px}.bottle-entry-row .input{height:42px}.bottle-entry-row .copy-mini{flex:0 0 36px;width:36px;height:36px}
.bottle-lib.summary{background:linear-gradient(145deg,#fff,#f8fbff)}.bottle-lib.summary .bottle-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.bottle-group-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.bottle-lib-modal{width:min(96vw,1120px)!important;max-width:1120px!important;max-height:90vh;overflow:auto}.bottle-edit-head{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:10px;align-items:center;margin-bottom:12px}.bottle-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:14px}.bottle-qr.edit{position:relative;cursor:pointer}.bottle-qr.edit input{position:absolute;right:10px;top:10px;z-index:2;width:18px;height:18px}.bottle-qr.edit em{display:inline-flex;margin-top:6px;border-radius:999px;padding:4px 8px;background:#ecfdf3;color:#166534;font-size:12px;font-style:normal;font-weight:900}.bottle-qr.edit.claimed{opacity:.72}.bottle-qr.edit.claimed em{background:#eef2f7;color:#66758d}@media(max-width:760px){.bottle-edit-head,.bottle-group-picker{grid-template-columns:1fr}.bottle-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bottle-lib-table{border:1px solid #dfe8f6;border-radius:18px;overflow:hidden;background:#fff}.bottle-lib-row{display:grid;grid-template-columns:minmax(150px,1fr) 72px 72px 72px minmax(360px,1.8fr);align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #eef3fa}.bottle-lib-row:last-child{border-bottom:0}.bottle-lib-row.head{background:#f6f9fe;color:#5d6d86;font-weight:900;font-size:13px}.bottle-lib-name{min-width:0}.bottle-lib-name b{display:block;color:#132238;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottle-lib-name span{display:block;color:#7b8aa2;font-size:12px;margin-top:4px}.bottle-lib-num{font-size:18px;font-weight:950;color:#173052;text-align:center}.bottle-lib-actions,.bottle-lib-action-head{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center}.bottle-lib-action-head span{text-align:center;white-space:nowrap}.bottle-lib-actions .btn{padding:9px 10px;white-space:nowrap}.bottle-edit-body{margin-top:14px}.bottle-edit-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 14px;padding:10px;border:1px solid #e2ecf8;border-radius:14px;background:#f8fbff}.bottle-edit-toolbar .btn{padding:8px 12px;border-radius:10px}.bottle-edit-body>.pager{margin-top:16px}.bottle-lib-modal{width:min(98vw,1760px)!important;max-width:1760px!important}.bottle-modal-grid{grid-template-columns:repeat(20,minmax(0,1fr));gap:8px}.bottle-qr.edit{padding:5px;border-radius:10px}.bottle-qr.edit input{left:6px;right:auto;top:6px;width:14px;height:14px}.bottle-qr.edit img{margin-top:14px;border-radius:8px}.bottle-qr.edit span{font-size:10px;margin-top:3px}.bottle-qr.edit em{font-size:10px;padding:2px 5px;margin-top:3px}@media(max-width:1380px){.bottle-modal-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.bottle-lib-row{grid-template-columns:minmax(140px,1fr) repeat(3,66px) minmax(300px,1.55fr)}}@media(max-width:860px){.bottle-lib-row,.bottle-lib-row.head{grid-template-columns:1fr}.bottle-lib-row.head{display:none}.bottle-lib-actions{grid-template-columns:1fr}.bottle-modal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bottle-review-panel{margin-top:12px;border:1px solid #e2ecf8;border-radius:18px;background:#f8fbff;padding:12px;display:grid;gap:10px}.bottle-review-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,.8fr) 84px minmax(180px,.9fr);align-items:center;gap:12px;border:1px solid #e6eef9;border-radius:16px;background:#fff;padding:10px}.bottle-review-row b{display:block;color:#132238}.bottle-review-actions{display:flex;gap:8px;flex-wrap:wrap}.bottle-review-actions .btn{padding:8px 12px;border-radius:10px}.bottle-review-toggle{display:inline-flex;align-items:center;gap:8px}.bottle-review-toggle b{font-size:15px}@media(max-width:900px){.bottle-review-row{grid-template-columns:1fr}.bottle-review-img{width:96px;height:96px}}
.bottle-campaign-modal{width:min(94vw,780px)!important;max-width:780px!important}.bottle-campaign-modal .tiny-toggle{margin:4px 0 14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.bottle-campaign-table{border:1px solid #dfe8f6;border-radius:18px;overflow:hidden;background:#fff}.bottle-campaign-row{display:grid;grid-template-columns:minmax(130px,.9fr) minmax(130px,.9fr) minmax(270px,1.45fr) minmax(130px,.82fr) minmax(260px,1.45fr) minmax(250px,1.18fr);gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #eef3fa}.bottle-campaign-row:last-child{border-bottom:0}.bottle-campaign-row.head{background:#f6f9fe;color:#5d6d86;font-size:13px;font-weight:900}.bottle-campaign-name b{display:block;font-size:15px;color:#132238}.bottle-campaign-name span{display:block;margin-top:4px;font-size:12px;color:#7b8aa2}.bottle-campaign-groups{display:flex;gap:6px;flex-wrap:wrap;max-height:58px;overflow:hidden}.bottle-campaign-groups span{border:1px solid #dfe8f6;background:#f8fbff;border-radius:999px;padding:5px 8px;font-size:12px;color:#173052;font-weight:800}.bottle-campaign-data{display:grid;grid-template-columns:repeat(3,auto);gap:2px 8px;align-items:end}.bottle-campaign-data b{font-size:20px;color:#173052;line-height:1}.bottle-campaign-data span{font-size:12px;color:#66758d}.bottle-campaign-entry{display:grid;gap:7px;min-width:0}.bottle-campaign-entry .bottle-entry-row{min-width:0}.bottle-campaign-entry .input{height:36px;font-size:12px}.bottle-campaign-entry .copy-mini{width:32px;height:32px;flex-basis:32px}.bottle-entry-warning.compact{padding:7px 9px;font-size:12px}.bottle-campaign-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bottle-campaign-actions .btn{padding:9px 10px;white-space:nowrap;border-radius:12px}@media(max-width:1280px){.bottle-campaign-row{grid-template-columns:1fr 1fr}.bottle-campaign-row.head{display:none}.bottle-campaign-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.bottle-campaign-row{grid-template-columns:1fr}.bottle-campaign-actions{grid-template-columns:1fr 1fr}}
.bottle-upload-floating{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);width:min(92vw,520px);z-index:9999;margin:0;padding:14px 16px;border:1px solid #dbeafe;border-radius:18px;background:#fff;box-shadow:0 18px 60px rgba(16,35,63,.18)}
.bottle-upload-floating.show{display:block}
#bottleLibraries{max-height:360px;overflow:auto;padding-right:4px}.bottle-create-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.bottle-create-inline .field{margin:0}.bottle-create-inline .btn{height:46px;white-space:nowrap}.bottle-form-inline{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bottle-lib-row.head>div:nth-child(2),.bottle-lib-row.head>div:nth-child(3),.bottle-lib-row.head>div:nth-child(4){text-align:center}.bottle-campaign-actions{grid-template-columns:1fr!important;align-self:stretch;align-content:center}.bottle-campaign-data{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.bottle-campaign-data div{text-align:center;border:1px solid #e6eef9;border-radius:12px;background:#fbfdff;padding:8px 6px}.bottle-campaign-data div b{display:block;font-size:20px;line-height:1.1}.bottle-campaign-data div span{display:block;margin-top:3px;font-size:12px;color:#66758d}.bottle-review-toggle{grid-column:1/-1;justify-content:center;padding:8px 10px!important;border-radius:12px!important}.bottle-review-panel{margin:0 14px 12px;border-radius:14px;padding:8px;background:#f8fbff}.bottle-review-row{grid-template-columns:minmax(170px,1fr) minmax(120px,.75fr) 58px minmax(130px,.7fr);gap:10px;padding:8px}.bottle-review-row b{font-size:14px}.bottle-review-row span{display:block;color:#66758d;font-size:12px;margin-top:3px}.bottle-review-img{width:52px;height:52px;border-radius:10px}.bottle-review-actions{justify-content:flex-end;align-items:center}.bottle-review-actions .btn{padding:7px 10px;border-radius:10px}.review-status,.review-done{display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-style:normal;font-size:12px;font-weight:900}.review-status.pending{background:#fff7ed;color:#9a3412}.review-status.approved,.review-done{background:#ecfdf3;color:#166534}.review-status.rejected{background:#fff1f2;color:#be123c}@media(max-width:760px){.bottle-create-inline,.bottle-form-inline{grid-template-columns:1fr}#bottleLibraries{max-height:460px}.bottle-review-row{grid-template-columns:1fr}.bottle-campaign-actions{grid-template-columns:1fr!important}}
.bottle-review-row{grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(150px,1fr) 88px minmax(170px,.95fr);align-items:center;column-gap:22px}.bottle-review-row.head{background:#eef4fb;color:#60718b;font-size:12px;font-weight:900;border-color:#dfe8f6}.bottle-review-row.head div{white-space:nowrap;text-align:center}.bottle-review-row>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;justify-self:center;width:100%}.bottle-review-actions{gap:6px;justify-content:center;align-items:center}.bottle-review-actions .btn{padding:6px 12px!important;font-size:12px}.review-done.rejected{background:#fff1f2;color:#be123c}@media(max-width:760px){.bottle-review-row,.bottle-review-row.head{grid-template-columns:1fr}.bottle-review-row.head{display:none}.bottle-review-row>div{white-space:normal}}
.bottle-campaign-row{padding:8px 12px}.bottle-campaign-name b{font-size:14px}.bottle-campaign-name span{margin-top:2px}.bottle-campaign-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:none;overflow:visible}.bottle-campaign-groups span{display:flex;align-items:center;justify-content:center;min-height:28px;padding:4px 6px;white-space:nowrap;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.bottle-campaign-data div{padding:6px 5px}.bottle-campaign-data div b{font-size:18px}.bottle-campaign-entry{gap:5px}.bottle-campaign-entry .input{height:32px}.bottle-campaign-actions{grid-template-columns:repeat(4,minmax(0,70px))!important;justify-content:center;align-content:center;gap:6px}.bottle-campaign-actions .btn{padding:7px 7px!important;border-radius:10px!important;font-size:12px;min-width:0}.bottle-review-toggle{padding:6px 8px!important;font-size:12px}.bottle-lib-actions .btn,.bottle-edit-head .btn,.bottle-edit-toolbar .btn,.bottle-review-actions .btn{background:#eef3fb!important;color:#173052!important}.bottle-create-inline>.btn,.card:has(#bottleCampaignName)>button.btn-primary{background:linear-gradient(135deg,var(--blue2),var(--blue))!important;color:#fff!important}@media(max-width:760px){.bottle-campaign-actions{grid-template-columns:repeat(2,minmax(0,92px))!important;justify-content:start}.bottle-campaign-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bottle-campaign-row.head>div,.bottle-campaign-row:not(.head)>div{text-align:center;justify-self:center;width:100%}.bottle-campaign-name b,.bottle-campaign-name span{text-align:center}.bottle-campaign-groups{justify-content:center}.bottle-campaign-entry{justify-items:center}.bottle-campaign-entry .bottle-entry-row{width:100%}.bottle-campaign-entry .muted{text-align:center}.bottle-campaign-actions{justify-items:center}.compact-verify-grid{align-items:stretch}.compact-verify-card{padding:16px 18px;min-width:0}.compact-group-picker{display:grid;grid-template-columns:1fr;gap:10px;align-items:center}.compact-group-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.compact-group-picker .btn{height:40px;padding:8px 10px;white-space:nowrap}.verify-compact-list{display:grid;gap:8px;max-height:190px;overflow:auto;padding-right:4px}.verify-compact-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e4ecf7;background:#fbfdff;border-radius:14px;padding:9px 10px}.verify-compact-item b{display:block;color:#132238;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verify-compact-item span{display:block;margin-top:2px;color:#66758d;font-size:12px}.verify-compact-item .btn{padding:7px 10px;border-radius:10px}.compact-empty{padding:14px!important}.compact-verify-card .progress-box{margin-top:10px}@media(max-width:1280px){.compact-verify-grid.grid-3{grid-template-columns:1fr}.compact-group-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.compact-group-actions{grid-template-columns:1fr}}
.verify-chip-list{display:grid;grid-template-columns:1fr;gap:8px;max-height:220px;overflow:auto;padding-right:4px}.verify-chip{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:6px;border:1px solid #e4ecf7;background:#fbfdff;border-radius:13px;padding:8px 8px 8px 10px}.verify-chip:hover{border-color:#bcd3ff;box-shadow:0 8px 18px rgba(30,98,255,.08)}.verify-chip b{display:block;color:#132238;font-size:13px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35;word-break:break-word}.verify-chip span{display:block;margin-top:1px;color:#66758d;font-size:11px;line-height:1.3}.verify-chip-remove{width:22px;height:22px;border:0;border-radius:50%;display:grid;place-items:center;background:#eef3fb;color:#66758d;font-size:17px;line-height:1;cursor:pointer}.verify-chip-remove:hover{background:#fee2e2;color:#dc2626}
.profile-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:center;border:1px solid #e2ecf8;background:linear-gradient(145deg,#fff,#f8fbff);border-radius:18px;padding:16px;margin:8px 0 16px;cursor:pointer}.profile-avatar-main{width:84px;height:84px;border-radius:24px;object-fit:cover;background:#eef3fb;border:1px solid #dfe8f6}.profile-info{display:grid;gap:6px;min-width:0}.profile-info b{font-size:20px;color:#132238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-upload-action{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:12px;padding:9px 14px;background:#eef4ff;color:#155eef;font-weight:900}.profile-card:hover .profile-upload-action{background:#dbeafe}.profile-card .muted{line-height:1.45}

/* Hallmark UI polish: a calmer, denser operations console without touching business logic. */
:root{--bg:#f3f6fb;--panel:#fff;--line:#dfe7f2;--text:#122033;--sub:#66758a;--blue:#155eef;--blue2:#2b73ff;--blue3:#0b3ea8;--shadow:0 10px 28px rgba(15,30,55,.07);--shadow-strong:0 22px 70px rgba(15,30,55,.12);--radius:18px}
html{background:#f3f6fb}body{background:linear-gradient(180deg,#f7faff 0,#eef3f9 100%);letter-spacing:0;-webkit-font-smoothing:antialiased}
.sidebar{width:248px;background:linear-gradient(180deg,#0b1020 0,#111827 100%);padding:22px 16px;border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 34px rgba(15,23,42,.08)}
.brand{height:44px;margin:0 8px 18px;font-size:18px;letter-spacing:0}.brand-logo{width:32px;height:32px;border-radius:10px}.nav{gap:6px;overflow:auto;padding-right:2px}.nav button{min-height:42px;border-radius:12px;padding:10px 12px;font-size:15px;line-height:1;color:rgba(255,255,255,.68);transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.nav button:hover{transform:translateX(2px);background:rgba(255,255,255,.07);box-shadow:none}.nav button.active{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.22)}.nav-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.main{margin-left:248px;padding:24px 28px 42px}.topbar{position:sticky;top:0;z-index:12;margin:-24px -28px 20px;padding:22px 28px 16px;background:rgba(243,246,251,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,231,242,.72)}.topbar h1{font-size:28px;line-height:1.15}.topbar p{font-size:13px}.pill,.account-trigger{box-shadow:0 8px 24px rgba(15,30,55,.06);border-color:#e3ebf6}.account-dropdown{top:44px}
.card{border-radius:18px;border-color:#e1e9f4;box-shadow:var(--shadow);padding:18px;background:rgba(255,255,255,.96)}.card:hover{box-shadow:0 14px 36px rgba(15,30,55,.09)}.section-title{min-height:34px;align-items:center}.section-title h2{font-size:18px;letter-spacing:0}.section-title .muted{font-size:12px}.btn{border-radius:12px;padding:10px 14px;min-height:40px;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 22px rgba(37,99,235,.18)}.btn-light{background:#f2f6fb;color:#172033;border:1px solid #e1e9f4}.btn-light:hover{background:#eaf1fb;border-color:#cddcf0}.btn-danger,.btn-warn{background:#f2f6fb!important;color:#172033!important;border:1px solid #e1e9f4!important;box-shadow:none!important}.btn-danger:hover{border-color:#fecaca!important;background:#fff1f2!important;color:#b91c1c!important}.btn-warn:hover{border-color:#fed7aa!important;background:#fff7ed!important;color:#9a3412!important}.input,.select,.textarea,.field input{border-radius:12px;border-color:#dfe7f2;background:#fff;transition:border-color .14s ease,box-shadow .14s ease}.input:focus,.select:focus,.textarea:focus,.field input:focus{outline:0;border-color:#8bb5ff;box-shadow:0 0 0 4px rgba(43,115,255,.1)}.textarea{min-height:132px}
.dashboard-grid{gap:14px}.hero-metrics{grid-template-columns:1.1fr 1fr}.hero-card{border-radius:20px;min-height:154px;padding:22px;border-color:#dce8ff;background:linear-gradient(145deg,#fff 0,#f7fbff 58%,#edf5ff 100%)}.hero-card:before{opacity:.72}.hero-value{font-size:48px}.hero-note{font-size:12px}.mini-metrics{gap:12px}.mini-card{border-radius:16px;padding:16px}.mini-card .big{font-size:29px}.dashboard-charts{gap:14px}.bar-chart{height:250px}.day-label{writing-mode:horizontal-tb;transform:rotate(-32deg);transform-origin:top center;white-space:nowrap;width:24px;text-align:right}.daily-bars{height:220px;gap:8px;min-width:760px}.day-bar{max-width:22px}
.quick-panel,.ops-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid-3{grid-template-columns:minmax(320px,1.05fr) minmax(300px,1fr) minmax(300px,1fr)}.grid-2{gap:14px}.table-wrap{border:1px solid #edf2f8;border-radius:14px;background:#fff}table{min-width:720px}th{background:#f8fbff;color:#64748b;font-weight:900;position:sticky;top:0;z-index:1}th,td{padding:11px 12px}.pager{padding:10px}.notice{border-radius:14px}
.modal-mask{backdrop-filter:blur(5px)}.modal{border-radius:20px;border:1px solid #e1e9f4;box-shadow:var(--shadow-strong)}.close{border-radius:10px}.upload-tile{border-radius:14px;background:#f8fbff;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.upload-tile:hover{transform:translateY(-1px);border-color:#8bb5ff;box-shadow:0 10px 24px rgba(37,99,235,.11)}
.auth{background:radial-gradient(circle at 12% 4%,#e9f2ff 0,#f7fbff 34%,#eff4f9 100%)}.auth-card{border-radius:26px;box-shadow:0 24px 70px rgba(15,30,55,.14);border:1px solid #e4ecf7}.auth-side{background:linear-gradient(150deg,#0b1020 0,#123e91 52%,#1d7ed8 100%)}.auth-side h1{font-size:34px}.auth-main h2{font-size:28px}
#bottleLibraries{max-height:430px;border:1px solid #e8eef7;border-radius:16px;background:#fff;padding:6px;overflow:auto}.bottle-lib-table,.bottle-campaign-table{border-radius:16px;border-color:#e1e9f4}.bottle-lib-row{grid-template-columns:minmax(140px,1.25fr) 82px 82px 82px minmax(300px,1.35fr);padding:10px 12px}.bottle-lib-row.head,.bottle-campaign-row.head{background:#f8fbff}.bottle-lib-num{display:flex;align-items:center;justify-content:center;min-height:34px}.bottle-lib-actions .btn{min-height:34px;padding:7px 8px}.bottle-campaign-row{grid-template-columns:minmax(130px,.95fr) minmax(130px,.95fr) minmax(260px,1.45fr) minmax(132px,.82fr) minmax(260px,1.45fr) minmax(290px,1.35fr);padding:10px 12px}.bottle-campaign-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.bottle-campaign-groups span{min-height:30px;line-height:1.25;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bottle-campaign-actions{grid-template-columns:repeat(4,minmax(0,68px))!important}.bottle-campaign-actions .btn{min-height:34px}.bottle-review-panel{border-radius:14px}.bottle-review-row{border-radius:12px}
.lt-hub-toolbar{align-items:center}.lt-table,.lt-card,.lt-domain-card{border-radius:16px}.lt-create-dialog{border-radius:20px}.lt-short-dialog{width:min(96vw,1080px)!important;max-width:1080px!important}.lt-short-switch-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.lt-short-switch-item{border-radius:14px}
.selector-box{border-radius:14px;background:#f8fbff}.selector-box label{border-radius:13px}.way-card,.group-card,.verify-card,.broadcast-card{border-radius:15px}.progress-track{height:9px}
@media(max-width:1180px){.sidebar{width:226px}.main{margin-left:226px}.grid-3{grid-template-columns:1fr}.hero-metrics{grid-template-columns:1fr}.mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.bottle-campaign-row{grid-template-columns:1fr 1fr}.bottle-campaign-row.head{display:none}.bottle-campaign-actions{grid-template-columns:repeat(4,minmax(0,76px))!important}.bottle-lib-row{grid-template-columns:minmax(150px,1fr) repeat(3,72px) minmax(260px,1.25fr)}}@media(max-width:860px){.sidebar{position:static;width:auto;inset:auto;padding:14px}.shell{display:block}.main{margin-left:0;padding:18px}.topbar{position:static;margin:-18px -18px 16px;padding:18px}.nav{display:flex;overflow:auto}.nav button{flex:0 0 auto}.brand{margin-bottom:12px}.grid-2,.cards,.ops-grid,.hero-metrics,.mini-metrics{grid-template-columns:1fr}.card{padding:16px}.hero-value{font-size:40px}.bottle-lib-row,.bottle-lib-row.head{grid-template-columns:1fr}.bottle-lib-row.head{display:none}.bottle-lib-actions{grid-template-columns:1fr 1fr 1fr}.bottle-campaign-row{grid-template-columns:1fr}.bottle-campaign-actions{grid-template-columns:repeat(2,minmax(0,92px))!important}.auth-card{grid-template-columns:1fr}.auth-side{padding:28px}.auth-main{padding:28px}}@media(max-width:540px){.main{padding:14px}.topbar{margin:-14px -14px 14px;padding:14px}.topbar h1{font-size:24px}.status-tools{width:100%;justify-content:space-between}.hero-card{min-height:132px}.hero-value{font-size:36px}.mini-metrics{grid-template-columns:1fr}.quick-date{width:100%}.quick-date button{flex:1}.date-range{width:100%;justify-content:space-between}.bottle-lib-actions,.bottle-campaign-actions{grid-template-columns:1fr!important}.verify-chip-list{grid-template-columns:1fr}.lt-short-switch-row{grid-template-columns:1fr!important}}

/* Dark console shell refresh: black workspace + white rounded content canvas. */
:root{--bg:#05060a;--app-black:#05060a;--app-sidebar:#090b12;--app-sidebar-2:#11141d;--app-card:#ffffff;--app-soft:#f5f7fb;--app-line:#e7ebf2;--app-ink:#111827;--app-muted:#667085;--shadow:0 18px 48px rgba(0,0,0,.08)}
html,body{background:#05060a!important}.shell{min-height:100vh;background:#05060a!important}.sidebar{width:254px!important;background:linear-gradient(180deg,#070911 0,#0b0d15 100%)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;padding:18px 14px 18px!important}.brand{height:46px;margin:2px 8px 18px!important;color:#fff!important;font-size:17px!important}.brand-logo{width:31px!important;height:31px!important;border-radius:9px!important}.nav{gap:5px!important}.nav button{border-radius:10px!important;min-height:38px!important;padding:10px 12px!important;color:rgba(255,255,255,.72)!important;background:transparent!important;font-size:14px!important;box-shadow:none!important}.nav button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;transform:none!important}.nav button.active{background:#1677ff!important;color:#fff!important;box-shadow:none!important}.nav-icon{width:17px!important;height:17px!important}.main{margin-left:254px!important;min-height:100vh;background:#05060a!important;padding:20px 22px 28px!important}.topbar{position:sticky!important;top:0!important;z-index:30!important;margin:0!important;padding:14px 18px!important;background:#fff!important;border:1px solid var(--app-line)!important;border-bottom:0!important;border-radius:22px 22px 0 0!important;box-shadow:none!important;backdrop-filter:none!important}.topbar h1{font-size:24px!important;color:#101828!important;margin:0!important}.topbar p{color:#667085!important;margin-top:4px!important}.view.active{display:block;background:#fff;border:1px solid var(--app-line);border-top:0;border-radius:0 0 24px 24px;padding:18px;min-height:calc(100vh - 112px);box-shadow:0 22px 70px rgba(0,0,0,.16)}.view>.card:first-child,.view>.dashboard-grid:first-child{margin-top:0}.card{background:#fff!important;border:1px solid #e6ebf2!important;border-radius:18px!important;box-shadow:none!important}.card:hover{box-shadow:none!important}.section-title h2{color:#101828!important}.muted,.topbar p{color:#667085!important}.pill,.account-trigger,.support-trigger{background:#f8fafc!important;border:1px solid #e6ebf2!important;box-shadow:none!important;color:#101828!important}.status-tools{gap:10px!important}.account-trigger{padding:7px 10px!important}.account-dropdown{border-radius:14px!important;box-shadow:0 18px 52px rgba(0,0,0,.16)!important}.support-menu{position:relative}.support-trigger{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;font-size:13px;font-weight:900;cursor:default}.support-popover{display:none;position:absolute;right:50%;top:48px;transform:translateX(50%);width:250px;padding:18px 16px 16px;background:#fff;border:1px solid #e6ebf2;border-radius:8px;box-shadow:0 18px 56px rgba(0,0,0,.18);z-index:60;text-align:center}.support-popover:before{content:"";position:absolute;top:-8px;left:50%;width:14px;height:14px;background:#fff;border-left:1px solid #e6ebf2;border-top:1px solid #e6ebf2;transform:translateX(-50%) rotate(45deg)}.support-menu:hover .support-popover{display:block}.support-popover-title{font-size:16px;font-weight:950;line-height:1.45;color:#111827;margin-bottom:12px}.support-popover img{width:190px;height:190px;object-fit:contain;border-radius:4px;background:#fff}.support-config{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.7fr) 96px auto;gap:12px;align-items:end}.support-config .field{margin:0}.support-config-preview{width:78px;height:78px;border:1px solid #e6ebf2;border-radius:14px;background:#f8fafc;display:grid;place-items:center;overflow:hidden}.support-config-preview img{width:100%;height:100%;object-fit:contain}.support-config .muted{grid-column:1/-1}.dashboard-grid,.dashboard-charts,.grid-2,.grid-3,.ops-grid,.quick-panel{gap:14px!important}.hero-card,.mini-card{border-radius:18px!important}.table-wrap{border-radius:14px!important}.modal{border-radius:22px!important}.btn{border-radius:10px!important}.btn-primary{background:#1677ff!important;box-shadow:none!important}.btn-light,.btn-danger,.btn-warn{background:#f3f5f8!important;color:#111827!important;border:1px solid #e5eaf1!important;box-shadow:none!important}.input,.select,.textarea,.field input{border-radius:10px!important}.auth{background:#05060a!important}.auth-card{border-radius:24px!important}.auth-side{background:linear-gradient(145deg,#080b13,#162033)!important}
@media(max-width:1180px){.sidebar{width:230px!important}.main{margin-left:230px!important}.support-config{grid-template-columns:1fr 1fr}}@media(max-width:860px){.sidebar{position:static!important;width:auto!important}.main{margin-left:0!important;padding:14px!important}.topbar{border-radius:18px 18px 0 0!important}.view.active{border-radius:0 0 18px 18px;padding:14px}.support-popover{right:0;transform:none}.support-popover:before{left:auto;right:28px}.support-config{grid-template-columns:1fr}.support-config-preview{width:96px;height:96px}}
.support-config .field:first-child{display:flex;flex-direction:column;gap:8px}.support-config .field:first-child .btn{width:max-content}.support-config-preview{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.bottle-claim-table th:nth-child(1){width:140px}.bottle-claim-table th:nth-child(2){width:170px}.bottle-claim-table th:nth-child(3){width:170px}.bottle-claim-table th:nth-child(5){width:180px}.bottle-claim-qrs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:560px}.bottle-claim-qr{width:48px;height:48px;border:1px solid #dfe8f6;border-radius:12px;background:#fff;display:grid;place-items:center;padding:4px;cursor:pointer;box-shadow:0 4px 12px rgba(16,35,63,.06)}.bottle-claim-qr:hover{border-color:#1677ff;box-shadow:0 8px 20px rgba(22,119,255,.14)}.bottle-claim-qr img{width:100%;height:100%;object-fit:contain;border-radius:8px}.bottle-claim-qr span{font-size:11px;line-height:1.2;color:#60718b;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:860px){.bottle-claim-table{min-width:760px}.bottle-claim-qrs{max-width:360px}}
.bottle-claim-table table{table-layout:fixed}.bottle-claim-table th,.bottle-claim-table td{text-align:center;vertical-align:middle}.bottle-claim-table th:nth-child(1),.bottle-claim-table td:nth-child(1){width:16%}.bottle-claim-table th:nth-child(2),.bottle-claim-table td:nth-child(2){width:18%}.bottle-claim-table th:nth-child(3),.bottle-claim-table td:nth-child(3){width:22%}.bottle-claim-table th:nth-child(4),.bottle-claim-table td:nth-child(4){width:28%}.bottle-claim-table th:nth-child(5),.bottle-claim-table td:nth-child(5){width:16%}.bottle-claim-table td:nth-child(1),.bottle-claim-table td:nth-child(2),.bottle-claim-table td:nth-child(3),.bottle-claim-table td:nth-child(5){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottle-claim-table td:nth-child(4){overflow:visible}.bottle-claim-qrs{justify-content:center;margin:0 auto;max-width:100%;flex-wrap:wrap}
.top-tool-trigger{height:34px;min-height:34px;display:inline-flex;align-items:center;gap:6px;border:1px solid transparent!important;background:transparent!important;color:rgba(255,255,255,.82)!important;border-radius:999px;padding:0 8px;font-size:13px;font-weight:900;cursor:pointer;box-shadow:none!important}.top-tool-trigger:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}.top-tool-trigger.has-domain:not(:hover){background:transparent!important;border-color:transparent!important;color:rgba(255,255,255,.82)!important}.lt-domain-manage{border:1px solid #e2ecf8;background:#fbfdff;border-radius:16px;padding:14px;margin:12px 0}.lt-domain-manage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lt-domain-manage-head b{display:block;color:#14213a;font-size:14px;margin-bottom:5px}.lt-domain-manage-head span{display:block;color:#2563eb;font-weight:950;word-break:break-all}.lt-domain-manage-head .select{width:auto;min-width:230px}.lt-domain-manage .lt-domain-actions{margin-top:12px}.lt-domain-bar{display:none!important}

.hero-card-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:18px}.hero-donut-wrap{display:grid;justify-items:center;gap:9px}.hero-donut{width:118px;height:118px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 14px 34px rgba(15,35,63,.12)}.hero-pie{border:8px solid rgba(255,255,255,.88)}.hero-donut-legend{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:900;color:#52657f}.hero-donut-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.hero-donut-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.hero-donut-legend i.add{background:#14b8a6}.hero-donut-legend i.lost{background:#ef4444}

.mini-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.hero-card-content{grid-template-columns:minmax(0,1fr) 190px}
.hero-pie-wrap{position:relative;display:grid;justify-items:center;gap:10px;min-width:180px}
.hero-big-pie{position:relative;width:138px;height:138px;border-radius:50%;box-shadow:0 18px 36px rgba(15,35,63,.14);border:1px solid rgba(15,35,63,.06)}
.hero-big-pie.empty{background:#dbe7f5}
.hero-pie-label{position:absolute;font-size:13px;font-weight:950;color:#111827;line-height:1;background:rgba(255,255,255,.78);border-radius:999px;padding:4px 7px;box-shadow:0 5px 14px rgba(15,35,63,.09)}
.hero-pie-label:after{content:"";position:absolute;width:34px;height:1px;background:currentColor;opacity:.46;top:50%}
.hero-pie-label.p1{right:-46px;top:46%}.hero-pie-label.p1:after{right:100%}
.hero-pie-label.p2{left:-46px;top:34%}.hero-pie-label.p2:after{left:100%}
.hero-pie-label.p3{top:-18px;left:50%;transform:translateX(-50%)}.hero-pie-label.p3:after{display:none}
.hero-pie-legend{display:grid;gap:5px;font-size:12px;font-weight:900;color:#52657f;justify-items:start}
.hero-pie-legend span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.hero-pie-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
@media(max-width:560px){.hero-card-content{grid-template-columns:1fr}.hero-pie-wrap{justify-items:start;margin-top:12px}.hero-pie-label.p1{right:-38px}.hero-pie-label.p2{left:-38px}}

/* Dashboard pie chart: keep it as one solid pie, no decorative circle behind it. */
.hero-card:before{display:none!important}
.hero-card-content{grid-template-columns:minmax(0,1fr) 230px!important}
.hero-pie-wrap{min-width:220px!important;padding:8px 12px 0!important}
.hero-big-pie{
  width:150px!important;
  height:150px!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Mobile admin final redesign 202606070430 */
body:not(.admin-authenticated) #shell{display:none!important}
@media(max-width:760px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#eef3f8!important;
  }
  body.admin-authenticated .auth{display:none!important}
  body.admin-authenticated .shell{
    display:block!important;
    min-height:100dvh!important;
    background:#eef3f8!important;
    padding:0!important;
  }
  body.admin-authenticated .sidebar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    height:calc(64px + env(safe-area-inset-bottom))!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    z-index:240!important;
    background:#070913!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    border-right:0!important;
    box-shadow:0 -14px 34px rgba(11,18,32,.28)!important;
    overflow:hidden!important;
  }
  body.admin-authenticated .brand,
  body.admin-authenticated .tenant-meta,
  body.admin-authenticated .side-bottom{display:none!important}
  body.admin-authenticated .nav{
    height:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0!important;
    margin:0!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.admin-authenticated .nav::-webkit-scrollbar{display:none!important}
  body.admin-authenticated .nav button{
    flex:0 0 21.5vw!important;
    min-width:72px!important;
    max-width:88px!important;
    height:48px!important;
    min-height:48px!important;
    padding:5px 5px 4px!important;
    display:grid!important;
    grid-template-rows:20px 16px!important;
    place-items:center!important;
    justify-content:center!important;
    align-content:center!important;
    gap:2px!important;
    border-radius:15px!important;
    background:transparent!important;
    color:rgba(255,255,255,.68)!important;
    border:0!important;
    box-shadow:none!important;
    scroll-snap-align:start!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated .nav button.active{
    color:#fff!important;
    background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
    box-shadow:0 8px 18px rgba(37,99,235,.32)!important;
  }
  body.admin-authenticated .nav button span{
    width:100%!important;
    font-size:11px!important;
    line-height:14px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
  }
  body.admin-authenticated .nav-icon{
    width:19px!important;
    height:19px!important;
    margin:0!important;
  }
  body.admin-authenticated .main{
    margin-left:0!important;
    width:100%!important;
    min-height:100dvh!important;
    padding:10px 10px calc(82px + env(safe-area-inset-bottom))!important;
    background:#eef3f8!important;
    overflow-x:hidden!important;
  }
  body.admin-authenticated .topbar{
    position:sticky!important;
    top:0!important;
    z-index:210!important;
    margin:0 0 10px!important;
    padding:8px!important;
    min-height:50px!important;
    display:block!important;
    background:#fff!important;
    border:1px solid #e5edf7!important;
    border-radius:18px!important;
    box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
  }
  body.admin-authenticated .topbar>div:first-child{display:none!important}
  body.admin-authenticated .status-tools{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    align-items:center!important;
    overflow:visible!important;
    padding:0!important;
  }
  body.admin-authenticated #activityPill{display:none!important}
  body.admin-authenticated .top-tool-trigger,
  body.admin-authenticated .support-trigger,
  body.admin-authenticated .account-trigger{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 6px!important;
    justify-content:center!important;
    gap:4px!important;
    border-radius:12px!important;
    border:1px solid #e4ebf5!important;
    background:#f8fbff!important;
    color:#162033!important;
    font-size:11px!important;
    font-weight:900!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.admin-authenticated .top-tool-trigger span,
  body.admin-authenticated .support-trigger span,
  body.admin-authenticated .account-trigger span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated .top-tool-trigger:hover,
  body.admin-authenticated .support-trigger:hover,
  body.admin-authenticated .account-trigger:hover{
    background:#eef6ff!important;
    color:#0b5cff!important;
    border-color:#cfe0ff!important;
  }
  body.admin-authenticated .support-icon{
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
  }
  body.admin-authenticated .account-avatar,
  body.admin-authenticated .account-trigger img{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
  }
  body.admin-authenticated #topAccount{
    max-width:48px!important;
    display:inline-block!important;
  }
  body.admin-authenticated .account-caret{display:none!important}
  body.admin-authenticated .support-menu,
  body.admin-authenticated .account-menu{position:relative!important;min-width:0!important}
  body.admin-authenticated .support-popover,
  body.admin-authenticated .account-dropdown{
    position:fixed!important;
    top:62px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    min-width:0!important;
    transform:none!important;
    z-index:260!important;
    border-radius:18px!important;
    box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
  }
  body.admin-authenticated .support-popover{display:none!important;padding:14px!important}
  body.admin-authenticated .support-menu.mobile-open .support-popover{display:block!important}
  body.admin-authenticated .account-dropdown{display:none!important;padding:8px!important}
  body.admin-authenticated .account-menu.mobile-open .account-dropdown{display:grid!important;gap:6px!important}
  body.admin-authenticated .support-popover:before{display:none!important}
  body.admin-authenticated .support-popover img{
    width:min(74vw,260px)!important;
    height:min(74vw,260px)!important;
    object-fit:contain!important;
    margin:auto!important;
    display:block!important;
  }
  body.admin-authenticated .view.active{
    display:block!important;
    width:100%!important;
    min-height:calc(100dvh - 134px)!important;
    padding:10px!important;
    border:1px solid #e5edf7!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 12px 34px rgba(15,23,42,.08)!important;
    overflow:visible!important;
  }
  body.admin-authenticated .card{
    width:100%!important;
    max-width:100%!important;
    padding:12px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .dashboard-grid,.dashboard-charts,.grid-2,.grid-3,.cards,.ops-grid,.ops-grid.ops-single,.quick-panel,.invite-layout,.local-sync-grid,.pdd-config-layout,.lt-layout,.lt-page-editor,.lt-code-layout,.cards-management-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .hero-metrics{grid-template-columns:1fr!important;gap:10px!important}
  .mini-metrics,.card-data-grid,.activation-admin-stats,.broadcast-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .section-title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    flex-wrap:wrap!important;
  }
  .section-title h2{
    font-size:17px!important;
    line-height:1.25!important;
  }
  .section-title .muted{
    font-size:11px!important;
    line-height:1.2!important;
  }
  .hero-card-content{grid-template-columns:1fr auto!important;gap:8px!important}
  .hero-value{font-size:34px!important;line-height:1.05!important}
  .hero-big-pie{width:96px!important;height:96px!important}
  .bar-chart{
    height:252px!important;
    min-height:252px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 8px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .daily-bars{
    min-width:760px!important;
    height:232px!important;
    align-items:end!important;
    padding:10px 8px 34px!important;
    overflow:visible!important;
  }
  .day-bar-wrap{min-width:22px!important;overflow:visible!important}
  .day-label{
    height:24px!important;
    line-height:14px!important;
    bottom:-28px!important;
    overflow:visible!important;
    transform:none!important;
    writing-mode:horizontal-tb!important;
    white-space:nowrap!important;
    font-size:10px!important;
  }
  .day-num{font-size:10px!important}
  .toolbar,.list-actions,.selector-tools,.way-card-actions,.group-card-actions,.ops-action-row,.ops-create-row,.activation-list-actions,.invite-group-actions,.invite-card-top .toolbar,.lt-action-bar,.lt-domain-actions,.pdd-actions,.compact-group-actions,.activation-admin-tools{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
  .toolbar .btn,.list-actions .btn,.selector-tools .btn,.way-card-actions .btn,.group-card-actions .btn,.ops-action-row .btn,.ops-create-row .btn,.activation-list-actions .btn,.invite-group-actions .btn,.invite-card-top .toolbar .btn,.lt-action-bar .btn,.lt-domain-actions .btn,.pdd-actions .btn,.compact-group-actions .btn,.activation-admin-tools .btn{
    flex:1 1 calc(50% - 6px)!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 8px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .selector-box{
    display:grid!important;
    grid-template-columns:1fr!important;
    max-height:58dvh!important;
  }
  .selector-box label{min-height:50px!important}
  .verify-chip-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    max-height:148px!important;
    overflow:auto!important;
  }
  .verify-chip{
    min-width:0!important;
    padding:8px 28px 8px 8px!important;
    border-radius:12px!important;
  }
  .verify-chip b{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
  }
  .verify-chip span{font-size:10px!important}
  .verify-chip-remove{
    right:6px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:20px!important;
    height:20px!important;
  }
  .mobile-record-list,.lt-mobile-list{
    display:grid!important;
    gap:8px!important;
  }
  .mobile-record-card,.lt-mobile-card{
    padding:10px!important;
    border-radius:14px!important;
    border:1px solid #e5edf7!important;
    background:#fff!important;
    box-shadow:0 8px 20px rgba(15,23,42,.05)!important;
    overflow:hidden!important;
  }
  .mobile-record-head,.lt-mobile-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-bottom:7px!important;
    min-width:0!important;
  }
  .mobile-record-head b,.lt-mobile-head b{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
  }
  .mobile-record-head span,.lt-mobile-head span{
    flex:0 0 auto!important;
    font-size:11px!important;
    border-radius:999px!important;
    padding:4px 7px!important;
    background:#eef4ff!important;
    color:#2563eb!important;
  }
  .mobile-record-url,.lt-mobile-url{
    display:block!important;
    width:100%!important;
    min-height:32px!important;
    padding:7px 9px!important;
    margin:6px 0!important;
    border-radius:10px!important;
    background:#f8fbff!important;
    color:#0f3d75!important;
    font-size:12px!important;
    line-height:18px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    word-break:normal!important;
  }
  .mobile-record-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .mobile-record-grid.dense{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .mobile-record-grid>div{
    min-width:0!important;
    padding:7px!important;
    border-radius:10px!important;
    background:#f8fafc!important;
  }
  .mobile-record-grid span{
    display:block!important;
    font-size:10px!important;
    color:#64748b!important;
    margin-bottom:3px!important;
  }
  .mobile-record-grid b{
    display:block!important;
    min-width:0!important;
    font-size:11px!important;
    line-height:14px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mobile-record-actions,.lt-mobile-actions{
    display:flex!important;
    gap:6px!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    margin-top:8px!important;
  }
  .mobile-record-actions .btn,.lt-mobile-actions .btn{
    flex:1 1 auto!important;
    min-width:58px!important;
    height:30px!important;
    min-height:30px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }
  .lt-mobile-original,.lt-mobile-meta,.lt-mobile-stats{
    display:flex!important;
    gap:6px!important;
    flex-wrap:wrap!important;
    color:#64748b!important;
    font-size:11px!important;
    line-height:16px!important;
    margin:5px 0!important;
  }
  .lt-mobile-original{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    display:block!important;
  }
  .lt-mobile-stats span{
    flex:1 1 30%!important;
    min-width:0!important;
    padding:6px!important;
    border-radius:9px!important;
    text-align:center!important;
    background:#f1f5f9!important;
    color:#0f172a!important;
    font-weight:800!important;
  }
  .pager,.mobile-pager,.lt-mobile-pager{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    justify-items:center!important;
    gap:7px!important;
    margin:10px 0 0!important;
    padding:0!important;
  }
  .mobile-pager .btn,.pager .btn{
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
  .mobile-pager-main{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    line-height:16px!important;
    font-size:11px!important;
    color:#64748b!important;
  }
  .mobile-pager-main b{font-size:13px!important;color:#0f172a!important}
  .mobile-pager-jump{
    grid-column:1 / -1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    font-size:12px!important;
    color:#64748b!important;
  }
  .mobile-pager-jump input{
    width:54px!important;
    height:30px!important;
    padding:4px!important;
    text-align:center!important;
  }
  .table-wrap,.lt-table,.activation-full-table,.bottle-claim-table{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    border-radius:14px!important;
  }
  .table-wrap table,.lt-table table,.activation-full-table table,.bottle-claim-table table{
    min-width:620px!important;
  }
  .modal-mask{
    padding:8px!important;
    align-items:flex-end!important;
  }
  .modal{
    width:100%!important;
    max-width:100%!important;
    max-height:88dvh!important;
    overflow:auto!important;
    border-radius:20px 20px 0 0!important;
    padding:14px!important;
  }
  .lt-create-dialog,.lt-short-dialog,.lt-batch-dialog,.lt-domain-modal,.payment-modal{
    width:100%!important;
    max-width:100%!important;
    max-height:86dvh!important;
  }
  #ltShortDialog .lt-form-row{
    grid-template-columns:1fr!important;
    gap:6px!important;
    align-items:start!important;
  }
  #ltShortDialog .lt-form-row label{
    font-size:12px!important;
    color:#475569!important;
  }
  .lt-short-switch-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .lt-short-switch-item{
    min-height:64px!important;
    padding:8px!important;
    border-radius:12px!important;
  }
  .lt-sub-panel{
    margin-left:0!important;
    padding:8px!important;
    border-radius:12px!important;
  }
  .lt-batch-area{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .lt-dialog-footer{
    position:sticky!important;
    bottom:-14px!important;
    background:#fff!important;
    padding-top:10px!important;
  }
  .claim-search-box,.card-list-search,.activation-search-box{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:6px!important;
    align-items:center!important;
  }
  .claim-search-box .input,.card-list-search .input,.activation-search-box .input{
    min-width:0!important;
    height:34px!important;
  }
  .claim-search-box .btn,.card-list-search .btn,.activation-search-box .btn{
    height:34px!important;
    min-height:34px!important;
    padding:0 9px!important;
    font-size:12px!important;
  }
  .bottle-lib-row,.bottle-campaign-row{
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-items:start!important;
  }
  .bottle-lib-row.head,.bottle-campaign-row.head{display:none!important}
  .bottle-lib-actions,.bottle-campaign-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .bottle-lib-actions .btn,.bottle-campaign-actions .btn{
    height:32px!important;
    min-height:32px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }
  #view-docs .doc-gallery-copy img{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

/* Mobile admin refinement: keep desktop unchanged, replace dense tables with touch-friendly cards. */
@media(max-width:760px){
  body.admin-authenticated{overflow-x:hidden!important}
  .main{padding:8px!important}
  .topbar{padding:10px!important;border-radius:18px 18px 0 0!important}
  .status-tools{gap:6px!important}
  .pill,.top-tool-trigger,.support-trigger,.account-trigger{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:#f8fafc!important;
    color:#101828!important;
    border:1px solid #e6ebf2!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  .top-tool-trigger .support-icon,.support-trigger .support-icon{width:15px!important;height:15px!important}
  .support-menu.mobile-open .support-popover{display:block!important}
  .account-menu.mobile-open .account-dropdown{display:block!important}
  .support-popover{
    top:86px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    padding:16px!important;
    border-radius:18px!important;
    transform:none!important;
  }
  .support-popover img{width:210px!important;height:210px!important;max-width:72vw!important;max-height:72vw!important}
  .account-dropdown{
    top:86px!important;
    right:10px!important;
    min-width:168px!important;
    border-radius:16px!important;
    padding:8px!important;
  }
  .view.active{padding:10px!important;border-radius:0 0 18px 18px!important;min-height:calc(100dvh - 124px)!important}
  .card{padding:12px!important;border-radius:16px!important}
  .card+.card,.grid-2+.card,.grid-3+.card{margin-top:10px!important}
  .toolbar,.list-actions,.activation-list-actions,.activation-admin-tools,.compact-group-actions,.pdd-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
  .toolbar .btn,.list-actions .btn,.activation-list-actions .btn,.activation-admin-tools .btn,.compact-group-actions .btn,.pdd-actions .btn{
    flex:1 1 calc(33.333% - 7px)!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 8px!important;
    font-size:12px!important;
  }
  .card-list-search,.claim-search-box,.activation-search-box{
    flex:1 0 100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:6px!important;
    width:100%!important;
    margin-top:2px!important;
  }
  .card-list-search .input,.claim-search-box .input,.activation-search-box .input,#linkSearchInput,#claimSearchInput,#activationSearchInput{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    font-size:13px!important;
  }
  .verify-chip-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    max-height:152px!important;
    overflow:auto!important;
    padding-right:2px!important;
  }
  .verify-chip{
    position:relative!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:42px!important;
    padding:8px 32px 8px 10px!important;
    border-radius:12px!important;
  }
  .verify-chip div{min-width:0!important}
  .verify-chip b{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  .verify-chip span{font-size:11px!important}
  .verify-chip-remove{
    position:absolute!important;
    right:6px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:24px!important;
    height:24px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    line-height:1!important;
  }
  .mobile-record-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:10px!important}
  .mobile-record-card{
    border:1px solid #e6eef9!important;
    border-radius:14px!important;
    background:#fff!important;
    padding:11px!important;
    box-shadow:0 10px 28px rgba(16,35,63,.05)!important;
    overflow:hidden!important;
  }
  .mobile-record-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-width:0!important;
    margin-bottom:8px!important;
  }
  .mobile-record-head b{font-size:14px!important;line-height:1.2!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .mobile-record-head span,.status-used,.status-unused{
    flex:0 0 auto!important;
    border-radius:999px!important;
    padding:5px 8px!important;
    font-size:11px!important;
    font-weight:900!important;
    background:#eef4ff!important;
    color:#1f4f91!important;
  }
  .status-used{background:#eefdf5!important;color:#079455!important}
  .status-unused{background:#fff7ed!important;color:#c2410c!important}
  .mobile-record-url{
    padding:8px 9px!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    border:1px solid #e9eef6!important;
    color:#173052!important;
    font-size:12px!important;
    line-height:1.45!important;
    word-break:break-all!important;
  }
  .mobile-record-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  .mobile-record-grid div{
    min-width:0!important;
    background:#f8fafc!important;
    border:1px solid #eef2f7!important;
    border-radius:10px!important;
    padding:7px!important;
  }
  .mobile-record-grid span{display:block!important;color:#667085!important;font-size:11px!important;margin-bottom:4px!important}
  .mobile-record-grid b{display:block!important;color:#101828!important;font-size:12px!important;line-height:1.35!important;word-break:break-word!important}
  .mobile-record-actions{display:flex!important;justify-content:flex-end!important;margin-top:8px!important}
  .mobile-record-actions .btn{height:32px!important;min-height:32px!important;padding:0 12px!important}
  .mobile-pager{
    display:grid!important;
    grid-template-columns:auto minmax(54px,1fr) minmax(74px,86px) auto auto!important;
    align-items:center!important;
    gap:6px!important;
    margin-top:10px!important;
    padding:8px!important;
    border:1px solid #e6eef9!important;
    border-radius:14px!important;
    background:#f8fafc!important;
  }
  .mobile-pager .btn{height:32px!important;min-height:32px!important;padding:0 8px!important;font-size:12px!important;min-width:0!important}
  .mobile-pager-main{display:grid!important;justify-items:center!important;line-height:1.1!important}
  .mobile-pager-main b{font-size:13px!important;color:#101828!important}
  .mobile-pager-main span{font-size:10px!important;color:#667085!important;white-space:nowrap!important}
  .mobile-pager-jump{
    display:flex!important;
    align-items:center!important;
    gap:3px!important;
    font-size:11px!important;
    color:#667085!important;
    white-space:nowrap!important;
  }
  .mobile-pager-jump input{width:38px!important;height:30px!important;padding:4px!important;text-align:center!important;border-radius:8px!important}
  .mobile-empty{padding:18px 10px!important;text-align:center!important;color:#667085!important;background:#f8fafc!important;border:1px dashed #dbe7f5!important;border-radius:14px!important}
  .activation-admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .activation-admin-stats div{padding:8px!important;border-radius:12px!important}
  .activation-admin-stats b{font-size:11px!important}
  .activation-admin-stats span{font-size:18px!important}
  .bottle-lib-table{max-height:360px!important;overflow:auto!important;border-radius:14px!important}
  .bottle-lib-row.head{display:none!important}
  .bottle-lib-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) repeat(3,58px)!important;
    gap:7px!important;
    align-items:center!important;
    padding:9px!important;
    border:1px solid #e6eef9!important;
    border-radius:14px!important;
    margin-bottom:8px!important;
  }
  .bottle-lib-name b{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .bottle-lib-name span{font-size:11px!important}
  .bottle-lib-num{
    display:grid!important;
    place-items:center!important;
    min-height:44px!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    font-size:16px!important;
    font-weight:950!important;
  }
  .bottle-lib-num:before{content:attr(data-label);font-size:10px!important;color:#667085!important;font-weight:800!important;margin-bottom:2px!important}
  .bottle-lib-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .bottle-lib-actions .btn{width:100%!important;height:34px!important;min-height:34px!important;font-size:12px!important}
  .bottle-campaign-table{display:grid!important;gap:8px!important}
  .bottle-campaign-row.head{display:none!important}
  .bottle-campaign-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
    border:1px solid #e6eef9!important;
    border-radius:14px!important;
  }
  .bottle-campaign-name{min-width:0!important}
  .bottle-campaign-name b,.bottle-campaign-name span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .bottle-campaign-groups{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;max-height:none!important}
  .bottle-campaign-groups span{min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
  .bottle-campaign-data{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .bottle-review-toggle{grid-column:1/-1!important;width:100%!important}
  .bottle-campaign-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .bottle-campaign-actions .btn{height:32px!important;min-height:32px!important;padding:0 6px!important;font-size:11px!important;width:100%!important}
  .mobile-qr-strip,.bottle-claim-qrs{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:2px 0!important}
  .bottle-claim-qr{flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:10px!important}
  .bottle-claim-qr img{width:100%!important;height:100%!important;object-fit:cover!important}
  #view-pdd .pdd-stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #view-pdd .pdd-stats-grid .card-data-item,#view-pdd .pdd-stats-grid .pdd-stat-main{
    grid-column:auto!important;
    min-height:72px!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  #view-pdd .pdd-stats-grid .card-data-item b{font-size:11px!important;white-space:nowrap!important}
  #view-pdd .pdd-stats-grid .card-data-item span{font-size:22px!important}
  .pdd-config-layout{grid-template-columns:1fr!important}
  .pdd-url-row{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important}
  .pdd-url-row .copy-icon-btn{height:42px!important;flex:auto!important}
}

/* 使用文档：白底目录式教程，真实截图标注 */
#view-docs .docs-hero{
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  padding:18px 0 12px!important;
  border-radius:0!important;
}
#view-docs .docs-kicker{
  color:#64748b!important;
  font-size:13px!important;
  font-weight:900!important;
}
#view-docs .docs-hero h2{
  margin-top:4px!important;
}
#view-docs .docs-toolbar{
  margin:10px 0 6px!important;
}
#view-docs .docs-grid{
  display:block!important;
  background:#fff!important;
}
#view-docs .doc-manual{
  border:0!important;
  border-bottom:1px solid #e7edf5!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
#view-docs .doc-manual-head{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 26px!important;
  align-items:center!important;
  gap:12px!important;
  padding:16px 4px!important;
  background:#fff!important;
  border:0!important;
  text-align:left!important;
  cursor:pointer!important;
}
#view-docs .doc-manual-head:hover{
  background:#fff!important;
}
#view-docs .doc-manual.is-open .doc-manual-head{
  background:#fff!important;
  border-bottom:0!important;
}
#view-docs .doc-directory-line{
  display:block!important;
  min-width:0!important;
  color:#10233f!important;
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:900!important;
  white-space:normal!important;
}
#view-docs .doc-triangle{
  justify-self:end!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  color:#0f172a!important;
  font-size:18px!important;
  font-weight:950!important;
}
#view-docs .doc-manual-type,
#view-docs .doc-title-line{
  display:none!important;
}
#view-docs .doc-manual-detail{
  padding:0 0 22px!important;
  background:#fff!important;
}
#view-docs .doc-step-gallery{
  display:grid!important;
  gap:18px!important;
  margin-top:4px!important;
}
#view-docs .doc-gallery-item{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-items:start!important;
  padding:18px 0!important;
  border:0!important;
  border-top:1px dashed #e4ebf5!important;
  border-radius:0!important;
  background:#fff!important;
}
#view-docs .doc-gallery-copy{
  display:block!important;
  min-width:0!important;
}
#view-docs .doc-step-title-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
#view-docs .doc-step-title-row>b{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#1677ff!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
}
#view-docs .doc-step-title-row h4{
  margin:0!important;
  color:#10233f!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1.6!important;
}
#view-docs .doc-gallery-copy p{
  display:none!important;
}
#view-docs .doc-gallery-item img{
  width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  display:block!important;
  border:1px solid #dfe8f5!important;
  border-radius:12px!important;
  background:#f8fafc!important;
}
#view-docs .doc-note{
  margin-top:4px!important;
  padding:11px 12px!important;
  border-radius:12px!important;
  background:#fff7ed!important;
}
#view-docs .doc-enter-btn{
  margin-top:2px!important;
}
@media(max-width:980px){
  #view-docs .doc-gallery-item{
    grid-template-columns:1fr!important;
  }
  #view-docs .doc-directory-line{
    font-size:15px!important;
  }
}

/* 图文分发最终一体化外观：按原批量图文系统的工作台结构收口。 */
.poster-native-shell{
  margin:-14px -16px -18px!important;
  border-radius:0 0 18px 18px!important;
}
.poster-native-main{
  display:block!important;
}
.poster-clone.page-generate,
.poster-clone.page-materials,
.poster-clone.page-distribution{
  width:100%!important;
  max-width:none!important;
}
.poster-clone .poster-topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.poster-clone .poster-top-actions{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
}
.poster-clone .poster-panel h2,
.poster-clone .poster-control h2,
.poster-clone .poster-settings h2{
  font-size:14px!important;
  color:#1b2a28!important;
  margin:0!important;
}
.poster-clone .poster-panel label,
.poster-clone .poster-control label,
.poster-clone .poster-settings label{
  font-size:12px!important;
  color:#455957!important;
  font-weight:850!important;
}
.poster-clone .poster-dir-tabs button,
.poster-clone .poster-folder-grid button{
  border-radius:999px!important;
  border-color:#d8e7e5!important;
  background:#f7fbfb!important;
  color:#22413d!important;
}
.poster-clone .poster-dir-tabs button.active,
.poster-clone .poster-folder-grid button.active{
  background:#dff6f1!important;
  border-color:#84d8cb!important;
  color:#087064!important;
}
.poster-clone .poster-create-line h2{
  margin:0 0 4px!important;
}
.poster-clone .poster-create-line span,
.poster-clone .poster-collection-meta span,
.poster-clone .poster-preview-head span{
  color:#71817f!important;
}
.poster-clone .poster-campaign-list,
.poster-clone .poster-submission-list{
  display:grid!important;
  gap:8px!important;
}
.poster-clone .poster-campaign-row{
  overflow:visible!important;
}
.poster-clone .poster-campaign-row>input{
  font-size:11px!important;
  color:#61716f!important;
}
.poster-clone .poster-campaign-expiry{
  grid-column:1/-1!important;
  color:#7a8b88!important;
  font-style:normal!important;
  font-size:11px!important;
}
.poster-clone .poster-sub-row{
  background:#fff!important;
  border:1px solid #e1e8e9!important;
  border-radius:7px!important;
  align-items:center!important;
}
.poster-clone .poster-pager{
  border:0!important;
  background:transparent!important;
  justify-content:center!important;
}
.poster-clone .poster-picker-modal{
  border-radius:12px!important;
  border:1px solid #d8e4e5!important;
  box-shadow:0 20px 60px rgba(19,32,30,.18)!important;
}
.poster-clone .poster-picker-modal .modal-top{
  border-bottom:1px solid #edf3f4!important;
}
@media(max-width:980px){
  .poster-native-shell{
    margin:0!important;
    border-radius:14px!important;
  }
  .poster-clone .poster-topbar{
    align-items:flex-start!important;
  }
}

.billing-summary-card{margin-top:16px}.billing-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.billing-summary-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e5edf8;border-radius:14px;background:#fbfdff;padding:12px}.billing-summary-item.active{border-color:#b7e5c9;background:#f6fff9}.billing-summary-item b{display:block;color:#132238}.billing-summary-item span{display:block;margin-top:4px;color:#66758d;font-size:12px;line-height:1.35}.billing-summary-item .btn{white-space:nowrap;padding:8px 12px}.billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.billing-card{border:1px solid #e5edf8;border-radius:18px;background:#fbfdff;padding:16px;display:grid;gap:14px}.billing-card.active{border-color:#7bc59b;background:#f4fff8}.billing-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.billing-card h3{margin:0 0 6px;color:#132238;font-size:18px}.billing-card p{margin:0;color:#66758d;line-height:1.5}.billing-card-head span{white-space:nowrap;background:#edf4ff;color:#2563eb;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.billing-card.active .billing-card-head span{background:#dff8e9;color:#128043}.billing-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.billing-plan{border:1px solid #dfe8f6;background:#fff;border-radius:14px;padding:12px 10px;cursor:pointer;display:grid;gap:4px;text-align:center;color:#173052}.billing-plan:hover{border-color:#1677ff;background:#f6f9ff}.billing-plan b{font-size:14px}.billing-plan span{font-size:18px;font-weight:950;color:#1677ff}.qr-modal .qr-preview img{max-width:280px;width:100%;height:auto}
.terms-check{display:flex;align-items:flex-start;gap:8px;margin:10px 0 4px;color:#66758d;font-size:13px;line-height:1.55}.terms-check input{margin-top:3px}.terms-check a{color:#1f5eff;font-weight:900;text-decoration:none}.pay-plan-modal{width:min(94vw,680px)!important}.pay-plan-detail{display:grid;grid-template-columns:1fr;gap:12px;margin-top:4px;border:1px solid #e4ebf5;background:#f8fbff;border-radius:16px;padding:14px}.pay-plan-detail span,.pay-plan-label{display:block;color:#66758d;font-size:12px;font-weight:900;margin-bottom:6px}.pay-plan-detail b{display:block;color:#10233f;font-size:20px}.pay-plan-detail p{margin:0;color:#243b5a;line-height:1.65}.pay-plan-label{margin:16px 0 8px}.pay-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pay-plan-card{border:1px solid #dfe8f6;background:#fff;border-radius:16px;padding:16px 10px;display:grid;gap:6px;text-align:center;cursor:pointer;color:#173052}.pay-plan-card:hover,.pay-plan-card.active{border-color:#1677ff;background:#f6f9ff;box-shadow:0 10px 28px rgba(37,99,235,.12)}.pay-plan-card.active{outline:2px solid rgba(22,119,255,.18)}.pay-plan-card b{font-size:14px}.pay-plan-card span{font-size:22px;font-weight:950;color:#1677ff}.pay-plan-card em{font-style:normal;color:#66758d;font-size:12px;font-weight:900}.pay-plan-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.pay-plan-terms{color:#66758d;font-size:13px}.pay-plan-terms a{color:#1f5eff;font-weight:900;text-decoration:none}.pay-plan-actions{display:flex;align-items:center;gap:10px}
.feature-center-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-card{position:relative;display:grid;gap:12px;min-height:226px;padding:18px;border:1px solid #e4ebf5;border-radius:18px;background:linear-gradient(145deg,#fff 0,#fbfdff 64%,#f3f7ff 100%)}.feature-card.active{border-color:#b8e6cb;background:linear-gradient(145deg,#fff 0,#f7fffa 62%,#eefbf4 100%)}.feature-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.feature-card-top span{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#edf4ff;color:#1d5fd6;font-size:12px;font-weight:950}.feature-card-top em{font-style:normal;font-size:12px;font-weight:950;color:#9a6a00;background:#fff5d6;border-radius:999px;padding:5px 9px}.feature-card.active .feature-card-top em{color:#0d8a45;background:#ddf8e8}.feature-card h3{margin:0;color:#10233f;font-size:21px;line-height:1.2}.feature-card p{margin:0;color:#66758d;line-height:1.55;min-height:46px}.feature-expire{padding:10px 12px;border-radius:12px;background:#eefaf3;color:#0f7a41;font-size:13px;font-weight:900}.feature-expire.warn{background:#fff6e5;color:#9a5a00}.feature-plans{display:none}.feature-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.feature-actions .btn{width:100%;padding-left:10px;padding-right:10px}.feature-pay-records{margin-top:20px;padding-top:18px;border-top:1px solid #e4ebf5}
@media(max-width:1420px){.feature-center-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1180px){.feature-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.feature-center-grid{grid-template-columns:1fr!important}.feature-plans{grid-template-columns:repeat(2,minmax(0,1fr))!important}.feature-actions{grid-template-columns:1fr!important}}
@media(max-width:720px){.pay-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.admin-pay-wrap{max-height:520px;overflow:auto}.admin-pay-table th,.admin-pay-table td{vertical-align:middle}.admin-pay-price{width:100px;text-align:center}.admin-pay-adjust{display:grid;grid-template-columns:70px auto auto;gap:6px;margin-top:8px;align-items:center}.admin-pay-adjust .btn{padding:7px 9px;border-radius:10px}
.hero-big-pie:before,.hero-big-pie:after{display:none!important;content:none!important}
.hero-big-pie.empty{background:#dbe7f5!important}
.hero-pie-label{background:#fff!important;border:1px solid #e7ebf2!important;box-shadow:none!important}
.hero-pie-label:after{height:2px!important;opacity:.5!important}
.hero-pie-label.p1{right:-58px!important;top:50%!important;transform:translateY(-50%)!important}
.hero-pie-label.p2{left:-58px!important;top:35%!important}
.hero-pie-label.p3{top:-24px!important;left:50%!important;transform:translateX(-50%)!important}
.hero-pie-legend{justify-items:center!important;margin-top:6px!important}
.hero-card-content>div:first-child{position:relative!important;z-index:2!important;min-width:0!important}
.hero-value{display:block!important;visibility:visible!important;opacity:1!important}

/* Place account/support tools on the white content header bar. */
.main{padding-top:18px!important}.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:18px!important;min-height:62px!important;padding:12px 16px 10px 18px!important}.topbar>div:first-child{min-width:0}.topbar h1{font-size:22px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.topbar p{display:none!important}.status-tools{justify-self:end!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;white-space:nowrap!important}.support-trigger,.account-trigger,.pill{height:34px!important;min-height:34px!important;padding:0 10px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid #e6ebf2!important;font-size:12px!important}.account-avatar{width:24px!important;height:24px!important}.account-trigger img{width:24px!important;height:24px!important}.account-dropdown{top:38px!important}.support-popover{top:42px!important}.view.active{min-height:calc(100vh - 98px)!important}.pill#activityPill{display:none}.main .topbar #activityPill[style*="inline-flex"]{display:inline-flex!important}@media(max-width:760px){.topbar{grid-template-columns:1fr!important;row-gap:10px!important}.status-tools{justify-self:start!important;flex-wrap:wrap!important}.topbar h1{white-space:normal!important}.support-popover{right:auto;left:0;transform:none}.support-popover:before{left:34px;right:auto}}

/* Black toolbar above the white rounded content card. */
.main{padding:14px 22px 28px!important}.topbar{position:sticky!important;top:0!important;z-index:40!important;margin:0 0 10px!important;padding:0 2px!important;min-height:38px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;background:#05060a!important;border:0!important;border-radius:0!important;box-shadow:none!important}.topbar h1{color:rgba(255,255,255,.92)!important;font-size:15px!important;font-weight:900!important}.topbar p{display:none!important}.status-tools{justify-self:end!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important}.support-trigger,.account-trigger,.pill{height:30px!important;min-height:30px!important;padding:0 10px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.88)!important;font-size:12px!important;box-shadow:none!important}.support-trigger:hover,.account-trigger:hover,.pill:hover{background:rgba(255,255,255,.13)!important;color:#fff!important}.account-caret{color:rgba(255,255,255,.62)!important}.account-dropdown,.support-popover{top:36px!important}.view.active{border:1px solid var(--app-line)!important;border-radius:22px!important;padding:18px!important;min-height:calc(100vh - 92px)!important;box-shadow:0 22px 70px rgba(0,0,0,.16)!important}.pill#activityPill{display:none}.main .topbar #activityPill[style*="inline-flex"]{display:inline-flex!important}@media(max-width:760px){.topbar{grid-template-columns:1fr!important;row-gap:8px!important}.status-tools{justify-self:start!important;flex-wrap:wrap!important}.view.active{border-radius:18px!important}}

/* Top black toolbar refinement: no page title, plain support link until hover. */
.topbar{grid-template-columns:1fr!important}.topbar>div:first-child{display:none!important}.status-tools{grid-column:1!important;justify-self:end!important}.support-trigger{gap:6px!important;background:transparent!important;border-color:transparent!important;color:rgba(255,255,255,.82)!important;padding:0 8px!important;height:34px!important;min-height:34px!important;font-size:13px!important}.support-trigger:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}.support-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.account-trigger{height:34px!important;min-height:34px!important;padding:0 12px 0 7px!important;font-size:13px!important}.account-avatar,.account-trigger img{width:26px!important;height:26px!important}.account-caret{font-size:13px!important}.pill{height:34px!important;min-height:34px!important;font-size:13px!important}.support-popover{top:40px!important}.account-dropdown{top:40px!important}
@media(max-width:760px){.status-tools{justify-self:start!important}.topbar>div:first-child{display:none!important}}

/* Narrow left sidebar by roughly one third. */
.sidebar{width:170px!important;padding:16px 10px 16px!important}.main{margin-left:170px!important}.brand{font-size:13px!important;gap:6px!important;margin:2px 4px 14px!important;height:38px!important}.brand-logo{width:26px!important;height:26px!important;border-radius:8px!important}.nav{gap:4px!important}.nav button{min-height:34px!important;padding:8px 9px!important;border-radius:9px!important;font-size:13px!important;gap:7px!important}.nav-icon{width:15px!important;height:15px!important}@media(max-width:860px){.sidebar{width:auto!important}.main{margin-left:0!important}.brand{font-size:15px!important}.nav button{font-size:13px!important}}

/* Restore sidebar width after narrow test. */
.sidebar{width:254px!important;padding:18px 14px 18px!important}.main{margin-left:254px!important}.brand{font-size:17px!important;gap:10px!important;margin:2px 8px 18px!important;height:46px!important}.brand-logo{width:31px!important;height:31px!important;border-radius:9px!important}.nav{gap:5px!important}.nav button{min-height:38px!important;padding:10px 12px!important;border-radius:10px!important;font-size:14px!important;gap:10px!important}.nav-icon{width:17px!important;height:17px!important}@media(max-width:860px){.sidebar{width:auto!important}.main{margin-left:0!important}.brand{font-size:15px!important}}

/* Match business-domain and support toolbar brightness. */
.top-tool-trigger,.support-trigger{color:rgba(255,255,255,.82)!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.top-tool-trigger:hover,.support-trigger:hover{color:#fff!important;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.14)!important}
.top-tool-trigger.has-domain:not(:hover){color:rgba(255,255,255,.82)!important;background:transparent!important;border-color:transparent!important}
.docs-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;align-items:center;background:linear-gradient(135deg,#fff 0,#f7fbff 54%,#eef5ff 100%)!important}
.docs-kicker{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;background:#eaf2ff;color:#155bd4;font-size:12px;font-weight:950;margin-bottom:10px}
.docs-hero h2{margin:0;color:#10233f;font-size:28px;line-height:1.2}
.docs-hero p{margin:10px 0 0;color:#65758d;line-height:1.7;max-width:760px}
.docs-hero-badge{height:132px;border-radius:22px;background:#101828;color:#fff;display:grid;place-items:center;text-align:center;box-shadow:0 18px 46px rgba(16,24,40,.18)}
.docs-hero-badge b{font-size:42px;line-height:1;font-weight:950}
.docs-hero-badge span{font-size:13px;color:rgba(255,255,255,.74);font-weight:900}
.docs-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px;gap:12px;margin:14px 0}
.docs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.doc-card{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;padding:16px;border:1px solid #e4ebf5;border-radius:18px;background:#fff}
.doc-video{position:relative;min-height:312px;border-radius:18px;padding:18px;background:radial-gradient(circle at 26% 18%,rgba(56,189,248,.22),transparent 34%),linear-gradient(160deg,#111827 0,#15366e 58%,#1677ff 100%);color:#fff;overflow:hidden}
.doc-video:after{content:"";position:absolute;inset:auto -36px -40px 24px;height:110px;border-radius:999px;background:rgba(255,255,255,.12);filter:blur(2px)}
.doc-play{position:relative;z-index:1;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1677ff;font-size:21px;font-weight:950;box-shadow:0 18px 36px rgba(0,0,0,.22)}
.doc-video-title{position:relative;z-index:1;margin-top:18px;font-size:20px;font-weight:950;line-height:1.25}
.doc-video-time{position:relative;z-index:1;margin-top:8px;color:rgba(255,255,255,.74);font-size:13px;font-weight:900}
.doc-video-steps{position:relative;z-index:1;display:grid;gap:8px;margin-top:18px}
.doc-video-steps span{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.12);font-size:12px;line-height:1.45;color:rgba(255,255,255,.92)}
.doc-video-steps b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#155bd4;font-size:12px}
.doc-body{min-width:0;display:grid;gap:12px;align-content:start}
.doc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.doc-head h3{margin:0;color:#10233f;font-size:22px;line-height:1.25}
.doc-head span{white-space:nowrap;height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#f2f6fb;color:#50627c;font-size:12px;font-weight:950}
.doc-body p{margin:0;color:#5e6e86;line-height:1.65}
.doc-block{padding:12px;border-radius:14px;background:#f8fbff;border:1px solid #eef3fa}
.doc-block>b{display:block;margin-bottom:8px;color:#12233d}
.doc-block ol,.doc-block ul{margin:0;padding-left:20px;color:#53647b;line-height:1.7}
.doc-block li+li{margin-top:3px}
.doc-body .btn{justify-self:start;min-width:128px}
@media(max-width:1320px){.docs-grid{grid-template-columns:1fr}.doc-card{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:820px){.docs-hero{grid-template-columns:1fr}.docs-hero-badge{height:96px}.docs-toolbar{grid-template-columns:1fr}.doc-card{grid-template-columns:1fr}.doc-video{min-height:auto}.doc-video-steps{grid-template-columns:1fr}.doc-head{display:grid}.doc-body .btn{width:100%}}
.docs-hero{grid-template-columns:minmax(0,1fr) 132px!important;padding:18px!important}
.docs-hero h2{font-size:24px!important}
.docs-hero p{font-size:14px!important;line-height:1.6!important}
.docs-hero-badge{height:94px!important;border-radius:18px!important}
.docs-hero-badge b{font-size:32px!important}
.docs-toolbar{grid-template-columns:minmax(220px,1fr) 180px!important;margin:12px 0!important}
.docs-grid{grid-template-columns:1fr!important;gap:10px!important}
.simple-doc-card{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important;border-radius:16px!important;min-height:0!important;overflow:hidden}
.simple-doc-head{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border:0;background:#fff;padding:15px 16px;cursor:pointer;text-align:left}
.simple-doc-head:hover{background:#f8fbff}
.simple-doc-head h3{margin:0;color:#10233f;font-size:18px;line-height:1.25}
.simple-doc-head p{margin:6px 0 0;color:#66758d;line-height:1.5;font-size:13px}
.simple-doc-head span{flex:0 0 auto;height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:#f1f5f9;color:#52637a;font-size:12px;font-weight:900}
.simple-doc-card.open .simple-doc-head{border-bottom:1px solid #edf2f8;background:#fbfdff}
.simple-doc-detail{display:none;padding:14px 16px 16px;gap:12px}
.simple-doc-card.open .simple-doc-detail{display:grid}
.doc-shot{border:1px solid #e2eaf5;border-radius:14px;background:#f8fbff;overflow:hidden}
.doc-shot-top{height:30px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid #e2eaf5;background:#fff}
.doc-shot-top i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}
.doc-shot-body{position:relative;height:150px;padding:14px;background:linear-gradient(135deg,#f8fbff,#eef6ff)}
.doc-shot-body:before{content:"";position:absolute;left:14px;top:14px;width:58px;bottom:14px;border-radius:12px;background:#101828}
.doc-shot-body:after{content:"";position:absolute;left:86px;right:14px;top:14px;bottom:14px;border-radius:12px;background:#fff;border:1px solid #e2eaf5}
.doc-hotspot{position:absolute;z-index:1;display:flex;align-items:center;gap:6px;max-width:62%;padding:6px 8px;border-radius:999px;background:#1677ff;color:#fff;font-size:12px;font-weight:900;box-shadow:0 10px 22px rgba(22,119,255,.22)}
.doc-hotspot:before{content:"";position:absolute;width:24px;height:2px;background:#ff7a1a;transform-origin:left center}
.doc-hotspot b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1677ff;font-size:11px}
.doc-hotspot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doc-hotspot-1{left:32px;top:28px}.doc-hotspot-1:before{left:100%;top:50%;transform:rotate(18deg)}
.doc-hotspot-2{right:24px;top:68px;background:#14b8a6}.doc-hotspot-2:before{right:100%;top:50%;transform:rotate(160deg);background:#14b8a6}
.doc-hotspot-3{left:96px;bottom:22px;background:#f97316}.doc-hotspot-3:before{left:100%;top:50%;transform:rotate(-18deg);background:#f97316}
.simple-doc-steps{margin:0;padding-left:20px;color:#42526a;font-size:13px;line-height:1.65}
.simple-doc-steps li+li{margin-top:2px}
.simple-doc-tip{padding:9px 10px;border-radius:12px;background:#fff7ed;color:#9a4b00;font-size:12px;font-weight:900;line-height:1.45}
.simple-doc-card .btn{width:160px;min-height:36px}
@media(max-width:820px){.docs-hero,.docs-toolbar,.docs-grid{grid-template-columns:1fr!important}.doc-shot-body{height:138px}.simple-doc-head{display:grid}.simple-doc-head span{justify-self:start}.simple-doc-card .btn{width:100%}}

/* Clean usage center: directory + screenshot-style step guide. */
.docs-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;gap:16px!important;padding:18px 20px!important;border-radius:18px!important;background:linear-gradient(135deg,#ffffff 0,#f8fbff 68%,#eef6ff 100%)!important}
.docs-kicker{margin-bottom:8px!important}
.docs-hero h2{font-size:26px!important;line-height:1.18!important}
.docs-hero p{max-width:900px!important;color:#5f6f86!important;font-size:14px!important;line-height:1.75!important}
.docs-hero-badge{height:88px!important;border-radius:18px!important;background:#111827!important}
.docs-hero-badge b{font-size:32px!important}
.docs-toolbar{grid-template-columns:minmax(240px,1fr) 180px!important;gap:10px!important;margin:12px 0!important}
.docs-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.doc-manual{background:#fff;border:1px solid #e4ebf5;border-radius:16px;overflow:hidden}
.doc-manual-head{width:100%;display:grid;grid-template-columns:92px minmax(0,1fr) 86px 86px;gap:12px;align-items:center;border:0;background:#fff;padding:14px 16px;text-align:left;cursor:pointer}
.doc-manual-head:hover{background:#f8fbff}
.doc-manual.is-open .doc-manual-head{background:#f6faff;border-bottom:1px solid #e4ebf5}
.doc-manual-type{height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eaf2ff;color:#155bd4;font-size:12px;font-weight:950}
.doc-manual-head strong{font-size:17px;color:#10233f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doc-manual-head em{font-style:normal;color:#66758d;font-size:12px;font-weight:900;text-align:center}
.doc-manual-head i{font-style:normal;color:#1677ff;font-size:12px;font-weight:950;text-align:right}
.doc-manual-detail{display:grid;gap:14px;padding:16px}
.doc-manual-intro{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;align-items:start;padding:12px 14px;border:1px solid #e8eef7;border-radius:14px;background:#fbfdff}
.doc-manual-intro h3{margin:0;color:#10233f;font-size:22px}
.doc-manual-intro p{margin:0;color:#5f6f86;line-height:1.65}
.doc-manual-layout{display:grid;grid-template-columns:minmax(360px,1.08fr) minmax(320px,.92fr);gap:16px;align-items:stretch}
.doc-screenshot{border:1px solid #dfe8f5;border-radius:16px;background:#fff;overflow:hidden;min-height:360px}
.doc-browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #e5edf7;background:#f8fafc}
.doc-browser-bar span{width:9px;height:9px;border-radius:50%;background:#cbd5e1}
.doc-browser-bar b{margin-left:8px;color:#475569;font-size:13px}
.doc-fake-ui{position:relative;height:318px;background:linear-gradient(135deg,#eef5ff 0,#f8fbff 100%)}
.doc-fake-side{position:absolute;left:16px;top:16px;bottom:16px;width:88px;border-radius:14px;background:#101828}
.doc-fake-page{position:absolute;left:118px;right:16px;top:16px;bottom:16px;border:1px solid #e1eaf5;border-radius:16px;background:#fff;padding:16px}
.doc-fake-title{width:36%;height:18px;border-radius:999px;background:#cfe0f7}
.doc-fake-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.doc-fake-cards i{height:58px;border-radius:12px;background:#edf4ff;border:1px solid #dbe8f7}
.doc-fake-panel{height:124px;margin-top:14px;border-radius:14px;background:repeating-linear-gradient(0deg,#f8fafc 0,#f8fafc 18px,#edf2f7 19px,#edf2f7 20px);border:1px solid #e2eaf5}
.doc-pin{position:absolute;z-index:2;max-width:230px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;padding:8px 10px;border-radius:14px;background:#1677ff;color:#fff;box-shadow:0 12px 26px rgba(22,119,255,.24);font-size:12px;font-weight:950}
.doc-pin:after{content:"";position:absolute;width:36px;height:3px;border-radius:999px;background:#ff7a1a;transform-origin:left center}
.doc-pin b{width:28px;height:28px;border-radius:50%;background:#fff;color:#1677ff;display:grid;place-items:center;font-size:13px}
.doc-pin span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.doc-pin-1{left:32px;top:34px}.doc-pin-1:after{left:100%;top:50%;transform:rotate(15deg)}
.doc-pin-2{right:34px;top:82px;background:#14b8a6}.doc-pin-2:after{right:100%;top:50%;transform:rotate(165deg);background:#14b8a6}
.doc-pin-3{left:142px;bottom:86px;background:#f97316}.doc-pin-3:after{left:100%;top:50%;transform:rotate(-18deg);background:#f97316}
.doc-pin-4{right:42px;bottom:30px;background:#7c3aed}.doc-pin-4:after{right:100%;top:50%;transform:rotate(190deg);background:#7c3aed}
.doc-step-list{display:grid;gap:10px;align-content:start;border:1px solid #e4ebf5;border-radius:16px;background:#fff;padding:14px}
.doc-step-title{font-size:18px;font-weight:950;color:#10233f;margin-bottom:2px}
.doc-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:11px;border-radius:14px;background:#f8fbff;border:1px solid #edf3fa}
.doc-step b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1677ff;color:#fff}
.doc-step p{margin:0;color:#42526a;line-height:1.62;font-weight:850}
.doc-note{padding:11px 12px;border-radius:14px;background:#fff7ed;color:#9a4b00;line-height:1.55;font-weight:850}
.doc-step-list .btn{justify-self:start;min-width:150px}
@media(max-width:1180px){.doc-manual-layout{grid-template-columns:1fr}.doc-screenshot{min-height:330px}.doc-fake-ui{height:288px}}
@media(max-width:760px){.docs-hero,.docs-toolbar{grid-template-columns:1fr!important}.doc-manual-head{grid-template-columns:1fr;gap:8px}.doc-manual-head em,.doc-manual-head i{text-align:left}.doc-manual-intro{grid-template-columns:1fr}.doc-screenshot{min-height:360px}.doc-fake-ui{height:318px}.doc-fake-side{width:54px}.doc-fake-page{left:82px}.doc-pin{max-width:78%;font-size:11px}.doc-step-list .btn{width:100%}}
.docs-hero{grid-template-columns:1fr!important;padding:16px 18px!important;background:#fff!important;border-radius:14px!important}
.docs-kicker{background:transparent!important;padding:0!important;color:#1677ff!important}
.docs-hero h2{font-size:24px!important}
.docs-hero p{margin-top:8px!important;max-width:none!important}
.docs-hero-badge{display:none!important}
.docs-toolbar{grid-template-columns:minmax(280px,1fr) 190px!important;margin:12px 0 14px!important}
.docs-grid{gap:8px!important}
.doc-manual{border:0!important;border-bottom:1px solid #e7edf5!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.doc-manual-head{display:grid!important;grid-template-columns:24px minmax(0,1fr) 92px!important;gap:10px!important;align-items:start!important;padding:15px 4px!important;background:#fff!important;border:0!important}
.doc-manual-head:hover{background:#fff!important}
.doc-manual.is-open .doc-manual-head{background:#fff!important;border-bottom:0!important}
.doc-triangle{font-size:18px;color:#1677ff;line-height:1.45;font-weight:950}
.doc-title-line strong{display:block;color:#10233f;font-size:18px;line-height:1.3}
.doc-title-line p{margin:5px 0 0;color:#66758d;font-size:13px;line-height:1.5}
.doc-manual-type{height:24px!important;background:#f1f5f9!important;color:#53647a!important;font-size:12px!important}
.doc-manual-detail{padding:4px 0 20px 34px!important;gap:14px!important}
.doc-step-gallery{display:grid;gap:14px}
.doc-gallery-item{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(360px,1.28fr);gap:14px;align-items:start;padding:14px;border:1px solid #e6edf6;border-radius:16px;background:#fbfdff}
.doc-gallery-copy{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start}
.doc-gallery-copy>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1677ff;color:#fff;font-size:17px}
.doc-gallery-copy h4{margin:0;color:#10233f;font-size:17px}
.doc-gallery-copy p{margin:7px 0 0;color:#42526a;line-height:1.7;font-weight:850}
.doc-gallery-item img{width:100%;height:auto;display:block;border:1px solid #dfe8f5;border-radius:14px;background:#f8fafc}
.doc-note{margin-top:0!important}
.doc-enter-btn{width:180px!important;min-height:38px!important}
@media(max-width:980px){.doc-gallery-item{grid-template-columns:1fr}.doc-manual-detail{padding-left:0!important}.docs-toolbar{grid-template-columns:1fr!important}.doc-manual-head{grid-template-columns:22px minmax(0,1fr)!important}.doc-manual-type{grid-column:2}.doc-enter-btn{width:100%!important}}

/* Bottle multi-type campaign picker. */
.bottle-type-panel{border:1px solid #e2ecf8;background:#fbfdff;border-radius:16px;padding:12px;margin:10px 0 12px}


.bottle-type-head{display:grid;grid-template-columns:24px minmax(120px,1fr) 90px 96px 96px;gap:8px;align-items:center;padding:0 10px 6px;color:#66758d;font-size:12px;font-weight:900}
.bottle-type-list{display:grid;gap:8px;max-height:230px;overflow:auto;padding-right:4px}
.bottle-type-row{display:grid;grid-template-columns:24px minmax(120px,1fr) 90px 96px 96px;gap:8px;align-items:center;border:1px solid #e6eef9;background:#fff;border-radius:12px;padding:8px 10px}
.bottle-type-row b{color:#132238;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottle-type-row span{font-size:12px;color:#66758d}.bottle-type-row .input{height:36px;padding:8px 10px}
@media(max-width:760px){.bottle-type-row{grid-template-columns:1fr}.bottle-type-head{display:none}.bottle-type-row input[type=checkbox]{justify-self:start}}

/* Keep link-hub pagination inside the white workspace instead of a fixed bottom bar. */
.lt-workbench{min-height:calc(100vh - 140px)!important;padding-bottom:0!important}
.lt-bottom-bar{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:14px!important;padding:18px 0 4px!important;margin-top:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:auto!important}
.lt-bottom-bar .page-info{color:#66758d;font-weight:800}.lt-pager{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important}.lt-pager .btn{min-height:34px!important;padding:7px 12px!important;border-radius:10px!important}
.sidebar{width:230px!important}.main{margin-left:230px!important}.brand{font-size:16px!important;text-decoration:none!important}.nav button{font-size:14px!important;padding-left:10px!important;padding-right:10px!important}
@media(max-width:860px){.sidebar{width:auto!important}.main{margin-left:0!important}}
.bottle-form-inline{grid-template-columns:minmax(0,1.15fr) minmax(160px,.75fr) auto;align-items:end}
.bottle-create-action{height:46px;margin:0;white-space:nowrap;padding:0 18px}
.bottle-count-fields{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(130px,.7fr) minmax(130px,.7fr);gap:12px;align-items:end;margin-top:12px}
.bottle-count-fields .field{margin:0}
@media(max-width:760px){.bottle-form-inline,.bottle-count-fields{grid-template-columns:1fr}.bottle-create-action{width:100%}}
.bottle-form-inline{grid-template-columns:minmax(0,1fr) minmax(160px,.72fr) auto;align-items:end}
.bottle-create-action{height:46px;min-height:46px;margin:0 0 0 0;padding:0 22px;align-self:end;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}
.bottle-form-inline>.field{margin:0!important}
.bottle-create-action{position:relative!important;height:46px!important;min-height:46px!important;margin:25px 0 0 0!important;align-self:start!important;box-sizing:border-box!important;line-height:1!important}
.wecom-auth-card{margin-bottom:16px}.wecom-auth-flow{margin:8px 0 14px}.flow-title{font-size:13px;font-weight:950;color:#53647a;margin-bottom:10px}.wecom-auth-steps{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;align-items:center;gap:0}.wecom-auth-steps>i{height:2px;background:#dbe7f5}.wecom-auth-step{border:1px solid #e2ecf8;background:#fbfdff;border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.wecom-auth-step b{width:28px;height:28px;border-radius:999px;background:#eaf1fb;color:#173052;display:grid;place-items:center}.wecom-auth-step span{font-weight:950;color:#132238;white-space:nowrap}.wecom-auth-step.active{border-color:#8bb5ff;background:#eef6ff}.wecom-auth-step.active b,.wecom-auth-step.done b{background:#1677ff;color:#fff}.wecom-auth-step.done{border-color:#c7f2df;background:#f0fdf7}.wecom-auth-state{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e2ecf8;border-radius:16px;background:#fff;padding:14px}.wecom-auth-state b,.wecom-auth-state span,.wecom-auth-state em{display:block}.wecom-auth-state b{font-size:18px}.wecom-auth-state span{color:#66758d;margin-top:5px}.wecom-auth-state em{font-style:normal;color:#2563eb;margin-top:6px;font-weight:900}.wecom-auth-state.ok{background:#f0fdf7;border-color:#bbf7d0}.wecom-auth-modal{max-width:760px}.wecom-auth-center{display:grid;place-items:center;text-align:center}.wecom-auth-qr{display:grid;place-items:center;gap:10px;border:1px solid #e2ecf8;background:#fbfdff;border-radius:18px;padding:18px;margin-top:4px;width:min(360px,100%)}.wecom-auth-qr img{width:280px;height:280px;border-radius:14px;background:#fff}.wecom-auth-qr span{font-weight:900;color:#173052}.wecom-auth-official{margin:12px 0;color:#16a34a;font-weight:950}.wecom-auth-main-btn{min-width:180px;justify-content:center}.wecom-auth-msg{margin-top:10px;text-align:center}.wecom-auth-success{display:grid;gap:8px;border:1px solid #bbf7d0;background:#f0fdf7;border-radius:18px;padding:24px 40px}.wecom-auth-success b{font-size:22px;color:#166534}.wecom-auth-success span{color:#315244;font-weight:800}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid #dbe7f5;border-top-color:#1677ff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.wecom-auth-steps{grid-template-columns:1fr;gap:8px}.wecom-auth-steps>i{display:none}.wecom-auth-state{display:grid}.wecom-auth-qr img{width:220px;height:220px}}
.wecom-auth-modal{width:min(96vw,1120px)!important;max-width:1120px!important;max-height:92vh;overflow:auto}.wecom-auth-center{min-height:460px}.wecom-auth-qr{width:min(430px,100%);padding:22px}.wecom-auth-qr img{width:320px;height:320px}.wecom-auth-success{min-width:420px}.wecom-permission-layout{display:grid;grid-template-columns:minmax(360px,540px) minmax(360px,1fr);grid-template-rows:auto auto;column-gap:38px;row-gap:18px;align-items:center;text-align:left;width:100%;padding:8px 8px 4px}.wecom-permission-left{display:grid;gap:14px;justify-items:center}.wecom-permission-shot{background:#07111f;border-radius:20px;padding:18px;display:grid;place-items:center;width:100%}.wecom-permission-shot img{width:100%;max-height:560px;object-fit:contain;border-radius:8px}.wecom-permission-title{display:block;text-align:center;font-size:26px;color:#132238}.wecom-permission-copy{display:grid;gap:14px;align-content:center;justify-self:end;max-width:430px}.wecom-permission-copy p{margin:0;color:#53647a;font-size:16px;line-height:1.9;font-weight:850}.wecom-permission-actions{grid-column:1/-1;display:flex;justify-content:center;padding-top:4px}.wecom-permission-actions .wecom-auth-main-btn{min-width:240px}@media(max-width:900px){.wecom-auth-modal{width:min(96vw,760px)!important}.wecom-permission-layout{grid-template-columns:1fr}.wecom-permission-actions{grid-column:auto}.wecom-permission-copy{justify-self:stretch;max-width:none}.wecom-auth-center{min-height:auto}.wecom-auth-qr img{width:240px;height:240px}}
.wecom-permission-tip{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:flex-start;border:1px solid #e2ecf8;background:#fbfdff;border-radius:16px;padding:14px}.wecom-permission-tip>b{width:34px;height:34px;border-radius:999px;background:#1677ff;color:#fff;display:grid;place-items:center;font-size:13px}.wecom-permission-tip p{margin:0;color:#475569;font-size:16px;line-height:1.85;font-weight:850}.wecom-permission-tip span{display:block;color:#1677ff;font-weight:950;margin-top:4px}
.wecom-auth-modal{height:min(92vh,760px)!important;display:flex;flex-direction:column}.wecom-auth-modal .modal-top{flex:0 0 auto}.wecom-auth-modal #wecomAuthModalBody{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.wecom-auth-modal .wecom-auth-flow{flex:0 0 auto}.wecom-auth-center{flex:1;min-height:0!important;overflow:hidden;align-content:center}.wecom-permission-layout{height:100%;min-height:0;grid-template-columns:minmax(320px,500px) minmax(340px,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:center}.wecom-permission-left{min-height:0;height:100%;align-content:center}.wecom-permission-shot{height:100%;max-height:430px;min-height:0;overflow:hidden}.wecom-permission-shot img{max-height:100%;width:100%;height:100%;object-fit:contain}.wecom-permission-title{font-size:24px}.wecom-permission-copy{max-width:460px}.wecom-permission-tip{padding:12px}.wecom-permission-tip p{font-size:15px;line-height:1.7}.wecom-permission-actions{padding-top:0}@media(max-width:900px){.wecom-auth-modal{height:min(92vh,820px)!important}.wecom-auth-modal #wecomAuthModalBody{overflow:auto}.wecom-auth-center{overflow:visible}.wecom-permission-layout{height:auto;grid-template-rows:auto}.wecom-permission-shot{height:auto;max-height:360px}.wecom-permission-shot img{height:auto}}
.wecom-auth-card{padding:0!important;border:0!important;background:transparent!important}.wecom-auth-compact{display:grid;grid-template-columns:minmax(520px,1fr) auto auto;align-items:center;gap:16px;border:1px solid rgba(22,119,255,.22);border-radius:18px;background:linear-gradient(135deg,#0b1020 0,#111827 52%,#172554 100%);padding:14px 16px;box-shadow:0 18px 40px rgba(15,23,42,.16)}.wecom-auth-compact.ok{grid-template-columns:minmax(520px,1fr) auto}.wecom-auth-compact .wecom-auth-flow{margin:0}.wecom-auth-compact .flow-title{display:none}.wecom-auth-compact .wecom-auth-steps{grid-template-columns:repeat(4,auto);gap:8px}.wecom-auth-compact .wecom-auth-steps>i{display:none}.wecom-auth-compact .wecom-auth-step{min-height:34px;padding:7px 11px;border-radius:999px;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.wecom-auth-compact .wecom-auth-step b{width:22px;height:22px;background:rgba(255,255,255,.15);color:#e5edff;font-size:12px}.wecom-auth-compact .wecom-auth-step span{color:#e5edff;font-size:13px}.wecom-auth-compact .wecom-auth-step.active,.wecom-auth-compact .wecom-auth-step.done{border-color:rgba(96,165,250,.72);background:linear-gradient(135deg,#2563eb,#06b6d4)}.wecom-auth-compact .wecom-auth-step.active b,.wecom-auth-compact .wecom-auth-step.done b{background:rgba(255,255,255,.95);color:#0f172a}.wecom-auth-compact-title{display:grid;gap:3px;color:#fff;text-align:right}.wecom-auth-compact-title b{font-size:18px;white-space:nowrap}.wecom-auth-compact-title span{color:#b8c4d9;font-size:12px}.wecom-auth-compact .btn{white-space:nowrap}@media(max-width:1100px){.wecom-auth-compact,.wecom-auth-compact.ok{grid-template-columns:1fr}.wecom-auth-compact-title{text-align:left}.wecom-auth-compact .wecom-auth-steps{grid-template-columns:repeat(2,auto);justify-content:start}}
.local-module-config{align-content:start}.local-module-form{display:grid;gap:10px;margin-top:10px}.local-module-form label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900;color:#173052}.local-checkline{height:38px;border:1px solid #e3edf9;border-radius:10px;background:#fff;padding:0 10px;white-space:nowrap}.local-module-form .textarea{min-height:74px}.local-inline-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.local-reward-list{display:flex;flex-wrap:wrap;gap:6px}.local-reward-list em{font-style:normal;border:1px solid #dfe8f6;background:#f8fbff;border-radius:999px;padding:5px 8px;color:#53647a;font-size:12px;font-weight:900}.local-module-config .toolbar{margin:0}.local-module-config .btn{min-height:34px;padding:7px 10px;border-radius:10px}.local-module-config .input,.local-module-config .select{height:38px;padding:8px 10px}.local-points-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.local-points-summary div{border:1px solid #e3edf9;background:#fff;border-radius:12px;padding:9px 8px}.local-points-summary b{display:block;font-size:18px;color:#10233f;line-height:1.1;margin:0 0 4px}.local-points-summary span{display:block;font-size:11px;color:#66758d;font-weight:900}.local-points-board,.local-points-records{display:grid;gap:7px}.local-points-board>div,.local-points-records>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid #e3edf9;background:#fff;border-radius:12px;padding:8px 10px}.local-points-board span,.local-points-records span{font-weight:900;color:#173052;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-points-board b,.local-points-records b{color:#1677ff;white-space:nowrap}.local-points-board em,.local-points-records em{font-style:normal;color:#66758d;font-size:12px;font-weight:900;white-space:nowrap}.local-points-records>div{grid-template-columns:minmax(0,1fr) auto auto auto auto}.local-points-records .btn-mini{min-height:28px;padding:5px 8px;border-radius:8px;font-size:12px}@media(max-width:760px){.local-points-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.local-points-board>div,.local-points-records>div{grid-template-columns:1fr auto}.local-points-records .btn-mini{width:auto}}
.local-group-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:220px;overflow:auto;border:1px solid #e3edf9;background:#f8fbff;border-radius:14px;padding:8px}
.local-account-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:160px;overflow:auto;border:1px solid #e3edf9;background:#f8fbff;border-radius:14px;padding:8px}
.local-group-choice{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px!important;border:1px solid #dfe8f6;background:#fff;border-radius:12px;padding:8px 10px!important;min-width:0;color:#173052!important}
.local-account-choice{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px!important;border:1px solid #dfe8f6;background:#fff;border-radius:12px;padding:8px 10px!important;min-width:0;color:#173052!important}
.local-group-choice.selected{border-color:#1677ff;background:#eef6ff}
.local-account-choice.selected{border-color:#1677ff;background:#eef6ff}
.local-reward-list em{display:inline-flex;align-items:center;gap:6px}.local-reward-list button{border:0;background:#eef2f7;color:#53647a;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:900;cursor:pointer}.local-reward-list button:hover{background:#fee2e2;color:#b42318}.local-capability-strip{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);gap:8px;align-items:center;border:1px solid #dceafd;background:linear-gradient(135deg,#f8fbff,#eef6ff);border-radius:14px;padding:10px 12px;color:#173052}.local-capability-strip.warn{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff1e8)}.local-capability-strip span{display:inline-flex!important;align-items:center;gap:4px;font-size:12px!important;color:#53647a!important;font-weight:900}.local-capability-strip b{font-size:16px!important;color:#10233f!important;margin:0!important}.local-capability-strip em{font-style:normal;font-size:12px;color:#53647a;font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.local-capability-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.local-capability-strip em{grid-column:1/-1;white-space:normal}}
.local-reward-list.rich{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:8px;
}
.local-reward-list.rich em{
  border-radius:14px;
  padding:8px;
  background:#fff;
  border:1px solid #e3edf9;
}
.local-reward-list.rich img,
.local-reward-list.rich i{
  width:38px;
  height:38px;
  border-radius:10px;
  object-fit:cover;
  flex:0 0 auto;
}
.local-reward-list.rich i{
  display:grid;
  place-items:center;
  background:#eef6ff;
  color:#155eef;
  font-style:normal;
  font-weight:950;
}
.local-reward-list.rich span{
  min-width:0;
  flex:1;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.local-reward-list.rich small{
  display:block;
  margin-top:2px;
  color:#66758d;
  font-size:11px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.local-group-choice input{margin:0}
.local-account-choice input{margin:0}
.local-group-choice span{min-width:0;display:block!important}
.local-account-choice span{min-width:0;display:block!important}
.local-points-records span small{display:block;margin-top:3px;color:#66758d;font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.local-tool-nav{padding-left:26px!important}.local-overview-grid .local-module-card{min-height:148px}.local-module-full{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}.local-module-full>b,.local-module-full>span{display:none!important}.local-module-full .local-module-form{margin-top:0}.local-module-full .local-rule-card{background:#fff}.local-module-full .selector-box{background:#fbfdff}
.local-group-choice b{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important;margin:0 0 2px!important;color:#10233f!important}
.local-account-choice b{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important;margin:0 0 2px!important;color:#10233f!important}
.local-group-choice em{display:block;font-style:normal;font-size:11px;color:#66758d;white-space:nowrap}
.local-account-choice em{display:block;font-style:normal;font-size:11px;color:#66758d;white-space:nowrap}
.local-rule-card{border:1px solid #e1ebf7;background:#fbfdff;border-radius:16px;padding:12px;margin-bottom:12px}
.local-rule-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.local-rule-head b{color:#0f2443}
.local-rule-head label{display:flex;align-items:center;gap:6px;color:#64748b;font-weight:800}
@media(max-width:760px){.local-group-picker,.local-account-picker{grid-template-columns:1fr;max-height:260px}}
.wecom-auth-card{padding:0!important;border:0!important;background:transparent!important}.wecom-auth-compact,.wecom-auth-compact.ok{grid-template-columns:minmax(560px,1fr) auto;background:#fff!important;border:1px solid #e3edf9!important;box-shadow:0 10px 30px rgba(16,35,63,.06)!important}.wecom-auth-compact .wecom-auth-steps{display:grid;grid-template-columns:auto 28px auto 28px auto 28px auto;gap:0;align-items:center}.wecom-auth-compact .wecom-auth-steps>i{display:block;height:2px;background:linear-gradient(90deg,#93c5fd,#67e8f9);opacity:.85}.wecom-auth-compact .wecom-auth-step{border-color:#dce8f6;background:#f8fbff;box-shadow:none}.wecom-auth-compact .wecom-auth-step b{background:#e8f1ff;color:#0f172a}.wecom-auth-compact .wecom-auth-step span{color:#173052}.wecom-auth-compact .wecom-auth-step.active,.wecom-auth-compact .wecom-auth-step.done{border-color:#60a5fa;background:linear-gradient(135deg,#2563eb,#06b6d4)}.wecom-auth-compact .wecom-auth-step.active span,.wecom-auth-compact .wecom-auth-step.done span{color:#fff}.wecom-auth-compact-title{color:#132238}.wecom-auth-compact-title b{color:#132238}.wecom-auth-compact-title span{color:#66758d}@media(max-width:1100px){.wecom-auth-compact,.wecom-auth-compact.ok{grid-template-columns:1fr}.wecom-auth-compact .wecom-auth-steps{grid-template-columns:repeat(2,auto);gap:8px}.wecom-auth-compact .wecom-auth-steps>i{display:none}}
.wecom-auth-compact .wecom-auth-steps{grid-template-columns:auto 56px auto 56px auto 56px auto}.wecom-auth-compact .wecom-auth-step{min-height:28px!important;padding:4px 8px!important;gap:5px!important}.wecom-auth-compact .wecom-auth-step b{width:18px!important;height:18px!important;font-size:11px!important}.wecom-auth-compact .wecom-auth-step span{font-size:12px!important}.wecom-auth-compact .wecom-auth-steps>i{height:3px;border-radius:999px}@media(max-width:1100px){.wecom-auth-compact .wecom-auth-steps{grid-template-columns:repeat(2,auto);gap:8px}}
.wecom-auth-compact.pending{grid-template-columns:1fr!important}.wecom-auth-compact.pending .wecom-auth-steps{grid-template-columns:auto 56px auto 56px auto 56px auto auto;justify-content:start;gap:0 0}.wecom-auth-inline-btn{margin-left:12px;padding:7px 14px!important;border-radius:999px!important;min-height:30px;line-height:1;align-self:center}@media(max-width:1100px){.wecom-auth-compact.pending .wecom-auth-steps{grid-template-columns:repeat(2,auto);gap:8px}.wecom-auth-inline-btn{margin-left:0}}
.wecom-auth-card-title{font-size:18px;font-weight:950;color:#101828;margin:0 0 12px}.wecom-auth-compact.pending .wecom-auth-step{min-height:34px!important;padding:7px 11px!important;gap:8px!important}.wecom-auth-compact.pending .wecom-auth-step b{width:22px!important;height:22px!important;font-size:12px!important}.wecom-auth-compact.pending .wecom-auth-step span{font-size:13px!important}.wecom-auth-compact.pending .wecom-auth-steps>i{height:3px}.wecom-auth-compact.pending .wecom-auth-inline-btn{min-height:34px;padding:8px 16px!important}
.wecom-auth-compact .wecom-auth-compact-steps{width:100%}.wecom-auth-compact.pending .wecom-auth-steps{grid-template-columns:auto 56px auto 56px auto 56px auto auto!important;align-items:center!important}.wecom-auth-compact.pending{padding:14px 16px!important}.wecom-auth-compact.pending .wecom-auth-inline-btn{margin-left:12px!important;white-space:nowrap!important}
.wecom-auth-compact .wecom-auth-step,.wecom-auth-compact.pending .wecom-auth-step,.wecom-auth-compact.ok .wecom-auth-step{min-height:34px!important;padding:7px 11px!important;gap:8px!important;border-radius:999px!important}.wecom-auth-compact .wecom-auth-step b,.wecom-auth-compact.pending .wecom-auth-step b,.wecom-auth-compact.ok .wecom-auth-step b{width:22px!important;height:22px!important;font-size:12px!important}.wecom-auth-compact .wecom-auth-step span,.wecom-auth-compact.pending .wecom-auth-step span,.wecom-auth-compact.ok .wecom-auth-step span{font-size:13px!important}.wecom-auth-compact .wecom-auth-steps,.wecom-auth-compact.ok .wecom-auth-steps{grid-template-columns:auto 56px auto 56px auto 56px auto!important;align-items:center!important}.wecom-auth-compact.pending .wecom-auth-steps{grid-template-columns:auto 56px auto 56px auto 56px auto auto!important}.wecom-auth-compact .wecom-auth-steps>i{height:3px!important;border-radius:999px!important}

/* Super admin information architecture refresh. */
.admin-user-layout{display:grid;grid-template-columns:1fr;gap:16px}.admin-user-create-grid{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) 150px auto;gap:12px;align-items:end}.admin-user-create-grid .field{margin:0}.admin-create-btn{height:46px;align-self:end}.admin-user-table table{min-width:980px}.admin-user-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-user-actions .btn{min-height:32px;padding:7px 10px;border-radius:10px}.admin-user-corp{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;align-items:center;min-width:340px}.admin-user-corp .select{height:38px;padding:8px 10px}.admin-user-entry{display:flex;align-items:center;gap:10px}.admin-user-entry b{font-size:15px}.admin-user-entry .muted{line-height:1.35}.admin-user-status{display:inline-flex;align-items:center;border-radius:999px;background:#f2f6fb;color:#173052;padding:6px 10px;font-weight:900;font-size:12px}.admin-user-status.pending{background:#fff7ed;color:#9a3412}.admin-user-status.rejected{background:#fff1f2;color:#b91c1c}.admin-user-status.disabled{background:#f1f5f9;color:#475569}.admin-user-link{max-width:310px;word-break:break-all;color:#475569;font-size:12px;line-height:1.5}.admin-page-clean .card{overflow:hidden}#adminRankingPanel .rank-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#adminRankingPanel .rank-box{background:#f8fbff;border:1px solid #e6eef9;border-radius:14px;padding:14px}#view-card-admin .quick-panel,#view-bottle-admin .quick-panel,#view-pdd-admin .quick-panel{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.control-metric{border:1px solid #e6eef9;background:#f8fbff;border-radius:14px;padding:14px}.control-metric b{color:#667085;font-size:12px}.control-metric span{font-size:26px;color:#101828;font-weight:950}@media(max-width:1100px){.admin-user-create-grid{grid-template-columns:1fr 1fr}.admin-create-btn{width:100%}#adminRankingPanel .rank-grid{grid-template-columns:1fr 1fr}.admin-user-corp{grid-template-columns:1fr}}@media(max-width:680px){.admin-user-create-grid,#adminRankingPanel .rank-grid{grid-template-columns:1fr}.admin-user-actions{display:grid;grid-template-columns:1fr 1fr}.admin-user-actions .btn{width:100%}}
.poster-native-shell{display:grid;gap:16px}
.poster-native-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr);gap:16px;align-items:start}
.poster-stat-panel{grid-template-columns:repeat(4,minmax(0,1fr))}
.poster-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(170px,.7fr) auto auto auto auto;gap:10px;align-items:center}
.poster-dir-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.poster-dir-line span{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5edf8;background:#f8fbff;border-radius:999px;padding:7px 10px;color:#173052;font-weight:850}
.poster-dir-line button{border:0;background:#eaf1fb;color:#476079;border-radius:999px;width:18px;height:18px;line-height:18px;cursor:pointer}
.poster-material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.poster-material-grid.compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.poster-material-grid.picker{max-height:360px;overflow:auto;padding-right:4px}
.poster-material-card{border:1px solid #e6edf7;background:#f8fbff;border-radius:16px;padding:12px;display:grid;gap:10px;min-width:0}
.poster-material-card.selectable{cursor:pointer}
.poster-card-head{display:flex;align-items:center;gap:8px;min-width:0}
.poster-card-head b,.poster-material-card>b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#10233e;font-size:14px}
.poster-thumb-row{display:flex;align-items:center;gap:8px;min-height:54px;overflow:hidden}
.poster-thumb-row img{width:58px;height:58px;border-radius:10px;object-fit:cover;background:#eef3fb;border:1px solid #e5edf8}
.poster-thumb-row.tiny{min-height:34px}
.poster-thumb-row.tiny img{width:34px;height:34px;border-radius:8px;cursor:pointer}
.poster-card-meta{color:#667085;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.poster-campaign-list{display:grid;gap:10px;max-height:520px;overflow:auto;padding-right:4px}
.poster-campaign-card{display:grid;grid-template-columns:minmax(160px,.85fr) minmax(220px,1.2fr) auto;align-items:center;gap:12px;border:1px solid #e6edf7;background:#f8fbff;border-radius:16px;padding:12px}
.poster-campaign-card b{display:block;color:#10233e;font-size:14px;margin-bottom:4px}
.poster-campaign-card span{color:#667085;font-size:12px}
.poster-submission-table table{min-width:960px}
@media(max-width:980px){
  .poster-native-grid{grid-template-columns:1fr}
  .poster-stat-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .poster-toolbar{grid-template-columns:1fr 1fr}
  .poster-campaign-card{grid-template-columns:1fr}
}
@media(max-width:640px){
  .poster-stat-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .poster-material-grid,.poster-material-grid.compact{grid-template-columns:1fr 1fr}
  .poster-toolbar{grid-template-columns:1fr}
}

/* Super admin user list cleanup. */
.admin-user-table table{min-width:1080px}.admin-user-table th,.admin-user-table td{vertical-align:middle}.admin-user-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#eef3fb;display:inline-block}.admin-user-entry{display:flex;align-items:center;gap:10px}.admin-user-entry b{font-size:15px;color:#101828}.admin-user-corp{display:grid;grid-template-columns:minmax(180px,260px) auto auto;gap:8px;align-items:center}.admin-user-corp .select{height:36px;padding:7px 10px;border-radius:10px}.admin-user-corp .btn,.admin-user-actions .btn{min-height:34px;padding:7px 10px;border-radius:10px}.admin-user-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.admin-user-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eef7ff;color:#155eef;padding:6px 10px;font-size:12px;font-weight:950;white-space:nowrap}.admin-user-status.pending{background:#fff7ed;color:#9a3412}.admin-user-status.disabled{background:#f1f5f9;color:#475569}.admin-user-status.rejected{background:#fff1f2;color:#b91c1c}.admin-user-link{max-width:260px;word-break:break-all;color:#667085;font-size:12px;line-height:1.45}.merchant-detail-modal{width:min(92vw,760px)}.merchant-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.merchant-detail-item{border:1px solid #e6eef9;background:#f8fbff;border-radius:14px;padding:14px}.merchant-detail-item b{display:block;color:#667085;font-size:12px;margin-bottom:8px}.merchant-detail-item span{display:block;color:#101828;font-size:22px;font-weight:950;word-break:break-all}@media(max-width:980px){.admin-user-corp{grid-template-columns:1fr}.admin-user-actions{flex-wrap:wrap}.merchant-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.merchant-detail-grid{grid-template-columns:1fr}}

/* Force enterprise auth card steps to one exact size in every status. */
#wecomAuthCard .wecom-auth-compact .wecom-auth-steps,
#wecomAuthCard .wecom-auth-compact.ok .wecom-auth-steps,
#wecomAuthCard .wecom-auth-compact.pending .wecom-auth-steps{
  display:grid!important;
  grid-template-columns:112px 64px 112px 64px 112px 64px 112px auto!important;
  align-items:center!important;
  justify-content:start!important;
  gap:0!important;
}
#wecomAuthCard .wecom-auth-compact.ok .wecom-auth-steps{
  grid-template-columns:112px 64px 112px 64px 112px 64px 112px!important;
}
#wecomAuthCard .wecom-auth-compact .wecom-auth-step,
#wecomAuthCard .wecom-auth-compact.ok .wecom-auth-step,
#wecomAuthCard .wecom-auth-compact.pending .wecom-auth-step{
  width:112px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 12px!important;
  gap:8px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
#wecomAuthCard .wecom-auth-compact .wecom-auth-step b,
#wecomAuthCard .wecom-auth-compact.ok .wecom-auth-step b,
#wecomAuthCard .wecom-auth-compact.pending .wecom-auth-step b{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  font-size:12px!important;
  line-height:22px!important;
}
#wecomAuthCard .wecom-auth-compact .wecom-auth-step span,
#wecomAuthCard .wecom-auth-compact.ok .wecom-auth-step span,
#wecomAuthCard .wecom-auth-compact.pending .wecom-auth-step span{
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#wecomAuthCard .wecom-auth-compact .wecom-auth-steps>i,
#wecomAuthCard .wecom-auth-compact.ok .wecom-auth-steps>i,
#wecomAuthCard .wecom-auth-compact.pending .wecom-auth-steps>i{
  width:64px!important;
  height:3px!important;
  border-radius:999px!important;
}
#wecomAuthCard .wecom-auth-inline-btn{
  height:38px!important;
  min-height:38px!important;
  margin-left:14px!important;
  padding:0 18px!important;
  border-radius:999px!important;
}
@media(max-width:900px){
  #wecomAuthCard .wecom-auth-compact .wecom-auth-steps,
  #wecomAuthCard .wecom-auth-compact.ok .wecom-auth-steps,
  #wecomAuthCard .wecom-auth-compact.pending .wecom-auth-steps{grid-template-columns:1fr!important;gap:8px!important}
  #wecomAuthCard .wecom-auth-compact .wecom-auth-steps>i{display:none!important}
  #wecomAuthCard .wecom-auth-compact .wecom-auth-step{width:100%!important}
  #wecomAuthCard .wecom-auth-inline-btn{margin-left:0!important;width:100%!important}
}

/* Revert enterprise auth step size to the original authorized-success compact size. */
#wecomAuthCard .wecom-auth-compact .wecom-auth-steps,
#wecomAuthCard .wecom-auth-compact.ok .wecom-auth-steps{
  display:grid!important;
  grid-template-columns:auto 56px auto 56px auto 56px auto!important;
  align-items:center!important;
  justify-content:start!important;
  gap:0!important;
}
#wecomAuthCard .wecom-auth-compact.pending .wecom-auth-steps{
  display:grid!important;
  grid-template-columns:auto 56px auto 56px auto 56px auto auto!important;
  align-items:center!important;
  justify-content:start!important;
  gap:0!important;
}
#wecomAuthCard .wecom-auth-compact .wecom-auth-step,
#wecomAuthCard .wecom-auth-compact.ok .wecom-auth-step,
#wecomAuthCard .wecom-auth-compact.pending .wecom-auth-step{
  width:auto!important;
  height:auto!important;
  min-height:28px!important;
  padding:4px 8px!important;
  gap:5px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
#wecomAuthCard .wecom-auth-compact .wecom-auth-step b,
#wecomAuthCard .wecom-auth-compact.ok .wecom-auth-step b,
#wecomAuthCard .wecom-auth-compact.pending .wecom-auth-step b{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  font-size:11px!important;
  line-height:18px!important;
}
#wecomAuthCard .wecom-auth-compact .wecom-auth-step span,
#wecomAuthCard .wecom-auth-compact.ok .wecom-auth-step span,
#wecomAuthCard .wecom-auth-compact.pending .wecom-auth-step span{
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#wecomAuthCard .wecom-auth-compact .wecom-auth-steps>i,
#wecomAuthCard .wecom-auth-compact.ok .wecom-auth-steps>i,
#wecomAuthCard .wecom-auth-compact.pending .wecom-auth-steps>i{
  width:56px!important;
  height:3px!important;
  border-radius:999px!important;
}
#wecomAuthCard .wecom-auth-inline-btn{
  height:28px!important;
  min-height:28px!important;
  margin-left:12px!important;
  padding:0 14px!important;
  border-radius:999px!important;
}
@media(max-width:900px){
  #wecomAuthCard .wecom-auth-compact .wecom-auth-steps,
  #wecomAuthCard .wecom-auth-compact.ok .wecom-auth-steps,
  #wecomAuthCard .wecom-auth-compact.pending .wecom-auth-steps{grid-template-columns:1fr!important;gap:8px!important}
  #wecomAuthCard .wecom-auth-compact .wecom-auth-steps>i{display:none!important}
  #wecomAuthCard .wecom-auth-inline-btn{margin-left:0!important;width:100%!important;height:34px!important;min-height:34px!important}
}

/* Keep login screen white while the admin workspace stays dark. */
body:has(#authView[style*="display: grid"]),
body:has(#authView:not([style*="display: none"])){
  background:#fff!important;
}

/* Poster distribution: native clone of the original batch poster workspace. */
.poster-clone,
.poster-clone *{box-sizing:border-box}
.poster-clone{
  --poster-bg:#eef3f4;
  --poster-panel:#fff;
  --poster-line:#d8e1e3;
  --poster-ink:#202327;
  --poster-muted:#687079;
  --poster-accent:#0f766e;
  --poster-soft:#e4f5f2;
  --poster-danger:#b42318;
  --poster-shadow:0 18px 45px rgba(23,30,32,.1);
  min-height:calc(100vh - 92px);
  color:var(--poster-ink);
  background:
    linear-gradient(90deg,rgba(15,118,110,.08) 1px,transparent 1px),
    linear-gradient(180deg,rgba(15,118,110,.06) 1px,transparent 1px),
    var(--poster-bg);
  background-size:34px 34px;
  border-radius:0 0 18px 18px;
  padding:18px;
  overflow:hidden;
}
.poster-clone-loading{
  min-height:520px;
  display:grid;
  place-items:center;
  color:#64748b;
  font-weight:900;
  border:1px solid #dbe7f0;
  border-radius:14px;
  background:#f8fbff;
}
.poster-clone button,
.poster-clone input,
.poster-clone textarea,
.poster-clone select{
  font:inherit;
}
.poster-clone button{
  border:1px solid var(--poster-line);
  border-radius:8px;
  background:#f7faf9;
  color:#263238;
  min-height:36px;
  padding:8px 12px;
  font-weight:800;
  cursor:pointer;
  transition:.16s ease;
}
.poster-clone button:hover{
  border-color:var(--poster-accent);
  color:#064e46;
  transform:translateY(-1px);
}
.poster-clone button.primary,
.poster-clone .primary{
  border-color:var(--poster-accent);
  background:var(--poster-accent);
  color:#fff;
}
.poster-clone button:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
}
.poster-clone input,
.poster-clone textarea,
.poster-clone select{
  width:100%;
  border:1px solid var(--poster-line);
  border-radius:8px;
  background:#fff;
  color:var(--poster-ink);
  outline:none;
  padding:10px 12px;
}
.poster-clone textarea{
  min-height:92px;
  resize:vertical;
  line-height:1.55;
}
.poster-clone textarea.tall{min-height:160px}
.poster-clone textarea.mini{min-height:80px}
.poster-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.poster-topbar h1{
  margin:0 0 5px;
  color:#151f25;
  font-size:26px;
  line-height:1.1;
  font-weight:950;
}
.poster-topbar p{
  margin:0;
  color:var(--poster-muted);
  font-size:13px;
  line-height:1.45;
}
.poster-top-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.poster-panel{
  background:rgba(255,255,255,.96);
  border:1px solid var(--poster-line);
  border-radius:8px;
  box-shadow:var(--poster-shadow);
}
.poster-layout{
  display:grid;
  grid-template-columns:minmax(280px,360px) minmax(460px,1fr) minmax(300px,360px);
  gap:16px;
  align-items:start;
}
.poster-control,
.poster-settings,
.poster-preview{
  padding:14px;
  max-height:calc(100vh - 156px);
  overflow:auto;
}
.poster-preview{
  min-height:calc(100vh - 156px);
}
.poster-control section,
.poster-settings section{
  display:grid;
  gap:10px;
  padding:14px 0;
  border-bottom:1px solid var(--poster-line);
}
.poster-control section:first-child,
.poster-settings section:first-child{padding-top:0}
.poster-control section:last-child,
.poster-settings section:last-child{border-bottom:0;padding-bottom:0}
.poster-control h2,
.poster-settings h2,
.poster-panel>h2,
.poster-create-line h2{
  margin:0;
  color:#1f2933;
  font-size:15px;
  font-weight:950;
}
.poster-control label,
.poster-settings label{
  color:#4d5965;
  font-size:12px;
  font-weight:850;
}
.poster-tabs,
.poster-template-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.poster-template-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.poster-tabs button.active,
.poster-template-grid button.active,
.poster-template-card.active{
  border-color:var(--poster-accent);
  background:var(--poster-soft);
  color:#064e46;
}
.poster-template-card{
  position:relative;
  min-height:40px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:center;
  padding:7px 10px;
  min-width:0;
  border:1px solid #d8e1ec;
  border-radius:10px;
  background:#fff;
  color:#213042;
  font-weight:900;
  cursor:pointer;
  user-select:none;
  transition:.16s ease;
}
.poster-template-name{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  line-height:18px;
  text-align:center;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  word-break:break-word;
  cursor:pointer;
}
.poster-template-card:hover{
  border-color:var(--poster-accent);
  background:#f6fffc;
  transform:translateY(-1px);
}
.poster-template-card > span:not(.poster-template-name){
  display:block;
  max-width:100%;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  word-break:break-all;
  line-height:18px;
  text-align:center;
}
.poster-template-card.dragging{
  opacity:.55;
  transform:scale(.98);
}
.poster-template-delete{
  position:absolute;
  right:-6px;
  top:-7px;
  transform:scale(.92);
  width:18px;
  height:18px;
  display:none;
  place-items:center;
  padding:0;
  border:0;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  line-height:18px;
  font-size:14px;
  font-weight:1000;
  cursor:pointer;
}
.poster-template-card.custom:hover .poster-template-delete{display:grid}
.poster-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.poster-row>*{flex:1 1 auto}
.poster-hint,
.poster-tip,
.poster-muted{
  color:var(--poster-muted);
  font-size:12px;
  line-height:1.45;
}
.poster-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.poster-drop{
  min-height:92px;
  display:grid!important;
  place-items:center;
  text-align:center;
  border:1px dashed #b9c8c9;
  border-radius:8px;
  background:#f8fbfb;
  cursor:pointer;
  padding:16px;
}
.poster-drop input{display:none}
.poster-drop b{color:#28323a;font-size:13px}
.poster-drop span{display:block;margin-top:4px;color:#687079;font-size:12px}
.poster-mini-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.poster-mini-stats div{
  border:1px solid var(--poster-line);
  border-radius:8px;
  background:#f7faf9;
  padding:9px;
}
.poster-mini-stats b{
  display:block;
  color:#111827;
  font-size:18px;
  font-weight:950;
}
.poster-mini-stats span{
  color:#687079;
  font-size:11px;
}
.poster-message{
  color:#0f766e;
  font-size:12px;
  font-weight:900;
}
.poster-title-variants{
  display:grid;
  gap:6px;
  max-height:180px;
  overflow:auto;
}
.poster-title-variants label{
  display:grid;
  grid-template-columns:28px 1fr;
  align-items:center;
  gap:6px;
}
.poster-title-variants span{
  display:grid;
  place-items:center;
  height:28px;
  border-radius:999px;
  background:var(--poster-soft);
  color:#0f766e;
}
.poster-preview-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.poster-preview-head h2{
  margin:0 0 4px;
  font-size:15px;
  font-weight:950;
}
.poster-preview-head span{
  color:#687079;
  font-size:12px;
}
.poster-preview-head b,
#posterPagePill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  height:25px;
  border-radius:999px;
  background:#0f766e;
  color:#fff;
  font-size:12px;
}
.poster-stage{
  display:grid;
  grid-template-columns:minmax(260px,360px) minmax(180px,1fr);
  gap:18px;
  align-items:start;
}
.poster-phone{
  width:min(100%,340px);
  aspect-ratio:9/16;
  margin:0 auto;
  border:7px solid #111;
  border-radius:34px;
  background:linear-gradient(#fff,#e7e7e7);
  padding:8px;
  box-shadow:0 14px 35px rgba(15,23,42,.18);
  outline:5px solid #b9f2ed;
}
.poster-phone img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:24px;
  background:#fff;
  display:block;
}
.poster-phone img.loading{opacity:.65}
.poster-bg-list{
  display:grid;
  gap:10px;
  max-height:calc(100vh - 240px);
  overflow:auto;
  padding-right:4px;
}
.poster-bg-thumb{
  display:grid;
  grid-template-columns:54px 1fr auto;
  gap:10px;
  align-items:center;
  text-align:left;
  background:#f7faf9!important;
}
.poster-bg-thumb.active{
  border-color:#0f766e!important;
  background:#e4f5f2!important;
}
.poster-bg-thumb img{
  width:54px;
  height:54px;
  border-radius:8px;
  object-fit:cover;
}
.poster-bg-thumb span{
  min-width:0;
}
.poster-bg-thumb b,
.poster-bg-thumb em{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.poster-bg-thumb em{
  color:#687079;
  font-size:11px;
  font-style:normal;
  margin-top:2px;
}
.poster-bg-thumb i{
  font-style:normal;
  color:#b42318;
  font-size:18px;
  cursor:pointer;
}
.poster-settings .full{width:100%}
.poster-slider{
  display:grid;
  grid-template-columns:76px 1fr 44px;
  align-items:center;
  gap:10px;
}
.poster-slider input{padding:0}
.poster-slider .poster-number{
  height:38px;
  min-width:62px;
  padding:0 8px;
  border:1px solid var(--poster-line);
  border-radius:8px;
  background:#fff;
  color:#0f172a;
  font-weight:800;
  text-align:center;
}
.poster-slider .poster-range{
  min-width:0;
}
.poster-slider em{
  font-style:normal;
  color:#43515d;
  text-align:right;
  font-weight:900;
}
.poster-check{
  display:flex!important;
  align-items:center;
  gap:8px;
  border:1px solid var(--poster-line);
  border-radius:8px;
  padding:9px 10px;
  background:#f8fbfb;
}
.poster-check input{width:auto}
.poster-swatches{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.poster-swatches button{
  height:34px;
  min-height:34px;
  border-radius:8px;
  padding:0;
}
.page-materials .poster-panel,
.page-distribution .poster-panel{
  padding:14px;
  margin-bottom:14px;
}
.poster-dir-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.poster-dir-tabs button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  min-height:30px;
  padding:6px 12px;
}
.poster-dir-tabs button.active{
  border-color:#0f766e;
  background:#e4f5f2;
  color:#064e46;
}
.poster-dir-tabs b{
  display:inline-grid;
  place-items:center;
  min-width:22px;
  height:22px;
  border-radius:999px;
  background:#0f766e;
  color:#fff;
  padding:0 6px;
  font-size:11px;
}
.poster-material-create{
  display:grid;
  grid-template-columns:minmax(220px,360px) auto;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.poster-material-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.poster-material-tools select{
  width:auto;
  min-width:160px;
  height:36px;
  padding:7px 10px;
}
.poster-collection-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  color:#687079;
  font-size:12px;
}
.poster-collection-meta b{
  color:#111827;
  font-size:14px;
}
.poster-materials-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(136px,1fr));
  gap:10px;
}
.poster-materials-grid.picker{
  max-height:520px;
  overflow:auto;
  padding-right:4px;
}
.poster-material-tile{
  position:relative;
  display:grid!important;
  gap:6px;
  border:1px solid #dfe8e9;
  border-radius:8px;
  background:#fff;
  padding:6px;
  cursor:pointer;
  min-width:0;
}
.poster-material-tile.active{
  border-color:#0f766e;
  background:#eefaf8;
}
.poster-material-tile>input{
  position:absolute;
  top:7px;
  left:7px;
  width:15px;
  height:15px;
  z-index:1;
}
.poster-tile-images{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:3px;
  min-height:94px;
  background:#f1f5f6;
  border-radius:7px;
  overflow:hidden;
}
.poster-tile-images img{
  width:100%;
  height:94px;
  object-fit:contain;
  object-position:center;
  background:#edf2f3;
}
.poster-tile-images img:nth-child(3){
  display:none;
}
.poster-material-tile strong{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#111827;
  font-size:12px;
  line-height:1.2;
}
.poster-material-tile span{
  color:#687079;
  font-size:11px;
}
.poster-pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:14px;
  color:#687079;
  font-size:13px;
}
.poster-dist-stats{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.poster-dist-stats div{
  border:1px solid #dfe8e9;
  border-radius:8px;
  background:#fbfdfd;
  padding:14px;
}
.poster-dist-stats b{
  display:block;
  color:#111827;
  font-size:24px;
  font-weight:950;
}
.poster-dist-stats span{
  color:#687079;
  font-size:12px;
}
.poster-create-line{
  display:grid;
  grid-template-columns:minmax(150px,.65fr) minmax(240px,1fr) auto;
  align-items:center;
  gap:10px;
}
.poster-create-line span{
  color:#687079;
  font-size:12px;
}
.poster-campaign-list,
.poster-submission-list{
  display:grid;
  gap:8px;
}
.poster-campaign-row{
  display:grid;
  grid-template-columns:minmax(120px,.75fr) repeat(6,minmax(75px,.45fr)) minmax(220px,1fr) auto auto auto;
  gap:8px;
  align-items:center;
  border:1px solid #dfe8e9;
  border-radius:8px;
  background:#fbfdfd;
  padding:10px;
}
.poster-campaign-row b{
  color:#111827;
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.poster-campaign-row span{
  color:#687079;
  font-size:11px;
  white-space:nowrap;
}
.poster-campaign-row input{
  height:30px;
  padding:5px 8px;
  font-size:11px;
}
.poster-campaign-row button{
  min-height:30px;
  padding:5px 9px;
}
.poster-campaign-expanded{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:8px;
  padding-top:8px;
  border-top:1px dashed #d4dedf;
}
.poster-campaign-material{
  display:grid;
  gap:5px;
  border:1px solid #dfe8e9;
  border-radius:8px;
  background:#fff;
  padding:6px;
}
.poster-campaign-material img{
  width:44px;
  height:44px;
  border-radius:6px;
  object-fit:cover;
}
.poster-sub-row{
  display:grid;
  grid-template-columns:minmax(120px,.75fr) 120px minmax(180px,1fr) 120px auto auto;
  align-items:center;
  gap:10px;
  border:1px solid #dfe8e9;
  border-radius:8px;
  background:#fbfdfd;
  padding:10px;
}
.poster-sub-row p{
  margin:0;
  color:#2563eb;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.poster-sub-row img{
  width:42px;
  height:42px;
  border-radius:6px;
  object-fit:cover;
  cursor:pointer;
  margin-right:4px;
}
.poster-picker-modal{
  width:min(1560px,96vw);
  max-height:92vh;
  overflow:auto;
  border-radius:14px;
  background:#fff;
  padding:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.poster-picker-modal .modal-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.poster-picker-modal .modal-top h2{
  margin:0;
  font-size:18px;
}
.poster-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:14px;
}
.poster-folder-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(132px,1fr));
  gap:8px;
  margin-bottom:12px;
}
.poster-folder-grid button{
  min-height:58px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  text-align:left;
  background:#f7faf9;
}
.poster-folder-grid button.active{
  border-color:var(--poster-accent);
  background:var(--poster-soft);
  color:#064e46;
}
.poster-folder-grid b{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
.poster-folder-grid span{
  color:#687079;
  font-size:11px;
}
.poster-picker-split{
  display:grid;
  grid-template-columns:minmax(220px,300px) 1fr;
  gap:14px;
  align-items:start;
}
.poster-picker-stack{
  display:grid;
  gap:12px;
}
.poster-picker-filterbar{
  display:grid;
  grid-template-columns:minmax(250px,320px) minmax(230px,270px) minmax(320px,1fr);
  align-items:end;
  gap:12px;
  border:1px solid #edf3f4;
  border-radius:12px;
  background:#fbfdfd;
  padding:12px;
}
.poster-picker-filterbar label{
  display:grid;
  gap:6px;
  min-width:0;
  color:#4d5965;
  font-size:12px;
  font-weight:850;
}
.poster-picker-filterbar select,
.poster-picker-filterbar input{
  width:100%;
  height:36px;
  border:1px solid #dfe8e9;
  border-radius:8px;
  background:#fff;
  padding:0 10px;
  color:#111827;
  font-size:13px;
}
.poster-picker-filterbar .poster-picker-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:nowrap;
  margin:0;
  min-height:36px;
}
.poster-picker-filterbar .poster-picker-actions button{
  height:36px;
  min-height:36px;
  padding:0 12px;
  white-space:nowrap;
}
.poster-picker-filterbar .poster-picker-actions .poster-muted{
  margin-left:2px;
  white-space:nowrap;
  font-size:12px;
}
.poster-picker-split h3{
  margin:0 0 10px;
  color:#1f2933;
  font-size:14px;
  font-weight:950;
}
.poster-expiry-field{
  display:grid;
  gap:6px;
  margin-top:12px;
}
.poster-expiry-field label{
  color:#4d5965;
  font-size:12px;
  font-weight:850;
}
.poster-campaign-row{
  position:relative;
}
.poster-campaign-expiry{
  grid-column:1/-1;
  justify-self:start;
  color:#0f766e;
  background:#e4f5f2;
  border-radius:999px;
  padding:4px 9px;
  font-size:11px;
  font-style:normal;
  font-weight:900;
}
.poster-campaign-expanded{
  grid-template-columns:1fr;
}
.poster-campaign-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:2px 0 8px;
}
.poster-campaign-toolbar div{
  min-width:0;
}
.poster-campaign-toolbar b{
  display:block;
  color:#111827;
  font-size:14px;
}
.poster-campaign-toolbar span{
  display:block;
  margin-top:3px;
  color:#687079;
  font-size:12px;
}
.poster-campaign-material-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:8px;
}
.poster-campaign-material{
  position:relative;
  min-height:174px;
  align-content:start;
}
.poster-campaign-material.active{
  border-color:#0f766e;
  background:#eefaf8;
}
.poster-campaign-material input{
  position:absolute;
  top:8px;
  left:8px;
  width:15px;
  height:15px;
  z-index:2;
}
.poster-campaign-images{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  min-height:54px;
  padding-left:20px;
}
.poster-campaign-images .poster-muted{
  grid-column:1/-1;
  align-self:center;
}
.poster-campaign-material b,
.poster-campaign-material small{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.poster-campaign-material small{
  color:#687079;
  font-size:11px;
}
.poster-status-badge{
  display:inline-flex;
  width:max-content;
  align-items:center;
  justify-content:center;
  min-height:22px;
  border-radius:999px;
  padding:3px 8px;
  font-size:11px;
  font-weight:950;
  background:#eef2f7;
  color:#64748b;
}
.poster-status-badge.available{background:#e4f5f2;color:#0f766e}
.poster-status-badge.claimed{background:#e0edff;color:#2563eb}
.poster-status-badge.submitted,
.poster-status-badge.pending,
.poster-status-badge.approved{background:#fff7d6;color:#a16207}
.poster-status-badge.settled{background:#dcfce7;color:#15803d}
.poster-status-badge.rejected{background:#fee2e2;color:#b42318}
.poster-picker-modal .poster-material-tools{
  justify-content:space-between;
  margin-bottom:10px;
}
.poster-picker-modal .poster-material-tools span{
  margin-left:auto;
  white-space:nowrap;
}
.poster-picker-modal .poster-picker-filterbar .poster-picker-actions{
  justify-content:flex-end!important;
  margin:0!important;
}
.poster-picker-modal .poster-picker-filterbar .poster-picker-actions .poster-muted{
  margin-left:2px!important;
}
.poster-picker-modal .poster-materials-grid.picker{
  border:1px solid #edf3f4;
  border-radius:10px;
  background:#fbfdfd;
  padding:10px;
  grid-template-columns:repeat(10,minmax(0,1fr));
  max-height:min(670px,calc(92vh - 230px));
  overflow:auto;
}
.poster-picker-modal .poster-materials-grid.picker .poster-material-tile{
  min-height:130px;
  padding:5px;
  gap:4px;
}
.poster-picker-modal .poster-materials-grid.picker .poster-tile-images{
  min-height:68px;
}
.poster-picker-modal .poster-materials-grid.picker .poster-tile-images img{
  height:68px;
}
.poster-picker-modal .poster-materials-grid.picker .poster-material-tile strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-height:25px;
  font-size:10px!important;
  line-height:1.25!important;
}
.poster-picker-modal .poster-materials-grid.picker .poster-material-tile span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-height:13px;
  line-height:1.25;
  font-size:10px;
}
@media(max-width:1350px){
  .poster-layout{grid-template-columns:minmax(260px,320px) minmax(390px,1fr) minmax(260px,320px)}
  .poster-stage{grid-template-columns:1fr}
  .poster-bg-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:260px}
  .poster-campaign-row{grid-template-columns:1fr 1fr 1fr 1fr}
  .poster-campaign-row input,.poster-campaign-expanded{grid-column:1/-1}
}
@media(max-width:980px){
  .poster-clone{padding:12px;border-radius:14px}
  .poster-topbar{align-items:flex-start;flex-direction:column}
  .poster-layout{grid-template-columns:1fr}
  .poster-control,.poster-settings,.poster-preview{max-height:none;min-height:auto}
  .poster-dist-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .poster-create-line{grid-template-columns:1fr}
  .poster-sub-row{grid-template-columns:1fr}
  .poster-campaign-row{grid-template-columns:1fr}
  .poster-picker-split{grid-template-columns:1fr}
  .poster-picker-filterbar{grid-template-columns:1fr}
  .poster-picker-modal .poster-materials-grid.picker{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:640px){
  .poster-template-grid,.poster-tabs{grid-template-columns:1fr 1fr}
  .poster-materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .poster-material-create{grid-template-columns:1fr}
  .poster-material-tools{justify-content:flex-start}
  .poster-material-tools select{width:100%}
  .poster-picker-modal .poster-materials-grid.picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .poster-stage{gap:12px}
  .poster-phone{width:min(100%,280px)}
}
#authView.auth{
  background:#fff!important;
}
.invite-form{align-items:start}
.invite-setup{display:grid;gap:16px}.invite-rule-form{grid-template-columns:minmax(220px,1.4fr) minmax(160px,.7fr) minmax(150px,.65fr) auto;margin-bottom:0}.invite-group-panel{border:1px solid #e1eaf7;border-radius:20px;background:linear-gradient(145deg,#fbfdff,#f6faff);padding:14px;display:grid;gap:12px}.invite-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.invite-group-head h3{margin:0;color:#132238;font-size:17px}.invite-group-head p{margin:5px 0 0;color:#66758d;font-size:13px;font-weight:800}.invite-group-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.invite-group-actions .input{width:210px}.invite-group-actions .btn{padding:10px 13px;white-space:nowrap}.invite-group-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;min-height:280px}.invite-group-item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;border:1px solid #dfe8f6;border-radius:15px;background:#fff;padding:11px 12px;cursor:pointer;transition:.16s ease;min-height:52px}.invite-group-item:hover{border-color:#adc9ff;box-shadow:0 8px 20px rgba(30,98,255,.08)}.invite-group-item.selected{border-color:#1e62ff;background:#eff6ff}.invite-group-item input{width:16px;height:16px}.invite-group-name{font-weight:900;color:#173052;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-group-type{display:block;margin-top:2px;font-size:12px;color:#7a8799;font-weight:800}.invite-group-pager{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;border-top:1px solid #e5edf8;padding-top:12px}.invite-group-pager .btn{padding:9px 12px}.invite-group-pager input{width:70px;text-align:center}.invite-card{padding:16px}.invite-card-top .toolbar .btn{padding:9px 12px}.local-sync-grid{align-items:stretch}@media(max-width:1080px){.invite-rule-form{grid-template-columns:1fr}.invite-group-head{display:grid}.invite-group-actions{justify-content:flex-start}.invite-group-actions .input{width:100%}.invite-group-list{grid-template-columns:1fr;min-height:auto}}

/* 图文分发：贴近原系统三页工作台的一体化细节。 */
.poster-native-shell{
  display:grid;
  grid-template-columns:142px minmax(0,1fr);
  min-height:calc(100vh - 92px);
  background:
    linear-gradient(90deg,rgba(15,118,110,.065) 1px,transparent 1px),
    linear-gradient(180deg,rgba(15,118,110,.05) 1px,transparent 1px),
    #eef4f4;
  background-size:32px 32px;
  border-radius:0;
  overflow:hidden;
}
.poster-mini-rail{
  background:#12201e;
  color:#eaf5f2;
  padding:18px 12px;
  min-height:100%;
  box-shadow:inset -1px 0 rgba(255,255,255,.06);
}
.poster-mini-brand{
  display:grid;
  gap:4px;
  padding:0 4px 18px;
  border-bottom:1px solid rgba(255,255,255,.1);
  margin-bottom:14px;
}
.poster-mini-brand b{
  font-size:17px;
  line-height:1.2;
  font-weight:950;
  color:#fff;
}
.poster-mini-brand span{
  color:#8fa19d;
  font-size:11px;
  font-weight:800;
}
.poster-mini-nav{
  display:grid;
  gap:8px;
}
.poster-mini-nav button{
  height:36px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#c9d8d4;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 10px;
  font-size:13px;
  font-weight:900;
  text-align:left;
  cursor:pointer;
}
.poster-mini-nav button:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}
.poster-mini-nav button.active{
  background:rgba(255,255,255,.13);
  color:#fff;
}
.poster-mini-nav button span{
  width:18px;
  text-align:center;
  color:#8bd9cf;
}
.poster-native-main{
  min-width:0;
  padding:0 0 0 14px;
}
.poster-clone{
  min-height:calc(100vh - 92px)!important;
  padding:16px 8px 16px 0!important;
  background:
    linear-gradient(90deg,rgba(15,118,110,.075) 1px,transparent 1px),
    linear-gradient(180deg,rgba(15,118,110,.055) 1px,transparent 1px),
    transparent!important;
  background-size:32px 32px!important;
}
.poster-clone .poster-topbar{
  min-height:48px!important;
  margin-bottom:12px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.poster-clone .poster-topbar h1{
  font-size:25px!important;
  color:#15201f!important;
}
.poster-clone .poster-topbar p{
  color:#667673!important;
  font-weight:800!important;
}
.poster-clone .poster-top-actions button,
.poster-clone .poster-topbar>button{
  height:34px!important;
  min-height:34px!important;
  padding:6px 12px!important;
  border-radius:6px!important;
}
.poster-clone .poster-panel{
  border-color:#dce6e7!important;
  box-shadow:none!important;
  border-radius:8px!important;
  background:#fff!important;
}
.poster-clone button.danger{
  background:#f6f7f8!important;
  color:#8a1f17!important;
  border-color:#e5d4d1!important;
}
.poster-clone .poster-layout{
  grid-template-columns:320px minmax(560px,1fr) 300px!important;
  gap:12px!important;
}
.poster-clone .poster-control,
.poster-clone .poster-settings,
.poster-clone .poster-preview{
  max-height:calc(100vh - 138px)!important;
  padding:12px!important;
  overflow:auto!important;
}
.poster-clone .poster-preview{
  min-height:calc(100vh - 138px)!important;
}
.poster-clone .poster-control section,
.poster-clone .poster-settings section{
  padding:11px 0!important;
  gap:8px!important;
}
.poster-clone .poster-stage{
  grid-template-columns:minmax(330px,380px) minmax(190px,1fr)!important;
  gap:14px!important;
}
.poster-clone .poster-phone{
  width:min(100%,338px)!important;
  outline:4px solid #a7eee8!important;
  border-width:6px!important;
  border-radius:32px!important;
}
.poster-clone .poster-bg-list{
  max-height:calc(100vh - 230px)!important;
  gap:8px!important;
}
.poster-clone .poster-bg-thumb{
  min-height:60px!important;
  grid-template-columns:50px 1fr auto!important;
  padding:7px!important;
}
.poster-clone .poster-bg-thumb img{
  width:50px!important;
  height:50px!important;
}
.poster-clone .poster-template-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.poster-clone .poster-template-grid button,
.poster-clone .poster-tabs button{
  min-height:32px!important;
  padding:6px 8px!important;
}
.poster-clone .poster-template-card{
  min-width:0!important;
  min-height:40px!important;
  padding:7px 10px!important;
  grid-template-columns:minmax(0,1fr)!important;
}
.poster-clone .poster-template-card.custom{
  padding-right:22px!important;
}
.poster-clone .poster-template-card > span:not(.poster-template-name){
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-all!important;
  line-height:18px!important;
  text-align:center!important;
}
.poster-clone .poster-template-name{
  width:100%!important;
  max-width:100%!important;
  min-height:auto!important;
  padding:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
  line-height:18px!important;
  display:block!important;
  max-width:100%!important;
  font-size:13px!important;
  text-align:center!important;
}
.poster-clone .poster-slider{
  grid-template-columns:68px 1fr 38px!important;
  gap:8px!important;
}
.poster-clone .poster-dir-tabs{
  margin-bottom:12px!important;
}
.poster-clone .poster-material-create{
  grid-template-columns:minmax(260px,360px) auto auto!important;
  justify-content:start!important;
}
.poster-clone .poster-material-create button{
  min-width:92px!important;
}
.poster-clone .poster-material-tools{
  justify-content:flex-end!important;
  gap:7px!important;
}
.poster-clone .poster-material-tools button{
  min-height:32px!important;
  padding:6px 10px!important;
}
.poster-clone .poster-material-tools select{
  height:32px!important;
  min-height:32px!important;
  padding:5px 10px!important;
}
.poster-clone .poster-collection-meta{
  padding:2px 0 6px!important;
  margin-bottom:8px!important;
}
.poster-clone .poster-materials-grid{
  grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important;
  gap:8px!important;
}
.poster-clone .poster-material-tile{
  padding:5px!important;
  gap:5px!important;
}
.poster-clone .poster-tile-images{
  min-height:112px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.poster-clone .poster-tile-images img{
  height:112px!important;
}
.poster-clone .poster-material-tile strong{
  font-size:11px!important;
}
.poster-clone .poster-dist-stats{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
.poster-clone .poster-dist-stats div{
  padding:9px 11px!important;
}
.poster-clone .poster-dist-stats b{
  font-size:19px!important;
}
.poster-clone .poster-create-line{
  grid-template-columns:minmax(160px,.65fr) minmax(360px,1fr) auto!important;
  padding:11px 12px!important;
}
.poster-clone .poster-campaign-row{
  grid-template-columns:minmax(110px,1fr) repeat(6,76px) minmax(230px,1.18fr) 38px 42px 42px!important;
  gap:6px!important;
  padding:8px!important;
  min-height:48px!important;
  align-items:center!important;
  background:#fff!important;
  border:1px solid #e1e8e9!important;
  border-radius:7px!important;
}
.poster-clone .poster-campaign-row b{
  font-size:12px!important;
}
.poster-clone .poster-campaign-row span{
  text-align:center!important;
  font-size:11px!important;
}
.poster-clone .poster-campaign-row input{
  height:28px!important;
  min-height:28px!important;
}
.poster-clone .poster-campaign-row button{
  min-height:28px!important;
  padding:4px 7px!important;
  font-size:11px!important;
}
.poster-clone .poster-campaign-expanded{
  background:#f8fbfb!important;
  border:1px dashed #d4dedf!important;
  border-radius:8px!important;
  padding:10px!important;
  margin-top:6px!important;
}
.poster-clone .poster-campaign-material-grid{
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;
  gap:7px!important;
}
.poster-clone .poster-campaign-material{
  min-height:148px!important;
}
.poster-clone .poster-campaign-images{
  min-height:48px!important;
}
.poster-clone .poster-campaign-material img{
  width:40px!important;
  height:40px!important;
}
.poster-clone .poster-sub-row{
  grid-template-columns:150px 112px minmax(260px,1fr) 136px 76px 76px!important;
  padding:8px!important;
  gap:8px!important;
}
.poster-clone .poster-sub-row button{
  min-height:28px!important;
  padding:5px 8px!important;
  font-size:11px!important;
}
.poster-clone .poster-picker-modal{
  width:min(1560px,96vw)!important;
  max-height:92vh!important;
  padding:20px!important;
}
.poster-clone .poster-picker-split{
  grid-template-columns:250px 1fr!important;
}
.poster-clone .poster-picker-modal .poster-materials-grid.picker{
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  max-height:min(670px,calc(92vh - 230px))!important;
}
@media(max-width:1420px){
  .poster-clone .poster-layout{
    grid-template-columns:300px minmax(430px,1fr) 286px!important;
  }
  .poster-clone .poster-stage{
    grid-template-columns:1fr!important;
  }
  .poster-clone .poster-bg-list{
    grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;
    max-height:230px!important;
  }
  .poster-clone .poster-campaign-row{
    grid-template-columns:1fr 1fr 1fr 1fr!important;
  }
  .poster-clone .poster-campaign-row input,
  .poster-clone .poster-campaign-expanded{
    grid-column:1/-1!important;
  }
}
@media(max-width:980px){
  .poster-native-shell{
    grid-template-columns:1fr;
  }
  .poster-mini-rail{
    display:none;
  }
  .poster-native-main{
    padding-left:0;
  }
  .poster-clone{
    padding:12px!important;
  }
  .poster-clone .poster-layout,
  .poster-clone .poster-picker-split,
  .poster-clone .poster-create-line,
  .poster-clone .poster-campaign-row,
  .poster-clone .poster-sub-row{
    grid-template-columns:1fr!important;
  }
  .poster-clone .poster-control,
  .poster-clone .poster-settings,
  .poster-clone .poster-preview{
    max-height:none!important;
    min-height:auto!important;
  }
  .poster-clone .poster-material-create{
    grid-template-columns:1fr!important;
  }
  .poster-clone .poster-material-tools{
    justify-content:flex-start!important;
  }
  .poster-clone .poster-picker-filterbar{
    grid-template-columns:1fr!important;
  }
  .poster-clone .poster-picker-modal .poster-materials-grid.picker{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .poster-clone .poster-dist-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

.activation-admin{display:grid;gap:14px}
.activation-admin-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid #e3edf9;background:#f8fbff;border-radius:14px;padding:12px 14px}
.activation-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.activation-admin-stats>div{border:1px solid #e0eaf8;background:linear-gradient(145deg,#fff,#f7fbff);border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.activation-admin-stats b{font-size:13px;color:#68778f}
.activation-admin-stats span{font-size:20px;font-weight:950;color:#12213a}
.activation-admin-tools{display:grid;grid-template-columns:120px 1fr 1fr 1fr;gap:8px;align-items:center}
.activation-admin-tools .btn{white-space:nowrap}
.activation-compact{gap:10px}
.activation-compact .activation-admin-switch{padding:10px 12px}
.activation-compact .activation-table{max-height:165px}
.activation-compact .activation-table th,.activation-compact .activation-table td{padding:8px 10px;font-size:12px}
.activation-table{max-height:360px;overflow:auto}
.activation-table .code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.08em;color:#11264a}
.compact-empty{padding:22px!important}
@media(max-width:900px){
  .activation-admin-stats{grid-template-columns:1fr}
  .activation-admin-tools{grid-template-columns:1fr}
}

.compact-verify-grid.grid-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:14px}
.compact-verify-card{overflow:hidden}
.compact-group-picker .select{width:100%;min-width:0;height:40px}
.compact-group-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.compact-group-actions .btn{font-size:12px;padding:7px 6px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.compact-verify-card .section-title{gap:8px}
.compact-verify-card .section-title h2{font-size:16px;white-space:nowrap}
.compact-verify-card .section-title .muted{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activation-compact .activation-admin-stats{gap:6px}
.activation-compact .activation-admin-stats>div{padding:7px 8px;border-radius:11px;display:grid;gap:2px;justify-items:center;text-align:center}
.activation-compact .activation-admin-stats b{font-size:11px;line-height:1.15}
.activation-compact .activation-admin-stats span{font-size:16px;line-height:1.1}
.activation-compact .activation-admin-tools{grid-template-columns:1fr 1fr;gap:7px}
.activation-compact .activation-admin-tools .input{grid-column:1/-1;height:38px}
.activation-compact .activation-admin-tools .btn{height:36px;padding:7px 8px;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.activation-compact #activationGenerateBtn{grid-column:1/-1}
.activation-compact .table-wrap{width:100%;max-width:100%;overflow:auto}
.activation-compact .activation-table table{min-width:460px}
.activation-compact .activation-table .code{letter-spacing:.04em}
@media(max-width:980px){
  .compact-verify-grid.grid-3{grid-template-columns:1fr}
  .compact-group-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .compact-group-actions,.activation-compact .activation-admin-tools{grid-template-columns:1fr}
}

#view-cards .compact-verify-grid.grid-3{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr)!important;gap:14px!important;align-items:start!important;max-width:100%!important}
#view-cards .compact-verify-card{min-width:0!important;max-width:100%!important;overflow:hidden!important}
#view-cards .compact-group-picker{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;min-width:0!important;align-items:start!important}
#view-cards .compact-group-picker .select{width:100%!important;min-width:0!important;max-width:100%!important;height:44px!important;line-height:1.2!important;padding:0 10px!important;font-size:12px!important}
#view-cards .compact-group-actions{display:grid!important;grid-template-columns:82px 98px 112px!important;gap:5px!important}
#view-cards .compact-group-actions .btn{width:100%!important;min-width:0!important;height:44px!important;padding:5px 4px!important;font-size:10.5px!important;line-height:1.15!important;white-space:normal!important;word-break:keep-all!important;overflow:hidden!important}
#view-cards .verify-chip-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-height:240px!important;overflow-y:auto!important;overflow-x:hidden!important}
#view-cards .verify-chip{grid-template-columns:minmax(0,1fr) 22px!important;align-items:center!important;min-height:34px!important;padding:6px 8px!important}
#view-cards .verify-chip b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;line-height:1.2!important;max-height:none!important}
#view-cards .verify-chip span{display:none!important}
#view-cards .activation-compact{min-width:0!important;max-width:100%!important;overflow:hidden!important}
#view-cards .activation-compact .activation-admin-switch{padding:8px 10px!important;min-width:0!important}
#view-cards .activation-compact .tiny-toggle{font-size:12px!important;white-space:normal!important}
#view-cards .activation-compact .activation-admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
#view-cards .activation-compact .activation-admin-stats>div{min-width:0!important;padding:6px 4px!important;border-radius:10px!important}
#view-cards .activation-compact .activation-admin-stats b{font-size:10px!important;white-space:nowrap!important}
#view-cards .activation-compact .activation-admin-stats span{font-size:15px!important}
#view-cards .activation-compact .activation-admin-tools{grid-template-columns:86px minmax(0,1fr)!important;gap:6px!important;min-width:0!important}
#view-cards .activation-compact .activation-admin-tools .input{grid-column:auto!important;min-width:0!important;width:100%!important;height:36px!important}
#view-cards .activation-compact .activation-admin-tools .btn{min-width:0!important;width:100%!important;height:34px!important;padding:6px 5px!important;font-size:11px!important;line-height:1.15!important;white-space:normal!important;overflow:hidden!important}
#view-cards .activation-compact #activationGenerateBtn{grid-column:auto!important}
.activation-code-list{display:grid;gap:7px;max-height:176px;overflow-y:auto;overflow-x:hidden;padding-right:3px}
.activation-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;border:1px solid #e3edf9;background:#fbfdff;border-radius:11px;padding:8px 9px;min-width:0}
.activation-code-row .code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.04em;color:#11264a;font-size:12px}
.activation-code-row span{font-size:11px;font-weight:900;border-radius:999px;padding:3px 6px;white-space:nowrap}
.activation-code-row span.unused{background:#ecfdf3;color:#047857}
.activation-code-row span.used{background:#eef2f7;color:#64748b}
.activation-code-row small{grid-column:1/-1;color:#7a8799;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cards-management-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.cards-management-grid .card{min-width:0;overflow:hidden}
.activation-list-card .section-title{align-items:flex-start}
.activation-list-actions{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important}
.activation-list-actions .btn{flex:0 0 auto!important;min-width:0!important;height:30px!important;padding:5px 8px!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.activation-full-table{width:100%;max-height:none;overflow-x:auto;overflow-y:visible;border:1px solid #e4ecf7;border-radius:14px;background:#fff}
.activation-full-table table{width:100%;min-width:760px;border-collapse:collapse}
.activation-full-table th,.activation-full-table td{padding:10px 9px;border-bottom:1px solid #eef3fb;text-align:left;font-size:12px;vertical-align:middle}
.activation-full-table th{position:sticky;top:0;background:#f8fbff;z-index:1;color:#526279;font-weight:900}
.activation-full-table tr:hover td{background:#fbfdff}
.activation-full-table .check-col{width:34px}
.activation-full-table .code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.04em;color:#11264a}
.activation-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;white-space:nowrap}
.activation-status.unused{background:#ecfdf3;color:#047857}
.activation-status.used{background:#eef2f7;color:#64748b}
.activation-full-table .mini-btn{height:28px!important;padding:4px 8px!important;font-size:11px!important}
@media(max-width:1180px){
  #view-cards .compact-verify-grid.grid-3{grid-template-columns:1fr!important}
  #view-cards .compact-group-picker{grid-template-columns:1fr!important}
  #view-cards .compact-group-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #view-cards .compact-group-actions .btn{width:100%!important}
  #view-cards .verify-chip-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cards-management-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  #view-cards .verify-chip-list{grid-template-columns:1fr!important}
  .activation-list-actions{grid-template-columns:1fr 1fr}
}

/* 卡密分发页：三卡片和左右列表统一尺寸，避免 100% 浏览器下挤压错位 */
#view-cards .compact-verify-grid.grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:16px!important;
}
#view-cards .compact-verify-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:278px!important;
  height:100%!important;
}
#view-cards .compact-group-picker{
  grid-template-columns:minmax(0,1fr) 306px!important;
  align-items:center!important;
}
#view-cards .compact-group-picker .select{
  height:42px!important;
  line-height:42px!important;
  padding:0 12px!important;
  font-size:12px!important;
}
#view-cards .compact-group-actions{
  grid-template-columns:86px 104px 108px!important;
  align-items:center!important;
}
#view-cards .compact-group-actions .btn{
  height:38px!important;
  padding:0 6px!important;
  font-size:10.5px!important;
  line-height:1.12!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#view-cards .verify-chip-list{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  max-height:188px!important;
  overflow:auto!important;
  align-content:start!important;
}
#view-cards .verify-chip{
  min-height:32px!important;
  padding:6px 7px!important;
  gap:5px!important;
  border-radius:11px!important;
}
#view-cards .verify-chip b{
  font-size:11.5px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  letter-spacing:0!important;
}
#view-cards .verify-chip-remove{
  width:20px!important;
  height:20px!important;
  font-size:15px!important;
}
#view-cards .activation-compact{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
}
#view-cards .activation-compact .activation-admin-tools{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;
}
#view-cards .activation-compact .activation-admin-tools .input,
#view-cards .activation-compact .activation-admin-tools .btn{
  height:38px!important;
}
#view-cards .activation-compact #activationGenerateBtn{
  font-size:11.5px!important;
  white-space:nowrap!important;
}
#view-cards .cards-management-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
#view-cards .cards-management-grid>.card{
  display:flex!important;
  flex-direction:column!important;
  min-height:640px!important;
}
#view-cards .cards-management-grid .list-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  overflow-x:auto!important;
  padding-bottom:2px!important;
}
#view-cards .cards-management-grid .list-actions .btn{
  flex:0 0 auto!important;
  width:82px!important;
  height:30px!important;
  padding:4px 6px!important;
  font-size:11px!important;
  line-height:1.12!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
}
#view-cards .cards-management-grid .list-actions .btn:nth-child(2),
#view-cards .cards-management-grid .list-actions .btn:nth-child(3),
#view-cards .cards-management-grid .list-actions .btn:nth-child(4){
  width:96px!important;
}
#view-cards .cards-management-grid .card-list-search{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-left:4px!important;
}
#view-cards .cards-management-grid .card-list-search .input{
  width:150px!important;
  height:30px!important;
  min-height:30px!important;
  padding:4px 10px!important;
  font-size:12px!important;
}
#view-cards .cards-management-grid .card-list-search .btn{
  width:48px!important;
  min-width:48px!important;
}
#view-cards .cards-management-grid .table-wrap,
#view-cards .activation-full-table{
  flex:1 1 auto!important;
  min-height:492px!important;
  max-height:none!important;
  overflow:auto!important;
  border:1px solid #e4ecf7!important;
  border-radius:14px!important;
}
#view-cards .cards-management-grid table{
  width:100%!important;
  min-width:760px!important;
}
#view-cards .cards-management-grid th,
#view-cards .cards-management-grid td{
  height:42px!important;
  padding:8px 9px!important;
  font-size:12px!important;
  vertical-align:middle!important;
}
#view-cards .cards-management-grid td .btn,
#view-cards .activation-full-table .mini-btn{
  width:56px!important;
  height:28px!important;
  padding:4px 8px!important;
  font-size:11px!important;
}
#view-cards .cards-management-grid .pager{
  margin-top:auto!important;
  min-height:44px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
#view-cards .cards-management-grid .pager .btn{
  height:30px!important;
  padding:5px 10px!important;
  font-size:12px!important;
}
.claim-search-input{width:min(320px,100%)!important;max-width:320px!important;height:38px!important}
.claim-search-tag{display:inline-flex;align-items:center;margin-left:10px;border-radius:999px;padding:3px 9px;background:#eef6ff;color:#1e40af;font-size:12px;font-weight:900}
@media(max-width:1380px){
  #view-cards .compact-verify-grid.grid-3{grid-template-columns:1fr!important}
  #view-cards .compact-verify-card{min-height:0!important}
  #view-cards .compact-group-picker{grid-template-columns:1fr!important}
  #view-cards .compact-group-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1180px){
  #view-cards .cards-management-grid{grid-template-columns:1fr!important}
}

/* Dashboard hero refresh: solid pie + upright trend dates. */
.hero-card{
  min-height:152px!important;
  padding:16px 22px!important;
}
.hero-card-content{
  grid-template-columns:minmax(0,1fr) 292px!important;
  align-items:center!important;
  gap:18px!important;
}
.hero-copy{
  display:grid!important;
  justify-items:stretch!important;
  align-content:stretch!important;
  text-align:left!important;
  min-height:118px!important;
  position:relative!important;
}
.hero-copy h3{
  position:absolute!important;
  left:-6px!important;
  top:-24px!important;
  font-size:15px!important;
  color:#52657f!important;
}
.hero-value{
  font-size:72px!important;
  line-height:.95!important;
  margin-top:0!important;
  min-height:118px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  color:#0f213d!important;
}
.hero-note{display:none!important}
.hero-pie-wrap{
  min-width:286px!important;
  padding:0!important;
  display:grid!important;
  justify-items:center!important;
  gap:6px!important;
}
.hero-pie-chart{
  width:286px!important;
  height:174px!important;
  display:block!important;
  overflow:visible!important;
}
.hero-pie-slice{
  stroke:#fff;
  stroke-width:2;
  vector-effect:non-scaling-stroke;
}
.hero-pie-line{
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.86;
  vector-effect:non-scaling-stroke;
}
.hero-pie-percent{
  fill:#101828;
  font-size:14px;
  font-weight:950;
}
.hero-pie-side-name{
  fill:#52657f;
  font-size:12px;
  font-weight:900;
}
.fixed-ratio-chart .hero-pie-line{
  stroke-width:2.4;
}
.fixed-ratio-legend{
  width:100%!important;
  justify-content:space-between!important;
  padding:0 22px!important;
}
.hero-pie-legend{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:0!important;
  font-size:12px!important;
}
.hero-pie-legend span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}
.day-label{
  height:auto!important;
  line-height:1.2!important;
  writing-mode:horizontal-tb!important;
  transform:none!important;
  transform-origin:center!important;
  white-space:nowrap!important;
  width:auto!important;
  min-width:30px!important;
  text-align:center!important;
}
.daily-bars{
  padding-bottom:10px!important;
}
.contact-skip-option{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:10px 0 2px;
  padding:9px 12px;
  border:1px solid #dfe8f6;
  border-radius:12px;
  background:#f8fbff;
  color:#173052;
  font-size:13px;
  font-weight:900;
  width:max-content;
}
.contact-skip-option input{
  width:auto;
}
@media(max-width:1180px){
  .hero-card-content{grid-template-columns:minmax(0,1fr) 276px!important}
  .hero-value{font-size:62px!important}
}
@media(max-width:860px){
  .hero-card-content{grid-template-columns:1fr!important}
  .hero-pie-wrap{min-width:0!important}
  .hero-pie-chart{width:280px!important;height:170px!important}
  .hero-value{font-size:52px!important}
}

/* Mobile admin layout: phone-only polish, desktop remains unchanged. */
body:not(.admin-authenticated) #shell{display:none!important}
@media(max-width:860px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#f4f7fb!important;
  }
  body:not(.admin-authenticated){
    background:#fff!important;
  }
  body:not(.admin-authenticated) #authView{
    min-height:100svh!important;
    display:grid!important;
    place-items:center start!important;
    padding:18px 24px!important;
    overflow:auto!important;
    background:#fff!important;
  }
  body:not(.admin-authenticated) .auth-card{
    width:min(320px,calc(100vw - 80px))!important;
    max-width:320px!important;
    min-width:0!important;
    justify-self:start!important;
    grid-template-columns:1fr!important;
    border-radius:22px!important;
    box-shadow:0 18px 48px rgba(15,35,63,.12)!important;
    border:1px solid #e8eef7!important;
  }
  body:not(.admin-authenticated) .auth-side{
    display:none!important;
  }
  body:not(.admin-authenticated) .auth-main{
    padding:26px 18px 22px!important;
  }
  body:not(.admin-authenticated) .auth-main h2{
    font-size:24px!important;
    line-height:1.25!important;
  }
  body:not(.admin-authenticated) .field input,
  body:not(.admin-authenticated) .input{
    height:44px!important;
    border-radius:12px!important;
    font-size:16px!important;
  }
  body:not(.admin-authenticated) .auth-btn{
    height:46px!important;
    border-radius:12px!important;
  }

  body.admin-authenticated .shell{
    display:block!important;
    min-height:100svh!important;
    background:#f4f7fb!important;
  }
  body.admin-authenticated .sidebar{
    position:sticky!important;
    top:0!important;
    z-index:70!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:10px 10px 12px!important;
    border-radius:0 0 18px 18px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    background:#05060a!important;
  }
  body.admin-authenticated .brand{
    height:34px!important;
    margin:0 4px 8px!important;
    font-size:15px!important;
  }
  body.admin-authenticated .brand-logo{
    width:28px!important;
    height:28px!important;
    border-radius:8px!important;
  }
  body.admin-authenticated .tenant-meta,
  body.admin-authenticated .side-bottom{
    display:none!important;
  }
  body.admin-authenticated .nav{
    display:flex!important;
    grid-template-columns:none!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 2px 2px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.admin-authenticated .nav::-webkit-scrollbar{display:none!important}
  body.admin-authenticated .nav button{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:84px!important;
    min-height:36px!important;
    padding:8px 11px!important;
    border-radius:10px!important;
    font-size:13px!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated .nav-icon{
    width:15px!important;
    height:15px!important;
  }
  body.admin-authenticated .main{
    margin-left:0!important;
    padding:10px!important;
    min-height:auto!important;
    background:#f4f7fb!important;
  }
  body.admin-authenticated .topbar{
    position:static!important;
    display:block!important;
    min-height:0!important;
    margin:0 0 8px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }
  body.admin-authenticated .status-tools{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:7px!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
    flex-wrap:nowrap!important;
  }
  body.admin-authenticated .status-tools>*{
    flex:0 0 auto!important;
  }
  body.admin-authenticated .support-trigger,
  body.admin-authenticated .account-trigger,
  body.admin-authenticated .top-tool-trigger,
  body.admin-authenticated .pill{
    height:32px!important;
    min-height:32px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    font-size:12px!important;
    background:#fff!important;
    color:#132238!important;
    border:1px solid #e5ebf4!important;
  }
  body.admin-authenticated .account-dropdown,
  body.admin-authenticated .support-popover{
    position:fixed!important;
    top:96px!important;
    right:10px!important;
    left:auto!important;
    transform:none!important;
    max-width:calc(100vw - 20px)!important;
    z-index:120!important;
  }
  body.admin-authenticated .view.active{
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    padding:12px!important;
    border-radius:16px!important;
    border:1px solid #e5ebf4!important;
    box-shadow:none!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .card{
    max-width:100%!important;
    padding:14px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .section-title{
    align-items:flex-start!important;
    gap:8px!important;
    flex-wrap:wrap!important;
  }
  .section-title h2{
    font-size:18px!important;
    line-height:1.25!important;
  }
  .grid-2,.grid-3,.cards,.ops-grid,.ops-grid.ops-single,.quick-panel,.dashboard-grid,.dashboard-charts,.hero-metrics,.mini-metrics,.ops-list,.ops-compact-head,.ops-material-panel,.broadcast-compose,.broadcast-action-panel,.contact-way-config,.ops-inline-grid,.ops-three-grid,.invite-layout,.invite-form,.lt-batch-area,.lt-page-head-grid,.cards-management-grid,#view-cards .cards-management-grid,.compact-verify-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .hero-card{
    min-height:auto!important;
    padding:16px!important;
  }
  .hero-card-content{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .hero-copy{
    min-height:78px!important;
    align-content:start!important;
  }
  .hero-copy h3{
    position:static!important;
    margin:0 0 6px!important;
    font-size:14px!important;
  }
  .hero-value{
    min-height:0!important;
    display:block!important;
    font-size:46px!important;
    line-height:1!important;
  }
  .hero-pie-wrap{
    width:100%!important;
    min-width:0!important;
    justify-items:center!important;
  }
  .hero-pie-chart{
    width:min(100%,300px)!important;
    height:160px!important;
  }
  .fixed-ratio-legend{
    padding:0!important;
    justify-content:center!important;
  }
  .mini-card .big,.control-metric span{
    font-size:26px!important;
  }
  .bar-chart,.chart{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .daily-bars{
    min-width:720px!important;
  }
  .toolbar,.list-actions,.selector-tools,.lt-action-bar,.bottle-edit-toolbar{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    max-width:100%!important;
  }
  .toolbar .btn,.list-actions .btn,.selector-tools .btn,.lt-action-bar .btn{
    min-height:34px!important;
    padding:8px 10px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .input,.select,.textarea,.field input{
    min-width:0!important;
    max-width:100%!important;
    font-size:16px!important;
    border-radius:12px!important;
  }
  .sms-row,.pdd-url-row,.activation-admin-tools,.compact-group-actions{
    grid-template-columns:1fr!important;
  }
  .selector-box,.ops-section-targets .selector-box,.invite-group-list,.way-cards,.group-card-list,.verify-card-list,.broadcast-history{
    grid-template-columns:1fr!important;
    max-height:56vh!important;
  }
  .table-wrap,.lt-table,#view-cards .cards-management-grid .table-wrap,#view-cards .activation-full-table{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:12px!important;
  }
  table,.lt-table table,#view-cards .cards-management-grid table,.admin-user-table table{
    width:max-content!important;
    min-width:720px!important;
  }
  th,td{
    padding:9px 8px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .link-cell,.admin-user-link{
    max-width:220px!important;
    white-space:normal!important;
    word-break:break-all!important;
  }
  .pager{
    gap:7px!important;
    padding:8px 0!important;
  }
  .pager .muted{
    width:100%!important;
    text-align:center!important;
  }
  .pager-jump{
    width:100%!important;
    justify-content:center!important;
  }
  .modal-mask{
    align-items:flex-start!important;
    justify-content:center!important;
    padding:10px!important;
    overflow:auto!important;
  }
  .modal,.lt-create-dialog,.lt-create-dialog.wide,.lt-short-dialog,.lt-batch-dialog,.lt-page-editor-modal,.lt-code-dialog,.lt-domain-modal,.bottle-lib-modal,.bottle-campaign-modal,.wecom-auth-modal,.merchant-detail-modal{
    width:100%!important;
    max-width:none!important;
    max-height:calc(100svh - 20px)!important;
    height:auto!important;
    border-radius:18px!important;
    padding:14px!important;
    overflow:auto!important;
  }
  .modal-top{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    background:#fff!important;
    margin:-14px -14px 12px!important;
    padding:14px!important;
    border-bottom:1px solid #eef2f8!important;
  }
  .modal-top h2{
    font-size:18px!important;
  }
  .lt-workbench{
    min-height:auto!important;
    padding-bottom:0!important;
  }
  .lt-bottom-bar{
    position:static!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    padding:10px 0 0!important;
    box-shadow:none!important;
    border-top:1px solid #eef2f8!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
  }
  .lt-form-row,.lt-form-row.inline,.lt-sub-panel,.lt-upload-line{
    display:grid!important;
    grid-template-columns:1fr!important;
    margin-left:0!important;
  }
  .lt-dialog-footer,.modal-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  #view-cards .cards-management-grid>.card{
    min-height:auto!important;
  }
  #view-cards .cards-management-grid .table-wrap,
  #view-cards .activation-full-table{
    min-height:0!important;
    max-height:62vh!important;
  }
  #view-cards .cards-management-grid .list-actions{
    flex-wrap:wrap!important;
    overflow-x:visible!important;
  }
  #view-cards .cards-management-grid .list-actions .btn{
    width:auto!important;
    min-width:76px!important;
    white-space:nowrap!important;
  }
  .wecom-auth-compact,.wecom-auth-compact.ok,.wecom-auth-compact.pending{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  .wecom-auth-compact .wecom-auth-steps,
  .wecom-auth-compact.pending .wecom-auth-steps{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .wecom-auth-compact .wecom-auth-steps>i{
    display:none!important;
  }
  .wecom-permission-layout{
    grid-template-columns:1fr!important;
  }
  .wecom-permission-shot{
    max-height:300px!important;
  }
  .wecom-auth-qr img{
    width:220px!important;
    height:220px!important;
  }
}

/* Final override: 使用文档白底目录样式 */
#view-docs .docs-simple-head{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px 0 10px!important;
  margin:0!important;
  background:#fff!important;
}
#view-docs .docs-simple-head h2{
  margin:0!important;
  color:#10233f!important;
  font-size:24px!important;
  font-weight:950!important;
  letter-spacing:0!important;
}
#view-docs .docs-hero,
#view-docs .docs-toolbar,
#view-docs .doc-summary-strip,
#view-docs .docs-kicker,
#view-docs .docs-hero-badge{
  display:none!important;
}
#view-docs .docs-grid{
  display:block!important;
  background:#fff!important;
}
#view-docs .doc-manual{
  border:0!important;
  border-bottom:1px solid #e7edf5!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
#view-docs .doc-manual-head{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 26px!important;
  align-items:center!important;
  gap:12px!important;
  padding:16px 4px!important;
  background:#fff!important;
  border:0!important;
  text-align:left!important;
}
#view-docs .doc-manual-head:hover,
#view-docs .doc-manual.is-open .doc-manual-head{
  background:#fff!important;
  border-bottom:0!important;
}
#view-docs .doc-directory-line{
  display:block!important;
  color:#10233f!important;
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-docs .doc-triangle{
  justify-self:end!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  color:#0f172a!important;
  font-size:18px!important;
  font-weight:950!important;
}
#view-docs .doc-manual-type,
#view-docs .doc-title-line{
  display:none!important;
}
#view-docs .doc-manual-detail{
  padding:0 0 22px!important;
  background:#fff!important;
}
#view-docs .doc-step-gallery{
  display:grid!important;
  gap:18px!important;
  margin-top:4px!important;
}
#view-docs .doc-gallery-item{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  align-items:stretch!important;
  padding:16px 0 18px!important;
  border:0!important;
  border-top:1px dashed #e4ebf5!important;
  border-radius:0!important;
  background:#fff!important;
}
#view-docs .doc-gallery-copy{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}
#view-docs .doc-gallery-copy>b{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#1677ff!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
}
#view-docs .doc-gallery-copy h4{
  margin:0!important;
  color:#10233f!important;
  font-size:16px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-docs .doc-gallery-copy p{
  margin:7px 0 0!important;
  color:#42526a!important;
  line-height:1.75!important;
  font-weight:850!important;
}
#view-docs .doc-gallery-copy img{
  width:100%!important;
  margin-left:0!important;
  margin-top:12px!important;
  max-height:520px!important;
  object-fit:contain!important;
  display:block!important;
  border:1px solid #dfe8f5!important;
  border-radius:12px!important;
  background:#f8fafc!important;
}
#view-docs .doc-enter-btn{
  margin-top:2px!important;
}
@media(max-width:980px){
  #view-docs .doc-gallery-item{
    display:flex!important;
    flex-direction:column!important;
  }
  #view-docs .doc-directory-line{
    font-size:15px!important;
  }
  #view-docs .doc-gallery-copy img{
    width:100%!important;
    margin-left:0!important;
  }
}

/* 使用文档最终强制排版：步骤标题一行，截图紧跟标题下方 */
#view-docs .doc-gallery-copy{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
#view-docs .doc-step-title-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}
#view-docs .doc-step-title-row>b{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#1677ff!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
}
#view-docs .doc-step-title-row h4{
  margin:0!important;
  min-width:0!important;
  color:#10233f!important;
  font-size:16px!important;
  line-height:1.5!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-docs .doc-gallery-copy img{
  display:block!important;
  width:68%!important;
  min-width:560px!important;
  max-width:980px!important;
  margin:12px 0 0!important;
  max-height:none!important;
  object-fit:contain!important;
}
@media(max-width:980px){
  #view-docs .doc-gallery-copy img{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Mobile admin final override 202606070430: this block must stay at the end. */
body:not(.admin-authenticated) #shell{display:none!important}
@media(max-width:760px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#eef3f8!important}
  body.admin-authenticated .auth{display:none!important}
  body.admin-authenticated .shell{display:block!important;min-height:100dvh!important;background:#eef3f8!important;padding:0!important}
  body.admin-authenticated .sidebar{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:100%!important;height:calc(64px + env(safe-area-inset-bottom))!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;z-index:240!important;
    background:#070913!important;border-top:1px solid rgba(255,255,255,.12)!important;border-right:0!important;
    box-shadow:0 -14px 34px rgba(11,18,32,.28)!important;overflow:hidden!important;
  }
  body.admin-authenticated .brand,body.admin-authenticated .tenant-meta,body.admin-authenticated .side-bottom{display:none!important}
  body.admin-authenticated .nav{
    height:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;
    gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;margin:0!important;
    scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;
  }
  body.admin-authenticated .nav::-webkit-scrollbar{display:none!important}
  body.admin-authenticated .nav button{
    flex:0 0 21.5vw!important;min-width:72px!important;max-width:88px!important;height:48px!important;min-height:48px!important;
    padding:5px 5px 4px!important;display:grid!important;grid-template-rows:20px 16px!important;place-items:center!important;
    justify-content:center!important;align-content:center!important;gap:2px!important;border-radius:15px!important;
    background:transparent!important;color:rgba(255,255,255,.68)!important;border:0!important;box-shadow:none!important;
    scroll-snap-align:start!important;white-space:nowrap!important;
  }
  body.admin-authenticated .nav button.active{color:#fff!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;box-shadow:0 8px 18px rgba(37,99,235,.32)!important}
  body.admin-authenticated .nav button span{width:100%!important;font-size:11px!important;line-height:14px!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
  body.admin-authenticated .nav-icon{width:19px!important;height:19px!important;margin:0!important}
  body.admin-authenticated .main{
    margin-left:0!important;width:100%!important;min-height:100dvh!important;
    padding:10px 10px calc(82px + env(safe-area-inset-bottom))!important;background:#eef3f8!important;overflow-x:hidden!important;
  }
  body.admin-authenticated .topbar{
    position:sticky!important;top:0!important;z-index:210!important;margin:0 0 10px!important;padding:8px!important;
    min-height:50px!important;display:block!important;background:#fff!important;border:1px solid #e5edf7!important;
    border-radius:18px!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
  }
  body.admin-authenticated .topbar>div:first-child{display:none!important}
  body.admin-authenticated .status-tools{
    width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;align-items:center!important;overflow:visible!important;padding:0!important;
  }
  body.admin-authenticated #activityPill{display:none!important}
  body.admin-authenticated .top-tool-trigger,body.admin-authenticated .support-trigger,body.admin-authenticated .account-trigger{
    width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 6px!important;
    justify-content:center!important;gap:4px!important;border-radius:12px!important;border:1px solid #e4ebf5!important;
    background:#f8fbff!important;color:#162033!important;font-size:11px!important;font-weight:900!important;box-shadow:none!important;overflow:hidden!important;
  }
  body.admin-authenticated .top-tool-trigger span,body.admin-authenticated .support-trigger span,body.admin-authenticated .account-trigger span{
    min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  body.admin-authenticated .support-icon{width:15px!important;height:15px!important;flex:0 0 15px!important}
  body.admin-authenticated .account-avatar,body.admin-authenticated .account-trigger img{width:22px!important;height:22px!important;flex:0 0 22px!important}
  body.admin-authenticated #topAccount{max-width:48px!important;display:inline-block!important}
  body.admin-authenticated .account-caret{display:none!important}
  body.admin-authenticated .support-menu,body.admin-authenticated .account-menu{position:relative!important;min-width:0!important}
  body.admin-authenticated .support-popover,body.admin-authenticated .account-dropdown{
    position:fixed!important;top:62px!important;left:10px!important;right:10px!important;width:auto!important;min-width:0!important;
    transform:none!important;z-index:260!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
  }
  body.admin-authenticated .support-popover{display:none!important;padding:14px!important}
  body.admin-authenticated .support-menu.mobile-open .support-popover{display:block!important}
  body.admin-authenticated .account-dropdown{display:none!important;padding:8px!important}
  body.admin-authenticated .account-menu.mobile-open .account-dropdown{display:grid!important;gap:6px!important}
  body.admin-authenticated .support-popover:before{display:none!important}
  body.admin-authenticated .support-popover img{width:min(74vw,260px)!important;height:min(74vw,260px)!important;object-fit:contain!important;margin:auto!important;display:block!important}
  body.admin-authenticated .view.active{
    display:block!important;width:100%!important;min-height:calc(100dvh - 134px)!important;padding:10px!important;
    border:1px solid #e5edf7!important;border-radius:20px!important;background:#fff!important;
    box-shadow:0 12px 34px rgba(15,23,42,.08)!important;overflow:visible!important;
  }
  body.admin-authenticated .card{width:100%!important;max-width:100%!important;padding:12px!important;border-radius:16px!important;overflow:hidden!important}
  .dashboard-grid,.dashboard-charts,.grid-2,.grid-3,.cards,.ops-grid,.ops-grid.ops-single,.quick-panel,.invite-layout,.local-sync-grid,.pdd-config-layout,.lt-layout,.lt-page-editor,.lt-code-layout,.cards-management-grid{grid-template-columns:1fr!important;gap:10px!important}
  .hero-metrics{grid-template-columns:1fr!important;gap:10px!important}
  .mini-metrics,.card-data-grid,.activation-admin-stats,.broadcast-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important}
  .section-title h2{font-size:17px!important;line-height:1.25!important}.section-title .muted{font-size:11px!important;line-height:1.2!important}
  .hero-card-content{grid-template-columns:1fr auto!important;gap:8px!important}.hero-value{font-size:34px!important;line-height:1.05!important}.hero-big-pie{width:96px!important;height:96px!important}
  .bar-chart{height:252px!important;min-height:252px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 0 8px!important;-webkit-overflow-scrolling:touch!important}
  .daily-bars{min-width:760px!important;height:232px!important;align-items:end!important;padding:10px 8px 34px!important;overflow:visible!important}
  .day-bar-wrap{min-width:22px!important;overflow:visible!important}.day-label{height:24px!important;line-height:14px!important;bottom:-28px!important;overflow:visible!important;transform:none!important;writing-mode:horizontal-tb!important;white-space:nowrap!important;font-size:10px!important}.day-num{font-size:10px!important}
  .toolbar,.list-actions,.selector-tools,.way-card-actions,.group-card-actions,.ops-action-row,.ops-create-row,.activation-list-actions,.invite-group-actions,.invite-card-top .toolbar,.lt-action-bar,.lt-domain-actions,.pdd-actions,.compact-group-actions,.activation-admin-tools{display:flex!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important;padding-bottom:0!important}
  .toolbar .btn,.list-actions .btn,.selector-tools .btn,.way-card-actions .btn,.group-card-actions .btn,.ops-action-row .btn,.ops-create-row .btn,.activation-list-actions .btn,.invite-group-actions .btn,.invite-card-top .toolbar .btn,.lt-action-bar .btn,.lt-domain-actions .btn,.pdd-actions .btn,.compact-group-actions .btn,.activation-admin-tools .btn{flex:1 1 calc(50% - 6px)!important;min-width:0!important;max-width:none!important;height:34px!important;min-height:34px!important;padding:0 8px!important;font-size:12px!important;white-space:nowrap!important}
  .selector-box{display:grid!important;grid-template-columns:1fr!important;max-height:58dvh!important}.selector-box label{min-height:50px!important}
  .verify-chip-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;max-height:148px!important;overflow:auto!important}
  .verify-chip{min-width:0!important;padding:8px 28px 8px 8px!important;border-radius:12px!important}.verify-chip b{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important}.verify-chip span{font-size:10px!important}.verify-chip-remove{right:6px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;height:20px!important}
  .mobile-record-list,.lt-mobile-list{display:grid!important;gap:8px!important}
  .mobile-record-card,.lt-mobile-card{padding:10px!important;border-radius:14px!important;border:1px solid #e5edf7!important;background:#fff!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important;overflow:hidden!important}
  .mobile-record-head,.lt-mobile-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:7px!important;min-width:0!important}
  .mobile-record-head b,.lt-mobile-head b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}
  .mobile-record-head span,.lt-mobile-head span{flex:0 0 auto!important;font-size:11px!important;border-radius:999px!important;padding:4px 7px!important;background:#eef4ff!important;color:#2563eb!important}
  .mobile-record-url,.lt-mobile-url{display:block!important;width:100%!important;min-height:32px!important;padding:7px 9px!important;margin:6px 0!important;border-radius:10px!important;background:#f8fbff!important;color:#0f3d75!important;font-size:12px!important;line-height:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important}
  .mobile-record-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.mobile-record-grid.dense{grid-template-columns:repeat(3,minmax(0,1fr))!important}.mobile-record-grid>div{min-width:0!important;padding:7px!important;border-radius:10px!important;background:#f8fafc!important}.mobile-record-grid span{display:block!important;font-size:10px!important;color:#64748b!important;margin-bottom:3px!important}.mobile-record-grid b{display:block!important;min-width:0!important;font-size:11px!important;line-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .mobile-record-actions,.lt-mobile-actions{display:flex!important;gap:6px!important;justify-content:flex-end!important;flex-wrap:wrap!important;margin-top:8px!important}.mobile-record-actions .btn,.lt-mobile-actions .btn{flex:1 1 auto!important;min-width:58px!important;height:30px!important;min-height:30px!important;padding:0 8px!important;font-size:11px!important}
  .lt-mobile-original,.lt-mobile-meta,.lt-mobile-stats{display:flex!important;gap:6px!important;flex-wrap:wrap!important;color:#64748b!important;font-size:11px!important;line-height:16px!important;margin:5px 0!important}.lt-mobile-original{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}.lt-mobile-stats span{flex:1 1 30%!important;min-width:0!important;padding:6px!important;border-radius:9px!important;text-align:center!important;background:#f1f5f9!important;color:#0f172a!important;font-weight:800!important}
  .pager,.mobile-pager,.lt-mobile-pager{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;justify-items:center!important;gap:7px!important;margin:10px 0 0!important;padding:0!important}
  .mobile-pager .btn,.pager .btn{height:32px!important;min-height:32px!important;padding:0 10px!important;font-size:12px!important}.mobile-pager-main{display:flex!important;flex-direction:column!important;align-items:center!important;line-height:16px!important;font-size:11px!important;color:#64748b!important}.mobile-pager-main b{font-size:13px!important;color:#0f172a!important}.mobile-pager-jump{grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:12px!important;color:#64748b!important}.mobile-pager-jump input{width:54px!important;height:30px!important;padding:4px!important;text-align:center!important}
  .table-wrap,.lt-table,.activation-full-table,.bottle-claim-table{width:100%!important;max-width:100%!important;overflow-x:auto!important;border-radius:14px!important}.table-wrap table,.lt-table table,.activation-full-table table,.bottle-claim-table table{min-width:620px!important}
  .modal-mask{padding:8px!important;align-items:flex-end!important}.modal{width:100%!important;max-width:100%!important;max-height:88dvh!important;overflow:auto!important;border-radius:20px 20px 0 0!important;padding:14px!important}
  .lt-create-dialog,.lt-short-dialog,.lt-batch-dialog,.lt-domain-modal,.payment-modal{width:100%!important;max-width:100%!important;max-height:86dvh!important}
  #ltShortDialog .lt-form-row{grid-template-columns:1fr!important;gap:6px!important;align-items:start!important}#ltShortDialog .lt-form-row label{font-size:12px!important;color:#475569!important}
  .lt-short-switch-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.lt-short-switch-item{min-height:64px!important;padding:8px!important;border-radius:12px!important}.lt-sub-panel{margin-left:0!important;padding:8px!important;border-radius:12px!important}.lt-batch-area{grid-template-columns:1fr!important;gap:8px!important}.lt-dialog-footer{position:sticky!important;bottom:-14px!important;background:#fff!important;padding-top:10px!important}
  .claim-search-box,.card-list-search,.activation-search-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px!important;align-items:center!important}.claim-search-box .input,.card-list-search .input,.activation-search-box .input{min-width:0!important;height:34px!important}.claim-search-box .btn,.card-list-search .btn,.activation-search-box .btn{height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:12px!important}
  .bottle-lib-row,.bottle-campaign-row{grid-template-columns:1fr!important;gap:8px!important;align-items:start!important}.bottle-lib-row.head,.bottle-campaign-row.head{display:none!important}.bottle-lib-actions,.bottle-campaign-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.bottle-lib-actions .btn,.bottle-campaign-actions .btn{height:32px!important;min-height:32px!important;padding:0 8px!important;font-size:11px!important}
  #view-docs .doc-gallery-copy img{width:100%!important;max-width:100%!important;min-width:0!important}
}

/* Mobile activity/topbar fix 202606070505 */
@media(max-width:760px){
  body.admin-authenticated .main .topbar #activityPill,
  body.admin-authenticated .main .topbar #activityPill[style*="inline-flex"]{
    display:none!important;
  }
  body.admin-authenticated .status-tools{
    grid-template-columns:minmax(58px,.68fr) minmax(58px,.68fr) minmax(58px,.68fr) minmax(112px,1.45fr)!important;
    gap:5px!important;
  }
  body.admin-authenticated .top-tool-trigger,
  body.admin-authenticated .support-trigger{
    height:32px!important;
    min-height:32px!important;
    padding:0 4px!important;
    gap:3px!important;
    border-radius:11px!important;
    font-size:10.5px!important;
    background:#f8fbff!important;
    color:#162033!important;
    border:1px solid #e4ebf5!important;
    box-shadow:none!important;
  }
  body.admin-authenticated .status-tools #topDomainBtn,
  body.admin-authenticated .status-tools #topDomainBtn.has-domain,
  body.admin-authenticated .status-tools #topDomainBtn.has-domain:not(:hover){
    background:#f8fbff!important;
    color:#162033!important;
    border:1px solid #e4ebf5!important;
    box-shadow:none!important;
  }
  body.admin-authenticated .top-tool-trigger:hover,
  body.admin-authenticated .support-trigger:hover,
  body.admin-authenticated .status-tools #topDomainBtn:hover{
    background:#eef5ff!important;
    color:#0f172a!important;
  }
  body.admin-authenticated .support-icon{
    width:13px!important;
    height:13px!important;
    flex:0 0 13px!important;
  }
  body.admin-authenticated .account-trigger{
    height:32px!important;
    min-height:32px!important;
    padding:0 5px!important;
    gap:4px!important;
    border-radius:11px!important;
    font-size:11.5px!important;
    background:#f8fbff!important;
    color:#162033!important;
    border:1px solid #e4ebf5!important;
  }
  body.admin-authenticated .account-avatar,
  body.admin-authenticated .account-trigger img{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }
  body.admin-authenticated #topAccount{
    max-width:none!important;
    display:inline-block!important;
    min-width:0!important;
    letter-spacing:-.2px!important;
  }
  .mobile-activity-card{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 10px!important;
    padding:10px 12px!important;
    border:1px solid #e5edf7!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#f8fbff,#fff)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.05)!important;
  }
  .mobile-activity-card>div{
    min-width:0!important;
    display:grid!important;
    gap:2px!important;
  }
  .mobile-activity-card b{
    font-size:13px!important;
    line-height:18px!important;
    color:#0f172a!important;
    white-space:nowrap!important;
  }
  .mobile-activity-card span{
    font-size:11px!important;
    line-height:16px!important;
    color:#64748b!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mobile-activity-card .switch{
    width:50px!important;
    height:28px!important;
    flex:0 0 50px!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .mobile-activity-card .slider:before{
    width:22px!important;
    height:22px!important;
    left:3px!important;
    top:3px!important;
  }
  .mobile-activity-card .switch input:checked+.slider:before{
    transform:translateX(22px)!important;
  }
}
@media(min-width:761px){
  .mobile-activity-card{display:none!important}
}

/* Mobile bottom nav final scroll isolation 202606070535 */
@media(max-width:760px){
  html,
  body,
  body.admin-authenticated .shell,
  body.admin-authenticated .main{
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
    max-width:100vw!important;
  }
  body.admin-authenticated .sidebar{
    left:0!important;
    right:0!important;
    max-width:100vw!important;
    overflow:hidden!important;
    overscroll-behavior:contain!important;
    touch-action:pan-x!important;
    contain:paint!important;
  }
  body.admin-authenticated .sidebar .nav{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:none!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    will-change:scroll-position!important;
    contain:layout paint!important;
  }
  body.admin-authenticated .sidebar .nav button{
    scroll-snap-align:none!important;
    -webkit-tap-highlight-color:transparent!important;
    user-select:none!important;
  }
}

/* Mobile compact cards/nav/forms 20260607004242 */
@media(max-width:760px){
  body.role-tenant #auditTab,
  body.role-tenant #controlTab,
  body.role-tenant #merchantFeatureTab,
  body.role-tenant #corpAdminTab,
  body.role-tenant #cardAdminTab,
  body.role-tenant #pddAdminTab,
  body.role-tenant #bottleAdminTab,
  body.role-tenant #systemSettingsTab,
  body.admin-authenticated .nav button[style*="display: none"],
  body.admin-authenticated .nav button[hidden]{
    display:none!important;
  }
  body.role-admin .tenant-only{
    display:none!important;
  }

  body.admin-authenticated .verify-chip-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    max-height:132px!important;
    overflow:auto!important;
    padding-right:2px!important;
  }
  body.admin-authenticated .verify-chip{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 20px!important;
    align-items:center!important;
    gap:4px!important;
    min-width:0!important;
    padding:7px 6px 7px 8px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  body.admin-authenticated .verify-chip>div{
    min-width:0!important;
    overflow:hidden!important;
  }
  body.admin-authenticated .verify-chip b{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11.5px!important;
    line-height:15px!important;
  }
  body.admin-authenticated .verify-chip span{
    display:block!important;
    font-size:9.5px!important;
    line-height:12px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated .verify-chip-remove{
    position:static!important;
    transform:none!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    padding:0!important;
    line-height:20px!important;
    border-radius:999px!important;
  }

  body.admin-authenticated .bottle-lib-table{
    display:grid!important;
    gap:6px!important;
  }
  body.admin-authenticated .bottle-lib-row.head{
    display:none!important;
  }
  body.admin-authenticated .bottle-lib-row:not(.head){
    display:grid!important;
    grid-template-columns:minmax(72px,1fr) repeat(3,minmax(42px,.44fr))!important;
    gap:5px!important;
    align-items:center!important;
    padding:8px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }
  body.admin-authenticated .bottle-lib-name{
    min-width:0!important;
    display:grid!important;
    gap:1px!important;
  }
  body.admin-authenticated .bottle-lib-name b{
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
    line-height:16px!important;
  }
  body.admin-authenticated .bottle-lib-name span{
    display:none!important;
  }
  body.admin-authenticated .bottle-lib-num{
    min-width:0!important;
    height:34px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
    border-radius:10px!important;
    background:#f8fbff!important;
    font-size:12px!important;
    line-height:13px!important;
    font-weight:950!important;
    color:#0f172a!important;
  }
  body.admin-authenticated .bottle-lib-num:before{
    content:attr(data-label);
    display:block!important;
    font-size:9px!important;
    line-height:10px!important;
    color:#64748b!important;
    font-weight:800!important;
  }
  body.admin-authenticated .bottle-lib-actions{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin-top:1px!important;
  }
  body.admin-authenticated .bottle-lib-actions .btn{
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 4px!important;
    font-size:10.5px!important;
    border-radius:9px!important;
    white-space:nowrap!important;
  }

  body.admin-authenticated .mobile-record-list,
  body.admin-authenticated .lt-mobile-list{
    gap:6px!important;
  }
  body.admin-authenticated .mobile-record-card,
  body.admin-authenticated .lt-mobile-card{
    padding:7px 8px!important;
    border-radius:12px!important;
    box-shadow:0 5px 14px rgba(15,23,42,.04)!important;
  }
  body.admin-authenticated .mobile-record-head,
  body.admin-authenticated .lt-mobile-head{
    margin-bottom:4px!important;
    gap:6px!important;
  }
  body.admin-authenticated .mobile-record-head b,
  body.admin-authenticated .lt-mobile-head b{
    font-size:12px!important;
    line-height:16px!important;
  }
  body.admin-authenticated .mobile-record-head span,
  body.admin-authenticated .lt-mobile-head span{
    font-size:10px!important;
    line-height:14px!important;
    padding:2px 6px!important;
  }
  body.admin-authenticated .mobile-record-url,
  body.admin-authenticated .lt-mobile-url{
    min-height:26px!important;
    padding:4px 7px!important;
    margin:4px 0!important;
    border-radius:8px!important;
    font-size:10.8px!important;
    line-height:16px!important;
  }
  body.admin-authenticated .mobile-record-grid{
    gap:4px!important;
  }
  body.admin-authenticated .mobile-record-grid.dense,
  body.admin-authenticated .activation-mobile-list .mobile-record-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.admin-authenticated .mobile-record-grid>div{
    padding:4px 5px!important;
    border-radius:8px!important;
  }
  body.admin-authenticated .mobile-record-grid span{
    font-size:9px!important;
    line-height:11px!important;
    margin-bottom:1px!important;
  }
  body.admin-authenticated .mobile-record-grid b{
    font-size:10px!important;
    line-height:13px!important;
  }
  body.admin-authenticated .mobile-record-actions,
  body.admin-authenticated .lt-mobile-actions{
    margin-top:5px!important;
    gap:5px!important;
  }
  body.admin-authenticated .mobile-record-actions .btn,
  body.admin-authenticated .lt-mobile-actions .btn{
    height:26px!important;
    min-height:26px!important;
    padding:0 7px!important;
    font-size:10px!important;
    border-radius:8px!important;
  }
  body.admin-authenticated .lt-mobile-original,
  body.admin-authenticated .lt-mobile-meta{
    margin:3px 0!important;
    font-size:10px!important;
    line-height:14px!important;
  }
  body.admin-authenticated .lt-mobile-stats{
    gap:4px!important;
    margin:4px 0!important;
  }
  body.admin-authenticated .lt-mobile-stats span{
    padding:4px!important;
    border-radius:7px!important;
    font-size:10px!important;
  }

  body.admin-authenticated .modal-mask{
    padding:8px 8px 0!important;
    align-items:flex-end!important;
  }
  body.admin-authenticated .modal.lt-short-dialog,
  body.admin-authenticated .modal.lt-page-editor-modal,
  body.admin-authenticated #ltCodeDialog .modal{
    width:100%!important;
    max-width:100%!important;
    max-height:78dvh!important;
    padding:12px!important;
    border-radius:18px 18px 0 0!important;
  }
  body.admin-authenticated #ltShortDialog .lt-form{
    gap:7px!important;
  }
  body.admin-authenticated #ltShortDialog .lt-form-row{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:6px!important;
    align-items:center!important;
  }
  body.admin-authenticated #ltShortDialog .lt-form-row label{
    font-size:11px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #ltShortDialog .lt-form-row .input,
  body.admin-authenticated #ltShortDialog .lt-form-row .select{
    height:34px!important;
    min-height:34px!important;
    padding:6px 9px!important;
    font-size:12px!important;
    border-radius:10px!important;
  }
  body.admin-authenticated #ltShortDialog .lt-short-switch-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin:2px 0!important;
  }
  body.admin-authenticated #ltShortDialog .lt-short-switch-item{
    min-height:36px!important;
    height:36px!important;
    padding:5px 6px!important;
    border-radius:10px!important;
    align-items:center!important;
    gap:4px!important;
  }
  body.admin-authenticated #ltShortDialog .lt-short-switch-item b{
    font-size:10.5px!important;
    line-height:14px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #ltShortDialog .lt-short-switch-item em{
    display:none!important;
  }
  body.admin-authenticated #ltShortDialog .lt-switch{
    width:32px!important;
    height:18px!important;
    flex:0 0 32px!important;
  }
  body.admin-authenticated #ltShortDialog .lt-switch span:before{
    width:14px!important;
    height:14px!important;
  }
  body.admin-authenticated #ltShortDialog .lt-switch input:checked+span:before{
    transform:translateX(14px)!important;
  }
  body.admin-authenticated #ltShortDialog .lt-sub-panel.lt-hide{
    display:none!important;
  }
  body.admin-authenticated #ltShortDialog .lt-sub-panel:not(.lt-hide){
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:7px!important;
    margin-left:0!important;
    border-radius:10px!important;
  }
  body.admin-authenticated #ltShortDialog .lt-url-line{
    gap:5px!important;
    margin-bottom:5px!important;
  }
  body.admin-authenticated #ltShortDialog .lt-url-line .btn{
    flex:0 0 38px!important;
    width:38px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
  }

  body.admin-authenticated .lt-page-editor-modal .lt-form,
  body.admin-authenticated #ltCodeDialog .lt-form{
    gap:8px!important;
  }
  body.admin-authenticated .lt-page-head-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  body.admin-authenticated .lt-page-editor-layout{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.admin-authenticated .lt-page-builder,
  body.admin-authenticated .lt-page-live{
    padding:8px!important;
    border-radius:12px!important;
  }
  body.admin-authenticated .lt-page-live-preview,
  body.admin-authenticated .lt-chat-preview-phone{
    min-height:300px!important;
    max-height:320px!important;
  }
  body.admin-authenticated .lt-chat-body{
    max-height:266px!important;
  }
  body.admin-authenticated .lt-page-blocks{
    max-height:260px!important;
  }
  body.admin-authenticated #ltCodeDialog .lt-form-row{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:7px!important;
  }
  body.admin-authenticated #ltCodeDialog .lt-form-row label{
    font-size:11px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #ltCodeDialog .lt-subcode-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    max-height:220px!important;
  }
  body.admin-authenticated #ltCodeDialog .lt-subcode-card{
    padding:5px!important;
    border-radius:10px!important;
    gap:4px!important;
  }
  body.admin-authenticated .lt-dialog-footer{
    position:sticky!important;
    bottom:-12px!important;
    margin-top:8px!important;
    padding-top:8px!important;
    background:#fff!important;
  }
}

/* Mobile bottom nav scroll isolation 202606070535 */
@media(max-width:760px){
  html,
  body,
  body.admin-authenticated .shell,
  body.admin-authenticated .main{
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
    max-width:100vw!important;
  }
  body.admin-authenticated .sidebar{
    left:0!important;
    right:0!important;
    max-width:100vw!important;
    overflow:hidden!important;
    overscroll-behavior:contain!important;
    touch-action:pan-x!important;
    contain:paint!important;
  }
  body.admin-authenticated .sidebar .nav{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:none!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    will-change:scroll-position!important;
    contain:layout paint!important;
  }
  body.admin-authenticated .sidebar .nav button{
    scroll-snap-align:none!important;
    -webkit-tap-highlight-color:transparent!important;
    user-select:none!important;
  }
}

/* Mobile login reliability: make required terms and errors obvious on phones. */
@media(max-width:760px){
  body:not(.admin-authenticated) .terms-check{
    display:flex!important;
    align-items:flex-start!important;
    gap:8px!important;
    min-height:38px!important;
    padding:8px 10px!important;
    border:1px solid #e6eef9!important;
    border-radius:12px!important;
    background:#f8fbff!important;
    color:#334155!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
  body:not(.admin-authenticated) .terms-check input{
    width:18px!important;
    height:18px!important;
    margin-top:0!important;
    flex:0 0 auto!important;
  }
  body:not(.admin-authenticated) .terms-check.warn{
    border-color:#fecaca!important;
    background:#fff1f2!important;
    color:#be123c!important;
    box-shadow:0 0 0 3px rgba(244,63,94,.08)!important;
  }
  body:not(.admin-authenticated) .result.show{
    display:block!important;
    min-height:auto!important;
    margin:8px 0!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    background:#fff1f2!important;
    border:1px solid #fecaca!important;
    color:#be123c!important;
    font-size:13px!important;
    font-weight:900!important;
    text-align:center!important;
  }
  body:not(.admin-authenticated) .auth-btn:disabled{
    opacity:.7!important;
  }
}

/* 使用文档目录箭头位置：固定到白色卡片中间，不贴最右侧 */
#view-docs .doc-manual-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
}
#view-docs .doc-directory-line{
  grid-column:1!important;
  min-width:0!important;
}
#view-docs .doc-triangle{
  grid-column:2!important;
  justify-self:center!important;
}
@media(max-width:760px){
  #view-docs .doc-manual-head{
    grid-template-columns:minmax(0,1fr) 26px!important;
  }
  #view-docs .doc-triangle{
    grid-column:2!important;
    justify-self:end!important;
  }
}

/* Mobile admin polish: only affects phones, desktop layout stays unchanged. */
@media(max-width:760px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#eef3f8!important;
  }
  body:not(.admin-authenticated) #shell{
    display:none!important;
  }
  body:not(.admin-authenticated) .auth{
    min-height:100dvh!important;
    padding:16px!important;
    background:#fff!important;
    overflow-y:auto!important;
  }
  .auth-card{
    width:100%!important;
    max-width:430px!important;
    display:block!important;
    border-radius:22px!important;
    box-shadow:0 18px 55px rgba(16,35,63,.12)!important;
  }
  .auth-side{
    display:none!important;
  }
  .auth-main{
    padding:24px 18px!important;
  }
  .auth-main h2{
    font-size:24px!important;
  }
  .auth-btn,.field input,.input,.select,.textarea{
    min-height:44px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
  .admin-authenticated .shell{
    display:block!important;
    min-height:100dvh!important;
    background:#070a12!important;
  }
  .sidebar{
    position:sticky!important;
    top:0!important;
    z-index:45!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    padding:10px 10px 8px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    overflow:hidden!important;
  }
  .brand{
    height:34px!important;
    margin:0 0 8px!important;
    padding:0 4px!important;
    font-size:16px!important;
    line-height:1!important;
  }
  .brand-logo{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
  }
  .nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 2px 4px!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .nav::-webkit-scrollbar,
  .status-tools::-webkit-scrollbar,
  .mobile-action-scroll::-webkit-scrollbar{
    display:none!important;
  }
  .nav button{
    flex:0 0 auto!important;
    min-width:86px!important;
    height:38px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    justify-content:center!important;
    gap:6px!important;
    scroll-snap-align:start!important;
  }
  .nav button span{
    font-size:12px!important;
    white-space:nowrap!important;
    line-height:1!important;
  }
  .nav-icon{
    width:15px!important;
    height:15px!important;
    flex:0 0 auto!important;
  }
  .main{
    margin-left:0!important;
    padding:10px!important;
    background:#eef3f8!important;
  }
  .topbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0 0 10px!important;
    padding:12px!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(16,35,63,.07)!important;
  }
  .topbar h1{
    font-size:22px!important;
    line-height:1.15!important;
  }
  .topbar p{
    display:none!important;
  }
  .status-tools{
    width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .pill,.top-tool-trigger,.account-trigger{
    flex:0 0 auto!important;
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    font-size:12px!important;
  }
  .support-popover{
    position:fixed!important;
    top:96px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    transform:none!important;
  }
  .account-dropdown{
    position:fixed!important;
    right:12px!important;
    top:96px!important;
    min-width:150px!important;
  }
  .view.active{
    background:#fff!important;
    border-radius:20px!important;
    padding:12px!important;
    min-height:calc(100dvh - 138px)!important;
    overflow:hidden!important;
  }
  .card{
    padding:14px!important;
    border-radius:16px!important;
    box-shadow:none!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .section-title{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  .section-title h2{
    font-size:18px!important;
    line-height:1.25!important;
    min-width:0!important;
  }
  .section-title .muted{
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .dashboard-grid,.dashboard-charts,.grid-2,.grid-3,.cards,.ops-grid,.ops-grid.ops-single,.quick-panel,.invite-layout,.local-sync-grid,.support-config,.pdd-config-layout,.lt-layout,.lt-page-editor,.lt-code-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .hero-metrics{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .mini-metrics,.quick-panel,.ops-list,.card-data-grid,.activation-admin-stats,.broadcast-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .hero-card{
    min-height:auto!important;
    padding:16px!important;
  }
  .hero-card-content{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .hero-value{
    font-size:38px!important;
  }
  .hero-pie-wrap{
    justify-items:start!important;
    min-width:0!important;
    padding:0!important;
  }
  .hero-big-pie{
    width:108px!important;
    height:108px!important;
  }
  .bar-chart{
    height:230px!important;
  }
  .daily-bars{
    min-width:560px!important;
    height:200px!important;
  }
  .toolbar,.list-actions,.selector-tools,.way-card-actions,.group-card-actions,.ops-action-row,.ops-create-row,.activation-list-actions,.invite-group-actions,.invite-card-top .toolbar,.lt-action-bar,.lt-domain-actions,.pdd-actions,.compact-group-actions,.activation-admin-tools{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-width:100%!important;
    padding-bottom:3px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .toolbar .btn,.list-actions .btn,.selector-tools .btn,.way-card-actions .btn,.group-card-actions .btn,.ops-action-row .btn,.ops-create-row .btn,.activation-list-actions .btn,.invite-group-actions .btn,.invite-card-top .toolbar .btn,.lt-action-bar .btn,.lt-domain-actions .btn,.pdd-actions .btn,.compact-group-actions .btn,.activation-admin-tools .btn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:72px!important;
    max-width:150px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .quick-group .btn{
    width:auto!important;
  }
  .activation-admin-tools .input{
    flex:0 0 96px!important;
    width:96px!important;
    min-width:96px!important;
    height:36px!important;
  }
  .sms-row{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .sms-row .btn{
    width:auto!important;
    min-width:96px!important;
  }
  .field{
    margin:10px 0!important;
  }
  .textarea{
    min-height:110px!important;
  }
  .selector-box{
    grid-template-columns:1fr!important;
    max-height:56dvh!important;
    padding:8px!important;
    gap:8px!important;
  }
  .selector-box label{
    min-height:52px!important;
    padding:9px 42px 9px 9px!important;
  }
  .chip-list{
    gap:7px!important;
    max-height:132px!important;
    overflow:auto!important;
    padding-right:2px!important;
  }
  .chip{
    max-width:100%!important;
    padding:7px 9px!important;
    font-size:12px!important;
  }
  .chip b{
    max-width:210px!important;
  }
  .table-wrap,.lt-table,.activation-full-table,.bottle-claim-table{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    border:1px solid #e6eef9!important;
    border-radius:14px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .table-wrap table,.lt-table table,.activation-full-table table,.bottle-claim-table table{
    width:100%!important;
    min-width:680px!important;
  }
  th,td{
    padding:9px 8px!important;
    font-size:12px!important;
  }
  .pager{
    gap:8px!important;
  }
  .pager .btn,.pager-jump button{
    height:34px!important;
    min-height:34px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
  .pager-jump{
    padding:5px 6px 5px 8px!important;
  }
  .pager-jump input{
    width:58px!important;
    height:32px!important;
    padding:5px!important;
  }
  .modal-mask{
    padding:8px!important;
    align-items:flex-end!important;
  }
  .modal{
    width:100%!important;
    max-width:100%!important;
    max-height:92dvh!important;
    overflow:auto!important;
    border-radius:20px 20px 0 0!important;
    padding:16px!important;
  }
  .modal-top h2{
    font-size:18px!important;
  }
  .wecom-auth-modal,.lt-create-dialog,.lt-domain-modal,.payment-modal{
    width:100%!important;
    max-width:100%!important;
  }
  .wecom-auth-center,.wecom-permission-layout,.wecom-range-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:auto!important;
    gap:12px!important;
  }
  .wecom-auth-qr img{
    width:220px!important;
    height:220px!important;
  }
  .wecom-permission-shot img{
    max-height:320px!important;
  }
  .pdd-preview-phone,.lt-chat-preview-phone{
    width:100%!important;
    max-width:360px!important;
    margin:0 auto!important;
  }
  #view-docs .docs-simple-head{
    padding:10px 0 4px!important;
  }
  #view-docs .doc-manual-head{
    grid-template-columns:minmax(0,1fr) 26px!important;
    padding:13px 0!important;
  }
  #view-docs .doc-gallery-copy img{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Mobile admin actual final override 202606070430. Keep as last block. */
body:not(.admin-authenticated) #shell{display:none!important}
@media(max-width:760px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#eef3f8!important}
  body.admin-authenticated .auth{display:none!important}
  body.admin-authenticated .shell{display:block!important;min-height:100dvh!important;background:#eef3f8!important;padding:0!important}
  body.admin-authenticated .sidebar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:calc(64px + env(safe-area-inset-bottom))!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;z-index:240!important;background:#070913!important;border-top:1px solid rgba(255,255,255,.12)!important;border-right:0!important;box-shadow:0 -14px 34px rgba(11,18,32,.28)!important;overflow:hidden!important}
  body.admin-authenticated .brand,body.admin-authenticated .tenant-meta,body.admin-authenticated .side-bottom{display:none!important}
  body.admin-authenticated .nav{height:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;margin:0!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important}
  body.admin-authenticated .nav::-webkit-scrollbar{display:none!important}
  body.admin-authenticated .nav button{flex:0 0 21.5vw!important;min-width:72px!important;max-width:88px!important;height:48px!important;min-height:48px!important;padding:5px 5px 4px!important;display:grid!important;grid-template-rows:20px 16px!important;place-items:center!important;justify-content:center!important;align-content:center!important;gap:2px!important;border-radius:15px!important;background:transparent!important;color:rgba(255,255,255,.68)!important;border:0!important;box-shadow:none!important;scroll-snap-align:start!important;white-space:nowrap!important}
  body.admin-authenticated .nav button.active{color:#fff!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;box-shadow:0 8px 18px rgba(37,99,235,.32)!important}
  body.admin-authenticated .nav button span{width:100%!important;font-size:11px!important;line-height:14px!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important}
  body.admin-authenticated .nav-icon{width:19px!important;height:19px!important;margin:0!important}
  body.admin-authenticated .main{margin-left:0!important;width:100%!important;min-height:100dvh!important;padding:10px 10px calc(82px + env(safe-area-inset-bottom))!important;background:#eef3f8!important;overflow-x:hidden!important}
  body.admin-authenticated .topbar{position:sticky!important;top:0!important;z-index:210!important;margin:0 0 10px!important;padding:8px!important;min-height:50px!important;display:block!important;background:#fff!important;border:1px solid #e5edf7!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(15,23,42,.08)!important}
  body.admin-authenticated .topbar>div:first-child{display:none!important}
  body.admin-authenticated .status-tools{width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;align-items:center!important;overflow:visible!important;padding:0!important}
  body.admin-authenticated #activityPill{display:none!important}
  body.admin-authenticated .top-tool-trigger,body.admin-authenticated .support-trigger,body.admin-authenticated .account-trigger{width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 6px!important;justify-content:center!important;gap:4px!important;border-radius:12px!important;border:1px solid #e4ebf5!important;background:#f8fbff!important;color:#162033!important;font-size:11px!important;font-weight:900!important;box-shadow:none!important;overflow:hidden!important}
  body.admin-authenticated .top-tool-trigger span,body.admin-authenticated .support-trigger span,body.admin-authenticated .account-trigger span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body.admin-authenticated .support-icon{width:15px!important;height:15px!important;flex:0 0 15px!important}
  body.admin-authenticated .account-avatar,body.admin-authenticated .account-trigger img{width:22px!important;height:22px!important;flex:0 0 22px!important}
  body.admin-authenticated #topAccount{max-width:48px!important;display:inline-block!important}
  body.admin-authenticated .account-caret{display:none!important}
  body.admin-authenticated .support-popover,body.admin-authenticated .account-dropdown{position:fixed!important;top:62px!important;left:10px!important;right:10px!important;width:auto!important;min-width:0!important;transform:none!important;z-index:260!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important}
  body.admin-authenticated .support-popover{display:none!important;padding:14px!important}
  body.admin-authenticated .support-menu.mobile-open .support-popover{display:block!important}
  body.admin-authenticated .account-dropdown{display:none!important;padding:8px!important}
  body.admin-authenticated .account-menu.mobile-open .account-dropdown{display:grid!important;gap:6px!important}
  body.admin-authenticated .support-popover:before{display:none!important}
  body.admin-authenticated .support-popover img{width:min(74vw,260px)!important;height:min(74vw,260px)!important;object-fit:contain!important;margin:auto!important;display:block!important}
  body.admin-authenticated .view.active{display:block!important;width:100%!important;min-height:calc(100dvh - 134px)!important;padding:10px!important;border:1px solid #e5edf7!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 34px rgba(15,23,42,.08)!important;overflow:visible!important}
  body.admin-authenticated .card{width:100%!important;max-width:100%!important;padding:12px!important;border-radius:16px!important;overflow:hidden!important}
  .dashboard-grid,.dashboard-charts,.grid-2,.grid-3,.cards,.ops-grid,.ops-grid.ops-single,.quick-panel,.invite-layout,.local-sync-grid,.pdd-config-layout,.lt-layout,.lt-page-editor,.lt-code-layout,.cards-management-grid{grid-template-columns:1fr!important;gap:10px!important}
  .hero-metrics{grid-template-columns:1fr!important;gap:10px!important}
  .mini-metrics,.card-data-grid,.activation-admin-stats,.broadcast-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important}
  .section-title h2{font-size:17px!important;line-height:1.25!important}.section-title .muted{font-size:11px!important;line-height:1.2!important}
  .hero-card-content{grid-template-columns:1fr auto!important;gap:8px!important}.hero-value{font-size:34px!important;line-height:1.05!important}.hero-big-pie{width:96px!important;height:96px!important}
  .bar-chart{height:252px!important;min-height:252px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 0 8px!important;-webkit-overflow-scrolling:touch!important}
  .daily-bars{min-width:760px!important;height:232px!important;align-items:end!important;padding:10px 8px 34px!important;overflow:visible!important}
  .day-bar-wrap{min-width:22px!important;overflow:visible!important}.day-label{height:24px!important;line-height:14px!important;bottom:-28px!important;overflow:visible!important;transform:none!important;writing-mode:horizontal-tb!important;white-space:nowrap!important;font-size:10px!important}.day-num{font-size:10px!important}
  .toolbar,.list-actions,.selector-tools,.way-card-actions,.group-card-actions,.ops-action-row,.ops-create-row,.activation-list-actions,.invite-group-actions,.invite-card-top .toolbar,.lt-action-bar,.lt-domain-actions,.pdd-actions,.compact-group-actions,.activation-admin-tools{display:flex!important;flex-wrap:wrap!important;gap:6px!important;overflow:visible!important;padding-bottom:0!important}
  .toolbar .btn,.list-actions .btn,.selector-tools .btn,.way-card-actions .btn,.group-card-actions .btn,.ops-action-row .btn,.ops-create-row .btn,.activation-list-actions .btn,.invite-group-actions .btn,.invite-card-top .toolbar .btn,.lt-action-bar .btn,.lt-domain-actions .btn,.pdd-actions .btn,.compact-group-actions .btn,.activation-admin-tools .btn{flex:1 1 calc(50% - 6px)!important;min-width:0!important;max-width:none!important;height:34px!important;min-height:34px!important;padding:0 8px!important;font-size:12px!important;white-space:nowrap!important}
  .selector-box{display:grid!important;grid-template-columns:1fr!important;max-height:58dvh!important}.selector-box label{min-height:50px!important}
  .verify-chip-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;max-height:148px!important;overflow:auto!important}
  .verify-chip{min-width:0!important;padding:8px 28px 8px 8px!important;border-radius:12px!important}.verify-chip b{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important}.verify-chip span{font-size:10px!important}.verify-chip-remove{right:6px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;height:20px!important}
  .mobile-record-list,.lt-mobile-list{display:grid!important;gap:8px!important}
  .mobile-record-card,.lt-mobile-card{padding:10px!important;border-radius:14px!important;border:1px solid #e5edf7!important;background:#fff!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important;overflow:hidden!important}
  .mobile-record-head,.lt-mobile-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:7px!important;min-width:0!important}
  .mobile-record-head b,.lt-mobile-head b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}
  .mobile-record-head span,.lt-mobile-head span{flex:0 0 auto!important;font-size:11px!important;border-radius:999px!important;padding:4px 7px!important;background:#eef4ff!important;color:#2563eb!important}
  .mobile-record-url,.lt-mobile-url{display:block!important;width:100%!important;min-height:32px!important;padding:7px 9px!important;margin:6px 0!important;border-radius:10px!important;background:#f8fbff!important;color:#0f3d75!important;font-size:12px!important;line-height:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important}
  .mobile-record-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.mobile-record-grid.dense{grid-template-columns:repeat(3,minmax(0,1fr))!important}.mobile-record-grid>div{min-width:0!important;padding:7px!important;border-radius:10px!important;background:#f8fafc!important}.mobile-record-grid span{display:block!important;font-size:10px!important;color:#64748b!important;margin-bottom:3px!important}.mobile-record-grid b{display:block!important;min-width:0!important;font-size:11px!important;line-height:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .mobile-record-actions,.lt-mobile-actions{display:flex!important;gap:6px!important;justify-content:flex-end!important;flex-wrap:wrap!important;margin-top:8px!important}.mobile-record-actions .btn,.lt-mobile-actions .btn{flex:1 1 auto!important;min-width:58px!important;height:30px!important;min-height:30px!important;padding:0 8px!important;font-size:11px!important}
  .lt-mobile-original,.lt-mobile-meta,.lt-mobile-stats{display:flex!important;gap:6px!important;flex-wrap:wrap!important;color:#64748b!important;font-size:11px!important;line-height:16px!important;margin:5px 0!important}.lt-mobile-original{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}.lt-mobile-stats span{flex:1 1 30%!important;min-width:0!important;padding:6px!important;border-radius:9px!important;text-align:center!important;background:#f1f5f9!important;color:#0f172a!important;font-weight:800!important}
  .pager,.mobile-pager,.lt-mobile-pager{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;justify-items:center!important;gap:7px!important;margin:10px 0 0!important;padding:0!important}
  .mobile-pager .btn,.pager .btn{height:32px!important;min-height:32px!important;padding:0 10px!important;font-size:12px!important}.mobile-pager-main{display:flex!important;flex-direction:column!important;align-items:center!important;line-height:16px!important;font-size:11px!important;color:#64748b!important}.mobile-pager-main b{font-size:13px!important;color:#0f172a!important}.mobile-pager-jump{grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:12px!important;color:#64748b!important}.mobile-pager-jump input{width:54px!important;height:30px!important;padding:4px!important;text-align:center!important}
  .table-wrap,.lt-table,.activation-full-table,.bottle-claim-table{width:100%!important;max-width:100%!important;overflow-x:auto!important;border-radius:14px!important}.table-wrap table,.lt-table table,.activation-full-table table,.bottle-claim-table table{min-width:620px!important}
  .modal-mask{padding:8px!important;align-items:flex-end!important}.modal{width:100%!important;max-width:100%!important;max-height:88dvh!important;overflow:auto!important;border-radius:20px 20px 0 0!important;padding:14px!important}
  .lt-create-dialog,.lt-short-dialog,.lt-batch-dialog,.lt-domain-modal,.payment-modal{width:100%!important;max-width:100%!important;max-height:86dvh!important}
  #ltShortDialog .lt-form-row{grid-template-columns:1fr!important;gap:6px!important;align-items:start!important}#ltShortDialog .lt-form-row label{font-size:12px!important;color:#475569!important}
  .lt-short-switch-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.lt-short-switch-item{min-height:64px!important;padding:8px!important;border-radius:12px!important}.lt-sub-panel{margin-left:0!important;padding:8px!important;border-radius:12px!important}.lt-batch-area{grid-template-columns:1fr!important;gap:8px!important}.lt-dialog-footer{position:sticky!important;bottom:-14px!important;background:#fff!important;padding-top:10px!important}
  .claim-search-box,.card-list-search,.activation-search-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px!important;align-items:center!important}.claim-search-box .input,.card-list-search .input,.activation-search-box .input{min-width:0!important;height:34px!important}.claim-search-box .btn,.card-list-search .btn,.activation-search-box .btn{height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:12px!important}
  .bottle-lib-row,.bottle-campaign-row{grid-template-columns:1fr!important;gap:8px!important;align-items:start!important}.bottle-lib-row.head,.bottle-campaign-row.head{display:none!important}.bottle-lib-actions,.bottle-campaign-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.bottle-lib-actions .btn,.bottle-campaign-actions .btn{height:32px!important;min-height:32px!important;padding:0 8px!important;font-size:11px!important}
  #view-docs .doc-gallery-copy img{width:100%!important;max-width:100%!important;min-width:0!important}
}

/* Mobile topbar/card activity hard override 202606070505. Keep after all mobile blocks. */
@media(max-width:760px){
  body.admin-authenticated .main .topbar #activityPill,
  body.admin-authenticated .main .topbar #activityPill[style*="inline-flex"]{
    display:none!important;
  }
  body.admin-authenticated .status-tools{
    grid-template-columns:minmax(58px,.68fr) minmax(58px,.68fr) minmax(58px,.68fr) minmax(112px,1.45fr)!important;
    gap:5px!important;
  }
  body.admin-authenticated .top-tool-trigger,
  body.admin-authenticated .support-trigger{
    height:32px!important;
    min-height:32px!important;
    padding:0 4px!important;
    gap:3px!important;
    border-radius:11px!important;
    font-size:10.5px!important;
    background:#f8fbff!important;
    color:#162033!important;
    border:1px solid #e4ebf5!important;
    box-shadow:none!important;
  }
  body.admin-authenticated .status-tools #topDomainBtn,
  body.admin-authenticated .status-tools #topDomainBtn.has-domain,
  body.admin-authenticated .status-tools #topDomainBtn.has-domain:not(:hover){
    background:#f8fbff!important;
    color:#162033!important;
    border:1px solid #e4ebf5!important;
    box-shadow:none!important;
  }
  body.admin-authenticated .top-tool-trigger:hover,
  body.admin-authenticated .support-trigger:hover,
  body.admin-authenticated .status-tools #topDomainBtn:hover{
    background:#eef5ff!important;
    color:#0f172a!important;
  }
  body.admin-authenticated .support-icon{
    width:13px!important;
    height:13px!important;
    flex:0 0 13px!important;
  }
  body.admin-authenticated .account-trigger{
    height:32px!important;
    min-height:32px!important;
    padding:0 5px!important;
    gap:4px!important;
    border-radius:11px!important;
    font-size:11.5px!important;
    background:#f8fbff!important;
    color:#162033!important;
    border:1px solid #e4ebf5!important;
  }
  body.admin-authenticated .account-avatar,
  body.admin-authenticated .account-trigger img{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }
  body.admin-authenticated #topAccount{
    max-width:none!important;
    display:inline-block!important;
    min-width:0!important;
    letter-spacing:-.2px!important;
  }
  .mobile-activity-card{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 10px!important;
    padding:10px 12px!important;
    border:1px solid #e5edf7!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#f8fbff,#fff)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.05)!important;
  }
  .mobile-activity-card>div{
    min-width:0!important;
    display:grid!important;
    gap:2px!important;
  }
  .mobile-activity-card b{
    font-size:13px!important;
    line-height:18px!important;
    color:#0f172a!important;
    white-space:nowrap!important;
  }
  .mobile-activity-card span{
    font-size:11px!important;
    line-height:16px!important;
    color:#64748b!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mobile-activity-card .switch{
    width:50px!important;
    height:28px!important;
    flex:0 0 50px!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .mobile-activity-card .slider:before{
    width:22px!important;
    height:22px!important;
    left:3px!important;
    top:3px!important;
  }
  .mobile-activity-card .switch input:checked+.slider:before{
    transform:translateX(22px)!important;
  }
}
@media(min-width:761px){
  .mobile-activity-card{display:none!important}
}

/* Mobile bottom nav final-final scroll isolation 202606070535 */
@media(max-width:760px){
  html,
  body,
  body.admin-authenticated .shell,
  body.admin-authenticated .main{
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
    max-width:100vw!important;
  }
  body.admin-authenticated .sidebar{
    left:0!important;
    right:0!important;
    max-width:100vw!important;
    overflow:hidden!important;
    overscroll-behavior:contain!important;
    touch-action:pan-x!important;
    contain:paint!important;
  }
  body.admin-authenticated .sidebar .nav{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:none!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    will-change:scroll-position!important;
    contain:layout paint!important;
  }
  body.admin-authenticated .sidebar .nav button{
    scroll-snap-align:none!important;
    -webkit-tap-highlight-color:transparent!important;
    user-select:none!important;
  }
}

/* Mobile compact cards nav forms 20260607004242 */
@media(max-width:760px){
  body.role-tenant #auditTab,
  body.role-tenant #controlTab,
  body.role-tenant #merchantFeatureTab,
  body.role-tenant #corpAdminTab,
  body.role-tenant #cardAdminTab,
  body.role-tenant #pddAdminTab,
  body.role-tenant #bottleAdminTab,
  body.role-tenant #systemSettingsTab,
  body.role-admin .tenant-only{
    display:none!important;
  }

  body.admin-authenticated .verify-chip-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    max-height:128px!important;
    padding-right:2px!important;
    overflow:auto!important;
  }
  body.admin-authenticated .verify-chip{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 20px!important;
    align-items:center!important;
    gap:4px!important;
    padding:7px 6px 7px 8px!important;
    border-radius:12px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body.admin-authenticated .verify-chip>div{
    min-width:0!important;
    overflow:hidden!important;
  }
  body.admin-authenticated .verify-chip b{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11px!important;
    line-height:14px!important;
  }
  body.admin-authenticated .verify-chip span{
    font-size:9.5px!important;
    line-height:12px!important;
  }
  body.admin-authenticated .verify-chip-remove{
    position:static!important;
    transform:none!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    line-height:18px!important;
    border-radius:999px!important;
    font-size:14px!important;
    padding:0!important;
  }

  body.admin-authenticated .mobile-record-list,
  body.admin-authenticated .lt-mobile-list{
    gap:6px!important;
  }
  body.admin-authenticated .mobile-record-card,
  body.admin-authenticated .lt-mobile-card{
    padding:7px!important;
    border-radius:12px!important;
    box-shadow:0 5px 14px rgba(15,23,42,.045)!important;
  }
  body.admin-authenticated .mobile-record-head,
  body.admin-authenticated .lt-mobile-head{
    margin-bottom:4px!important;
    gap:5px!important;
  }
  body.admin-authenticated .mobile-record-head b,
  body.admin-authenticated .lt-mobile-head b{
    font-size:12px!important;
    line-height:16px!important;
  }
  body.admin-authenticated .mobile-record-head span,
  body.admin-authenticated .lt-mobile-head span{
    font-size:10px!important;
    padding:2px 6px!important;
  }
  body.admin-authenticated .mobile-record-url,
  body.admin-authenticated .lt-mobile-url{
    min-height:26px!important;
    margin:3px 0!important;
    padding:5px 7px!important;
    border-radius:8px!important;
    font-size:11px!important;
    line-height:15px!important;
  }
  body.admin-authenticated .mobile-record-grid{
    gap:4px!important;
  }
  body.admin-authenticated .mobile-record-grid>div{
    padding:5px!important;
    border-radius:8px!important;
  }
  body.admin-authenticated .mobile-record-grid span{
    font-size:9px!important;
    margin-bottom:1px!important;
  }
  body.admin-authenticated .mobile-record-grid b{
    font-size:10px!important;
    line-height:13px!important;
  }
  body.admin-authenticated .activation-mobile-list .mobile-record-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.admin-authenticated .mobile-record-actions,
  body.admin-authenticated .lt-mobile-actions{
    margin-top:5px!important;
    gap:4px!important;
  }
  body.admin-authenticated .mobile-record-actions .btn,
  body.admin-authenticated .lt-mobile-actions .btn{
    height:26px!important;
    min-height:26px!important;
    padding:0 6px!important;
    font-size:10px!important;
    border-radius:8px!important;
  }
  body.admin-authenticated .lt-mobile-stats{
    gap:4px!important;
    margin:4px 0!important;
  }
  body.admin-authenticated .lt-mobile-stats span{
    padding:4px!important;
    font-size:10px!important;
  }
  body.admin-authenticated .mobile-pager,
  body.admin-authenticated .pager,
  body.admin-authenticated .lt-mobile-pager{
    margin-top:7px!important;
    gap:5px!important;
  }
  body.admin-authenticated .mobile-pager .btn,
  body.admin-authenticated .pager .btn{
    height:28px!important;
    min-height:28px!important;
    font-size:11px!important;
    padding:0 8px!important;
  }
  body.admin-authenticated .mobile-pager-jump{
    font-size:11px!important;
  }
  body.admin-authenticated .mobile-pager-jump input{
    height:28px!important;
    width:46px!important;
  }

  body.admin-authenticated .bottle-lib-table{
    display:grid!important;
    gap:6px!important;
  }
  body.admin-authenticated .bottle-lib-row:not(.head){
    display:grid!important;
    grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(44px,.42fr))!important;
    gap:5px!important;
    align-items:center!important;
    padding:8px!important;
    border-radius:12px!important;
  }
  body.admin-authenticated .bottle-lib-name{
    min-width:0!important;
  }
  body.admin-authenticated .bottle-lib-name b{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
    line-height:15px!important;
  }
  body.admin-authenticated .bottle-lib-name span{
    display:none!important;
  }
  body.admin-authenticated .bottle-lib-num{
    display:grid!important;
    place-items:center!important;
    min-height:34px!important;
    padding:3px 2px!important;
    border-radius:9px!important;
    background:#f8fbff!important;
    text-align:center!important;
    font-size:12px!important;
    font-weight:900!important;
    color:#0f172a!important;
  }
  body.admin-authenticated .bottle-lib-num:before{
    content:attr(data-label);
    display:block!important;
    font-size:8.5px!important;
    line-height:10px!important;
    color:#64748b!important;
    font-weight:800!important;
  }
  body.admin-authenticated .bottle-lib-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  body.admin-authenticated .bottle-lib-actions .btn{
    height:27px!important;
    min-height:27px!important;
    padding:0 4px!important;
    font-size:10px!important;
    border-radius:8px!important;
    white-space:nowrap!important;
  }

  #ltShortDialog .modal.lt-short-dialog{
    max-height:76dvh!important;
    padding:11px!important;
    border-radius:18px 18px 0 0!important;
  }
  #ltShortDialog .lt-form{
    gap:7px!important;
  }
  #ltShortDialog .lt-form-row{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:6px!important;
    align-items:center!important;
  }
  #ltShortDialog .lt-form-row label{
    font-size:11px!important;
    line-height:15px!important;
    white-space:nowrap!important;
  }
  #ltShortDialog .input,
  #ltShortDialog .select{
    height:34px!important;
    min-height:34px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  #ltShortDialog .lt-group-combo{
    gap:5px!important;
  }
  #ltShortDialog .lt-short-switch-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }
  #ltShortDialog .lt-short-switch-item{
    min-height:38px!important;
    padding:5px!important;
    border-radius:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:4px!important;
  }
  #ltShortDialog .lt-short-switch-item b{
    font-size:10px!important;
    line-height:12px!important;
    white-space:nowrap!important;
  }
  #ltShortDialog .lt-short-switch-item em{
    display:none!important;
  }
  #ltShortDialog .lt-switch{
    width:32px!important;
    height:18px!important;
    flex:0 0 32px!important;
  }
  #ltShortDialog .lt-switch span:before{
    width:14px!important;
    height:14px!important;
  }
  #ltShortDialog .lt-switch input:checked+span:before{
    transform:translateX(14px)!important;
  }
  #ltShortDialog .lt-sub-panel.lt-hide{
    display:none!important;
  }
  #ltShortDialog .lt-sub-panel:not(.lt-hide){
    display:grid!important;
    margin-left:0!important;
    padding:7px!important;
    gap:5px!important;
    border-radius:10px!important;
  }
  #ltShortDialog .lt-url-line{
    gap:5px!important;
    margin-bottom:5px!important;
  }
  #ltShortDialog .lt-url-line .btn,
  #ltShortDialog .lt-sub-panel .btn{
    height:30px!important;
    min-height:30px!important;
    font-size:10px!important;
    padding:0 7px!important;
  }
  #ltShortDialog .lt-dialog-footer{
    margin-top:8px!important;
    padding-top:8px!important;
    bottom:-11px!important;
  }

  #ltPageDialog .modal.lt-page-editor-modal,
  #ltCodeDialog .modal.lt-create-dialog{
    max-height:78dvh!important;
    padding:11px!important;
    border-radius:18px 18px 0 0!important;
  }
  #ltPageDialog .lt-form,
  #ltCodeDialog .lt-form{
    gap:7px!important;
  }
  #ltPageDialog .lt-page-head-grid{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  #ltPageDialog .lt-page-editor-layout{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  #ltPageDialog .lt-page-blocks{
    max-height:210px!important;
  }
  #ltPageDialog .lt-page-live-preview{
    min-height:300px!important;
  }
  #ltPageDialog .lt-chat-body{
    max-height:250px!important;
  }
  #ltCodeDialog .lt-form-row{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:6px!important;
  }
  #ltCodeDialog .lt-form-row label{
    font-size:11px!important;
    white-space:nowrap!important;
  }
  #ltCodeDialog .lt-subcode-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    max-height:190px!important;
  }
  #ltCodeDialog .lt-subcode-card{
    padding:5px!important;
    border-radius:10px!important;
  }
}

/* Mobile paged bottom nav 20260607005346 */
.mobile-nav-page-btn{
  display:none;
}
@media(max-width:760px){
  body.admin-authenticated .sidebar.mobile-nav-paged{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 30px!important;
    align-items:center!important;
    gap:4px!important;
    height:calc(64px + env(safe-area-inset-bottom))!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
  }
  body.admin-authenticated .sidebar.mobile-nav-paged .brand,
  body.admin-authenticated .sidebar.mobile-nav-paged .tenant-meta,
  body.admin-authenticated .sidebar.mobile-nav-paged .side-bottom{
    display:none!important;
  }
  body.admin-authenticated .sidebar.mobile-nav-paged .nav{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    gap:4px!important;
    overflow:hidden!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    padding:0!important;
    margin:0!important;
    scroll-snap-type:none!important;
    -webkit-overflow-scrolling:auto!important;
    touch-action:pan-y!important;
  }
  body.admin-authenticated .sidebar.mobile-nav-paged .nav button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    height:48px!important;
    min-height:48px!important;
    padding:5px 2px 4px!important;
    border-radius:14px!important;
    scroll-snap-align:none!important;
  }
  body.admin-authenticated .sidebar.mobile-nav-paged .nav button.mobile-nav-hidden{
    display:none!important;
  }
  body.admin-authenticated .sidebar.mobile-nav-paged .nav button span{
    font-size:10.5px!important;
    line-height:13px!important;
  }
  body.admin-authenticated .sidebar.mobile-nav-paged .nav-icon{
    width:18px!important;
    height:18px!important;
  }
  body.admin-authenticated .mobile-nav-page-btn{
    display:grid;
    place-items:center;
    width:30px;
    height:44px;
    min-width:30px;
    min-height:44px;
    padding:0;
    border:0;
    border-radius:12px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:25px;
    line-height:1;
    font-weight:950;
    box-shadow:none;
    -webkit-tap-highlight-color:transparent;
  }
  body.admin-authenticated .mobile-nav-page-btn:active{
    background:rgba(255,255,255,.18);
    transform:scale(.96);
  }
  body.admin-authenticated .mobile-nav-page-btn.is-disabled{
    pointer-events:none;
  }
}

/* Mobile centered modal final override 20260607005739 */
@media(max-width:760px){
  body.admin-authenticated .modal-mask,
  body.admin-authenticated .modal-mask.show{
    align-items:center!important;
    justify-content:center!important;
    padding:14px!important;
    overflow:hidden!important;
  }
  body.admin-authenticated .modal-mask.show{
    display:flex!important;
  }
  body.admin-authenticated .modal{
    width:min(92vw,520px)!important;
    max-width:92vw!important;
    max-height:calc(100dvh - 96px)!important;
    overflow:auto!important;
    border-radius:20px!important;
    padding:14px!important;
    margin:0!important;
  }
  body.admin-authenticated .modal.lt-short-dialog,
  body.admin-authenticated .modal.lt-page-editor-modal,
  body.admin-authenticated .modal.lt-create-dialog,
  body.admin-authenticated #ltCodeDialog .modal,
  body.admin-authenticated #ltShortDialog .modal,
  body.admin-authenticated #ltPageDialog .modal{
    width:min(92vw,560px)!important;
    max-width:92vw!important;
    max-height:calc(100dvh - 96px)!important;
    border-radius:20px!important;
    padding:14px!important;
    overflow:auto!important;
  }
  body.admin-authenticated #ltShortDialog .modal{
    max-height:calc(100dvh - 110px)!important;
  }
  body.admin-authenticated .modal-top{
    margin-bottom:10px!important;
  }
  body.admin-authenticated .modal-top h2{
    font-size:18px!important;
    line-height:24px!important;
  }
  body.admin-authenticated .close{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }
  body.admin-authenticated .lt-dialog-footer,
  body.admin-authenticated #ltShortDialog .lt-dialog-footer,
  body.admin-authenticated #ltPageDialog .lt-dialog-footer,
  body.admin-authenticated #ltCodeDialog .lt-dialog-footer,
  body.admin-authenticated .modal-actions{
    position:sticky!important;
    left:auto!important;
    right:auto!important;
    bottom:0!important;
    z-index:3!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    margin:10px 0 0!important;
    padding:10px 0 0!important;
    background:linear-gradient(180deg,rgba(255,255,255,.86),#fff 40%)!important;
    border-top:1px solid #eef2f8!important;
  }
  body.admin-authenticated .lt-dialog-footer .btn,
  body.admin-authenticated .modal-actions .btn{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #ltShortDialog .lt-form,
  body.admin-authenticated #ltPageDialog .lt-form,
  body.admin-authenticated #ltCodeDialog .lt-form{
    gap:7px!important;
  }
  body.admin-authenticated #ltShortDialog .lt-short-switch-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.admin-authenticated #ltShortDialog .lt-short-switch-item{
    min-height:38px!important;
  }
}

/* Mobile UI polish 20260607013556 */
.pay-plan-terms{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#66758d;
  font-size:13px;
  line-height:1.55;
}
.pay-plan-terms input{
  width:16px;
  height:16px;
  margin:2px 0 0;
  flex:0 0 auto;
  accent-color:#1677ff;
}
.pay-plan-terms a{
  color:#1677ff;
  font-weight:900;
}
.bottle-type-count{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:5px;
  min-width:0;
}
.bottle-type-count em{
  font-style:normal;
  color:#64748b;
  font-size:11px;
  font-weight:950;
  white-space:nowrap;
}

@media(max-width:760px){
  body.admin-authenticated .top-actions{
    gap:5px!important;
  }

  body.admin-authenticated .short-url-result{
    flex:1 1 100%!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 36px!important;
    gap:6px!important;
    min-width:0!important;
  }
  body.admin-authenticated .short-url-result .input,
  body.admin-authenticated #shortTenantUrl{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:7px 9px!important;
    font-size:11px!important;
    letter-spacing:0!important;
    direction:ltr!important;
  }
  body.admin-authenticated .short-url-result .copy-icon-btn{
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
    font-size:16px!important;
  }

  body.admin-authenticated #wecomAuthCard .wecom-auth-compact,
  body.admin-authenticated #wecomAuthCard .wecom-auth-compact.ok,
  body.admin-authenticated #wecomAuthCard .wecom-auth-compact.pending{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  body.admin-authenticated #wecomAuthCard .wecom-auth-compact .wecom-auth-steps,
  body.admin-authenticated #wecomAuthCard .wecom-auth-compact.ok .wecom-auth-steps,
  body.admin-authenticated #wecomAuthCard .wecom-auth-compact.pending .wecom-auth-steps{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:5px!important;
  }
  body.admin-authenticated #wecomAuthCard .wecom-auth-compact .wecom-auth-steps>i{
    display:none!important;
  }
  body.admin-authenticated #wecomAuthCard .wecom-auth-step,
  body.admin-authenticated #wecomAuthCard .wecom-auth-compact.pending .wecom-auth-step,
  body.admin-authenticated #wecomAuthCard .wecom-auth-compact.ok .wecom-auth-step{
    width:100%!important;
    min-width:0!important;
    min-height:30px!important;
    padding:4px 3px!important;
    gap:3px!important;
    border-radius:11px!important;
    justify-content:center!important;
  }
  body.admin-authenticated #wecomAuthCard .wecom-auth-step b,
  body.admin-authenticated #wecomAuthCard .wecom-auth-compact.pending .wecom-auth-step b,
  body.admin-authenticated #wecomAuthCard .wecom-auth-compact.ok .wecom-auth-step b{
    width:16px!important;
    height:16px!important;
    font-size:10px!important;
  }
  body.admin-authenticated #wecomAuthCard .wecom-auth-step span,
  body.admin-authenticated #wecomAuthCard .wecom-auth-compact.pending .wecom-auth-step span,
  body.admin-authenticated #wecomAuthCard .wecom-auth-compact.ok .wecom-auth-step span{
    font-size:10px!important;
    line-height:12px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #wecomAuthCard .wecom-auth-inline-btn{
    width:auto!important;
    min-height:30px!important;
    padding:7px 12px!important;
    justify-self:end!important;
    margin:0!important;
    border-radius:11px!important;
  }

  body.admin-authenticated #view-cards .compact-verify-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.admin-authenticated #view-cards .compact-group-picker{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:start!important;
  }
  body.admin-authenticated #view-cards .compact-group-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(56px,1fr))!important;
    gap:5px!important;
  }
  body.admin-authenticated #view-cards .compact-group-actions .btn{
    min-height:30px!important;
    height:auto!important;
    padding:6px 5px!important;
    border-radius:10px!important;
    font-size:10.5px!important;
    line-height:13px!important;
    white-space:normal!important;
  }
  body.admin-authenticated #view-cards .verify-chip-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-height:190px!important;
    overflow:auto!important;
    gap:7px!important;
  }
  body.admin-authenticated #view-cards .verify-chip{
    grid-template-columns:minmax(0,1fr) 24px!important;
    align-items:start!important;
    min-height:0!important;
    padding:8px 7px 8px 9px!important;
    border-radius:12px!important;
  }
  body.admin-authenticated #view-cards .verify-chip b{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-all!important;
    line-height:1.35!important;
    font-size:11.5px!important;
  }
  body.admin-authenticated #view-cards .verify-chip span{
    display:block!important;
    font-size:10px!important;
  }
  body.admin-authenticated #view-cards .verify-chip-remove{
    position:static!important;
    transform:none!important;
    width:22px!important;
    height:22px!important;
    margin-top:0!important;
  }

  body.admin-authenticated #view-pdd .pdd-stats-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.admin-authenticated #view-pdd .pdd-stats-grid .card-data-item,
  body.admin-authenticated #view-pdd .pdd-stats-grid .pdd-stat-main{
    grid-column:auto!important;
    padding:10px 6px!important;
    min-height:68px!important;
    border-radius:13px!important;
    text-align:center!important;
  }
  body.admin-authenticated #view-pdd .pdd-stats-grid .card-data-item b{
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #view-pdd .pdd-stats-grid .card-data-item span,
  body.admin-authenticated #view-pdd .pdd-stats-grid .pdd-stat-main span{
    font-size:20px!important;
    margin-top:4px!important;
  }

  body.admin-authenticated #view-dashboard .mini-metrics{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.admin-authenticated #view-dashboard .mini-metrics .mini-card{
    min-width:0!important;
    padding:9px 6px!important;
    min-height:68px!important;
    border-radius:14px!important;
  }
  body.admin-authenticated #view-dashboard .mini-metrics .mini-card:nth-child(1),
  body.admin-authenticated #view-dashboard .mini-metrics .mini-card:nth-child(2){
    grid-column:span 2!important;
    min-height:84px!important;
    padding:12px 10px!important;
  }
  body.admin-authenticated #view-dashboard .mini-metrics .mini-card h3{
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #view-dashboard .mini-metrics .mini-card .big{
    font-size:20px!important;
    margin-top:6px!important;
  }
  body.admin-authenticated #view-dashboard .mini-metrics .mini-card:nth-child(1) .big,
  body.admin-authenticated #view-dashboard .mini-metrics .mini-card:nth-child(2) .big{
    font-size:26px!important;
  }

  body.admin-authenticated #view-bottle .bottle-lib-table{
    border:1px solid #e5edf7!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.admin-authenticated #view-bottle .bottle-lib-row.head{
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(38px,.45fr)) minmax(112px,.9fr)!important;
    gap:4px!important;
    padding:8px!important;
    background:#f8fbff!important;
    border:0!important;
    border-bottom:1px solid #e5edf7!important;
  }
  body.admin-authenticated #view-bottle .bottle-lib-row:not(.head){
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(38px,.45fr)) minmax(112px,.9fr)!important;
    gap:4px!important;
    align-items:center!important;
    min-height:48px!important;
    padding:8px!important;
    margin:0!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #eef2f8!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.admin-authenticated #view-bottle .bottle-lib-row>*{
    min-width:0!important;
    text-align:center!important;
    font-size:11px!important;
    line-height:14px!important;
  }
  body.admin-authenticated #view-bottle .bottle-lib-row b{
    display:block!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.admin-authenticated #view-bottle .bottle-lib-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
  }
  body.admin-authenticated #view-bottle .bottle-lib-actions .btn{
    min-height:28px!important;
    height:28px!important;
    padding:0 4px!important;
    border-radius:8px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }

  body.admin-authenticated #view-bottle .bottle-count-fields{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  body.admin-authenticated #view-bottle .bottle-count-fields .field{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
  }
  body.admin-authenticated #view-bottle .bottle-count-fields label{
    margin:0!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #view-bottle .bottle-count-fields .input,
  body.admin-authenticated #view-bottle .bottle-count-fields .select{
    height:34px!important;
  }
  body.admin-authenticated #view-bottle .bottle-type-panel{
    padding:8px!important;
    border-radius:14px!important;
    overflow-x:auto!important;
  }
  body.admin-authenticated #view-bottle .bottle-type-head,
  body.admin-authenticated #view-bottle .bottle-type-row{
    display:grid!important;
    grid-template-columns:20px minmax(90px,1fr) 66px 72px 72px!important;
    gap:5px!important;
    align-items:center!important;
    min-width:330px!important;
  }
  body.admin-authenticated #view-bottle .bottle-type-head{
    padding:4px 8px!important;
  }
  body.admin-authenticated #view-bottle .bottle-type-head span{
    font-size:10px!important;
    color:#64748b!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #view-bottle .bottle-type-row{
    padding:7px 8px!important;
    border-radius:12px!important;
  }
  body.admin-authenticated #view-bottle .bottle-type-row b{
    font-size:12px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.admin-authenticated #view-bottle .bottle-type-row>span:not(.bottle-type-count){
    font-size:10px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #view-bottle .bottle-type-count{
    grid-template-columns:24px minmax(0,1fr)!important;
    gap:3px!important;
  }
  body.admin-authenticated #view-bottle .bottle-type-count em{
    font-size:10px!important;
  }
  body.admin-authenticated #view-bottle .bottle-type-count .input{
    height:28px!important;
    padding:4px 5px!important;
    font-size:11px!important;
  }
  body.admin-authenticated #view-bottle .bottle-group-picker{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
  }
  body.admin-authenticated #view-bottle .bottle-group-picker .select{
    height:34px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #view-bottle .bottle-group-picker .btn{
    height:34px!important;
    min-height:34px!important;
    padding:0 9px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #view-bottle #bottleGroupSelected .chip,
  body.admin-authenticated #view-bottle #bottleEditCampaignGroups .chip{
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 22px!important;
    gap:5px!important;
    align-items:center!important;
  }
  body.admin-authenticated #view-bottle #bottleGroupSelected .chip b,
  body.admin-authenticated #view-bottle #bottleEditCampaignGroups .chip b{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body.admin-authenticated #view-lt-code .lt-mobile-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  body.admin-authenticated #view-lt-code .lt-mobile-actions .btn{
    width:100%!important;
  }

  body.admin-authenticated #linkHubDomainModal .modal.lt-domain-modal{
    width:min(92vw,460px)!important;
    max-height:70dvh!important;
    padding:12px!important;
  }
  body.admin-authenticated #linkHubDomainModal .lt-domain-timeline{
    max-height:190px!important;
    overflow:auto!important;
    padding-right:3px!important;
  }
  body.admin-authenticated #linkHubDomainModal .lt-dns-guide{
    grid-template-columns:1fr!important;
    gap:6px!important;
    margin:8px 0!important;
  }
  body.admin-authenticated #linkHubDomainModal .lt-domain-step{
    padding:8px!important;
    gap:8px!important;
  }
  body.admin-authenticated #linkHubDomainModal .lt-domain-step p{
    margin:3px 0 0!important;
    line-height:1.45!important;
  }

  body.admin-authenticated #ltPageDialog .modal.lt-page-editor-modal{
    width:min(92vw,540px)!important;
    max-height:74dvh!important;
    padding:12px!important;
  }
  body.admin-authenticated #ltPageDialog .lt-page-head-grid,
  body.admin-authenticated #ltPageDialog .lt-page-editor-layout{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.admin-authenticated #ltPageDialog .lt-page-live-preview,
  body.admin-authenticated #ltPageDialog .lt-chat-preview-phone{
    min-height:220px!important;
  }
  body.admin-authenticated #ltPageDialog .lt-chat-body{
    max-height:220px!important;
  }
  body.admin-authenticated #ltPageDialog .lt-page-blocks{
    max-height:170px!important;
  }
  body.admin-authenticated #ltPageDialog .lt-page-live{
    padding:10px!important;
  }
}

/* Bottle create form polish 20260607020500 */
#view-bottle .bottle-form-inline{
  grid-template-columns:minmax(260px,1.8fr) minmax(132px,.52fr) auto!important;
  align-items:end!important;
}
#view-bottle .bottle-campaign-name-field{
  min-width:0!important;
}
#view-bottle .bottle-campaign-mode-field{
  min-width:120px!important;
}
#view-bottle #bottleCampaignMode,
#view-bottle #bottleCampaignLibrary,
#view-bottle #bottleGroupPicker{
  height:42px!important;
  min-height:42px!important;
  line-height:normal!important;
  padding-top:0!important;
  padding-bottom:0!important;
  display:block!important;
  white-space:nowrap!important;
}
#view-bottle .bottle-group-picker .select{
  height:42px!important;
  min-height:42px!important;
  line-height:normal!important;
}

@media(max-width:760px){
  body.admin-authenticated #view-bottle .bottle-form-inline{
    grid-template-columns:minmax(0,1.65fr) minmax(112px,.72fr)!important;
    gap:8px!important;
    align-items:end!important;
  }
  body.admin-authenticated #view-bottle .bottle-campaign-name-field,
  body.admin-authenticated #view-bottle .bottle-campaign-mode-field{
    margin:0!important;
    min-width:0!important;
  }
  body.admin-authenticated #view-bottle .bottle-create-action{
    grid-column:1/-1!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
  }
  body.admin-authenticated #view-bottle #bottleCampaignMode,
  body.admin-authenticated #view-bottle #bottleCampaignLibrary,
  body.admin-authenticated #view-bottle #bottleGroupPicker,
  body.admin-authenticated #view-bottle .bottle-group-picker .select{
    height:40px!important;
    min-height:40px!important;
    line-height:normal!important;
    padding:0 28px 0 10px!important;
    font-size:12px!important;
    overflow:visible!important;
  }
  body.admin-authenticated #view-bottle .bottle-count-fields{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:end!important;
  }
  body.admin-authenticated #view-bottle .bottle-count-fields .bottle-single-type{
    grid-column:1/-1!important;
  }
  body.admin-authenticated #view-bottle .bottle-count-fields .field{
    display:block!important;
    margin:0!important;
  }
  body.admin-authenticated #view-bottle .bottle-count-fields label{
    display:block!important;
    margin:0 0 5px!important;
    font-size:11px!important;
    line-height:14px!important;
  }
  body.admin-authenticated #view-bottle .bottle-count-fields .input,
  body.admin-authenticated #view-bottle .bottle-count-fields .select{
    height:40px!important;
    min-height:40px!important;
    width:100%!important;
    font-size:12px!important;
  }
  body.admin-authenticated #view-bottle .bottle-group-picker{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    align-items:center!important;
  }
  body.admin-authenticated #view-bottle .bottle-group-picker .btn{
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    white-space:nowrap!important;
  }
}

/* Mobile card data row 20260607022400 */
@media(max-width:760px){
  body.admin-authenticated #view-cards .card-data-panel .card-data-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    overflow:hidden!important;
    border:1px solid #dfe8f6!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.78)!important;
  }
  body.admin-authenticated #view-cards .card-data-panel .card-data-item{
    min-height:64px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:8px 4px!important;
    border:0!important;
    border-right:1px solid #e8eff8!important;
    border-radius:0!important;
    background:transparent!important;
    text-align:center!important;
  }
  body.admin-authenticated #view-cards .card-data-panel .card-data-item:last-child{border-right:0!important}
  body.admin-authenticated #view-cards .card-data-panel .card-data-item b{
    font-size:10.5px!important;
    line-height:13px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated #view-cards .card-data-panel .card-data-item span{
    margin-top:0!important;
    font-size:21px!important;
    line-height:1!important;
  }
}

/* Mobile short-link batch modal compact 20260607030400 */
@media(max-width:760px){
  body.admin-authenticated #ltBatchDialog .modal.lt-batch-dialog{
    width:min(92vw,520px)!important;
    max-width:92vw!important;
    min-height:0!important;
    max-height:min(72dvh,560px)!important;
    padding:12px!important;
    overflow:auto!important;
    border-radius:18px!important;
  }
  body.admin-authenticated #ltBatchDialog .grid-2,
  body.admin-authenticated #ltBatchDialog .lt-batch-area{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.admin-authenticated #ltBatchDialog .lt-batch-area .textarea{
    min-height:104px!important;
    max-height:22dvh!important;
  }
  body.admin-authenticated #ltBatchDialog .modal-top{
    margin-bottom:8px!important;
    padding-bottom:8px!important;
  }
  body.admin-authenticated #ltBatchDialog .lt-batch-action .btn{
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
  }
}

/* Short-link batch edit 20260607115200 */
.lt-batch-edit-dialog{width:min(94vw,820px)!important;max-width:820px!important}
.lt-batch-edit-form{gap:12px}
.lt-batch-edit-line{display:grid;grid-template-columns:128px minmax(0,1fr);gap:10px;align-items:center}
.lt-batch-edit-line span{display:flex;align-items:center;gap:7px;font-weight:800;color:#263248;white-space:nowrap}
.lt-batch-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lt-batch-edit-dialog .lt-sub-panel{margin-left:0!important;background:#fbfdff;border:1px solid #e2ecf8;border-radius:14px;padding:12px;display:grid;gap:8px}
.lt-batch-edit-dialog .lt-sub-panel.lt-hide{display:none!important}
.lt-batch-edit-dialog #ltBatchRandomUrls{min-height:96px}
@media(max-width:760px){
  body.admin-authenticated #ltBatchEditDialog .modal.lt-batch-edit-dialog{
    width:min(92vw,520px)!important;
    max-width:92vw!important;
    max-height:calc(100dvh - 96px)!important;
    padding:12px!important;
    border-radius:18px!important;
    overflow:auto!important;
  }
  body.admin-authenticated #ltBatchEditDialog .lt-batch-edit-line,
  body.admin-authenticated #ltBatchEditDialog .lt-batch-module-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.admin-authenticated #ltBatchEditDialog .notice{
    font-size:12px!important;
    line-height:1.5!important;
  }
  body.admin-authenticated #ltBatchEditDialog .input,
  body.admin-authenticated #ltBatchEditDialog .select{
    height:38px!important;
    min-height:38px!important;
  }
  body.admin-authenticated #ltBatchEditDialog #ltBatchRandomUrls{
    min-height:88px!important;
    max-height:20dvh!important;
  }
}

/* Short-link dialog shape + batch group picker 20260607121300 */
@media(min-width:761px){
  body.admin-authenticated #ltShortDialog .modal.lt-short-dialog{
    width:min(90vw,784px)!important;
    max-width:784px!important;
    min-height:min(54vh,465px)!important;
    max-height:90vh!important;
  }
}

/* Local WeChat control center */
.local-control-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
}
.local-control-title{
  margin-bottom:8px;
}
.local-control-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.local-control-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);
  gap:16px;
  margin-top:16px;
}
.local-device-list,.local-task-list{
  display:grid;
  gap:12px;
}
.local-device-card{
  border:1px solid #e4ecf7;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#fbfdff);
  padding:14px;
}
.local-device-card.online{
  border-color:#b8e6cb;
  background:linear-gradient(145deg,#fff,#f6fffa);
}
.local-device-top,.local-task-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.local-device-top b,.local-task-row b{
  display:block;
  color:#10233f;
  font-size:16px;
}
.local-device-top span,.local-task-row span{
  display:block;
  color:#66758d;
  font-size:12px;
  margin-top:3px;
}
.local-device-meta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:10px;
  color:#66758d;
  font-size:12px;
}
.local-device-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.local-device-tags em{
  font-style:normal;
  border-radius:999px;
  background:#eef6ff;
  color:#1e40af;
  padding:5px 8px;
  font-size:12px;
  font-weight:900;
}
.local-device-tags.muted-tags em{
  background:#f3f5f8;
  color:#66758d;
}
.local-task-row{
  border:1px solid #e4ecf7;
  border-radius:16px;
  background:#fbfdff;
  padding:12px;
}
.local-auto-result-list{
  display:grid;
  gap:8px;
  margin-top:12px;
  padding-top:10px;
  border-top:1px dashed #dbe7f5;
}
.local-auto-result-title{
  font-size:12px;
  font-weight:900;
  color:#6b7890;
}
.local-task-row.local-auto-result-row{
  background:#f8fbff;
}
.local-task-row>div:first-child{
  min-width:0;
}
.local-task-detail{
  display:block;
  margin-top:7px;
  color:#60718a;
  font-style:normal;
  font-size:12px;
  line-height:1.5;
  white-space:normal;
  word-break:break-word;
}
.task-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}
.task-actions .btn-mini{
  padding:6px 10px;
  border-radius:8px;
  font-size:12px;
  min-height:auto;
}
.local-message-table .btn-mini{
  padding:6px 10px;
  border-radius:8px;
  font-size:12px;
  min-height:auto;
}
.local-upload-line{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
}
.local-upload-line .input,
.local-upload-line textarea{
  flex:1;
  min-width:0;
}
.local-upload-line .btn{
  flex:0 0 auto;
  white-space:nowrap;
}
.local-reply-dialog{
  width:min(94vw,620px)!important;
  max-width:620px!important;
}
.local-reply-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:4px 0 14px;
}
.local-reply-summary div{
  border:1px solid #e4ecf7;
  background:#fbfdff;
  border-radius:14px;
  padding:12px;
  min-width:0;
}
.local-reply-summary span{
  display:block;
  color:#66758d;
  font-size:12px;
  font-weight:900;
  margin-bottom:6px;
}
.local-reply-summary b{
  display:block;
  color:#10233f;
  font-size:15px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.local-reply-dialog .modal-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:14px;
}
.local-reply-dialog .modal-actions .muted{
  margin-right:auto;
}
.local-module-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.local-module-card{
  border:1px solid #e4ecf7;
  border-radius:16px;
  background:#fbfdff;
  padding:14px;
}
.local-module-card b{
  display:block;
  color:#10233f;
  font-size:16px;
  margin-bottom:6px;
}
.local-module-card span{
  display:block;
  color:#66758d;
  font-size:13px;
  line-height:1.55;
}
@media(max-width:1080px){
  .local-control-grid,.local-module-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .local-control-hero{
    grid-template-columns:1fr;
  }
  .local-control-actions{
    justify-content:stretch;
  }
  .local-control-actions .btn{
    flex:1;
  }
  .local-device-top,.local-task-row{
    align-items:flex-start;
  }
  .local-message-table table{
    min-width:680px;
  }
  .local-upload-line{
    display:grid;
    grid-template-columns:1fr auto;
  }
  .local-reply-summary{
    grid-template-columns:1fr;
  }
  .local-reply-dialog .modal-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .local-reply-dialog .modal-actions .muted{
    grid-column:1/-1;
  }
}

/* Live-code list QR thumbnail 20260607122500 */
.lt-code-table table{
  min-width:1120px;
  table-layout:fixed;
}
.lt-code-table th,
.lt-code-table td{
  padding-left:14px;
  padding-right:14px;
  vertical-align:middle;
}
.lt-code-table th.center,
.lt-code-table td.center{
  text-align:center!important;
  vertical-align:middle!important;
}
.lt-code-col-name{width:17%}
.lt-code-col-url{width:29%}
.lt-code-col-qr{width:9%}
.lt-code-col-scan{width:8%}
.lt-code-col-sub{width:8%}
.lt-code-col-time{width:14%}
.lt-code-col-actions{width:15%}
.lt-code-url-cell{
  width:100%;
  max-width:100%;
}
.lt-code-url-cell .short-link{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lt-code-op-btns{
  flex-wrap:wrap;
  gap:6px;
}
.lt-code-op-btns .btn{
  min-width:54px;
}
.lt-code-link-cell{
  display:grid;
  gap:9px;
  min-width:320px;
}
.lt-code-link-main{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.lt-code-link-main .inline-copy{
  flex:1;
  min-width:0;
}
.lt-code-qr-mini{
  width:auto;
  min-width:58px;
  padding:0 10px;
  white-space:nowrap;
}
.lt-code-qr-thumb{
  width:54px;
  height:54px;
  min-height:54px;
  border:1px solid #dfe8f6;
  border-radius:12px;
  background:#fbfdff;
  display:grid;
  place-items:center;
  padding:4px;
  margin:0 auto;
  cursor:pointer;
  color:#2563eb;
  font-size:11px;
  font-weight:900;
  line-height:1.15;
  box-shadow:0 6px 14px rgba(16,35,63,.05);
}
.lt-code-qr-thumb:hover{
  border-color:#93c5fd;
  background:#eff6ff;
}
.lt-code-qr-thumb img{
  width:44px;
  height:44px;
  object-fit:contain;
  border-radius:8px;
  background:#fff;
}
.lt-code-qr-thumb.loading{
  color:#73829a;
  background:linear-gradient(135deg,#fbfdff,#f5f8fc);
}
.lt-mobile-qr-row{
  display:flex;
  justify-content:flex-start;
  margin-top:8px;
}
@media(max-width:760px){
  .lt-code-table table{
    min-width:760px;
  }
  .lt-code-link-cell{
    min-width:240px;
  }
  .lt-code-qr-thumb{
    width:52px;
    height:52px;
    min-height:52px;
    border-radius:12px;
  }
  .lt-code-qr-thumb img{
    width:42px;
    height:42px;
  }
}
.lt-batch-edit-group-combo{
  width:100%;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.lt-batch-edit-group-combo .select,
.lt-batch-edit-group-combo .input{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  line-height:42px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  body.admin-authenticated #ltBatchEditDialog .lt-batch-edit-group-combo{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
}

/* Local message center conversation layout */
.local-chat-console{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:14px;
  min-height:520px;
}
.local-chat-list,
.local-chat-panel{
  border:1px solid #e1ebf7;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  min-width:0;
}
.local-chat-list-head,
.local-chat-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid #edf2f9;
  background:#fbfdff;
}
.local-chat-list-head b,
.local-chat-panel-head b{
  color:#10233f;
  font-size:15px;
}
.local-chat-list-head span,
.local-chat-panel-head span{
  display:block;
  color:#66758d;
  font-size:12px;
  font-weight:800;
  margin-top:2px;
}
.local-chat-list-body{
  max-height:560px;
  overflow:auto;
  padding:8px;
}
.local-chat-item{
  width:100%;
  border:0;
  background:transparent;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  text-align:left;
  padding:10px;
  border-radius:12px;
  cursor:pointer;
  color:#173052;
}
.local-chat-item:hover,
.local-chat-item.active{
  background:#eef6ff;
}
.local-chat-avatar{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#dbeafe,#cffafe);
  color:#155eef;
  font-weight:950;
}
.local-chat-meta{
  min-width:0;
}
.local-chat-meta b,
.local-chat-meta em,
.local-chat-meta small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.local-chat-meta b{
  font-size:13px;
  color:#10233f;
}
.local-chat-meta em{
  font-style:normal;
  font-size:11px;
  color:#66758d;
  margin-top:2px;
}
.local-chat-meta small{
  font-size:12px;
  color:#53647a;
  margin-top:4px;
}
.local-chat-item time{
  font-size:11px;
  color:#94a3b8;
  white-space:nowrap;
  align-self:start;
  margin-top:3px;
}
.local-chat-scroll{
  max-height:560px;
  overflow:auto;
  padding:14px;
  background:linear-gradient(180deg,#f8fbff,#fff);
}
.local-chat-bubble{
  max-width:78%;
  border:1px solid #e3edf9;
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
  margin:0 0 10px;
  box-shadow:0 6px 18px rgba(16,35,63,.05);
}
.local-chat-bubble-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:6px;
}
.local-chat-bubble-head b{
  font-size:13px;
  color:#10233f;
}
.local-chat-bubble-head span{
  font-size:11px;
  color:#66758d;
  font-weight:800;
}
.local-chat-bubble p{
  margin:0;
  color:#173052;
  line-height:1.55;
  white-space:pre-wrap;
  word-break:break-word;
}
.local-chat-asset{
  display:inline-flex;
  margin-top:8px;
  color:#155eef;
  font-size:12px;
  font-weight:900;
}
@media(max-width:760px){
  .local-chat-console{
    grid-template-columns:1fr;
    min-height:0;
  }
  .local-chat-list-body,
  .local-chat-scroll{
    max-height:360px;
  }
  .local-chat-bubble{
    max-width:100%;
  }
}

/* Create short-link modal balanced spacing 20260607121100 */
@media(min-width:761px){
  body.admin-authenticated #ltShortDialog .modal.lt-short-dialog{
    display:flex!important;
    flex-direction:column!important;
    padding:22px 26px 18px!important;
  }
  body.admin-authenticated #ltShortDialog .modal-top{
    flex:0 0 auto!important;
    margin-bottom:6px!important;
  }
  body.admin-authenticated #ltShortDialog .lt-form{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-evenly!important;
    gap:18px!important;
    padding:4px 0 12px!important;
  }
  body.admin-authenticated #ltShortDialog .lt-form-row{
    flex:0 0 auto!important;
  }
  body.admin-authenticated #ltShortDialog .lt-short-switch-row{
    flex:0 0 auto!important;
    margin-top:4px!important;
  }
  body.admin-authenticated #ltShortDialog .lt-dialog-footer{
    flex:0 0 auto!important;
    align-self:flex-end!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:10px!important;
    width:auto!important;
    margin-top:auto!important;
    padding-top:12px!important;
  }
  body.admin-authenticated #ltShortDialog .lt-dialog-footer .btn{
    min-width:94px!important;
  }
}
/* Sidebar business grouping 20260611 */
.nav-section-label{
  margin:10px 8px 4px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.42);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
@media(max-width:760px){
  body.admin-authenticated .sidebar.mobile-nav-paged .nav-section-label,
  body.admin-authenticated .nav-section-label{
    display:none!important;
  }
}

/* Local control task detail 20260611 */
.local-task-detail-dialog{
  width:min(94vw,860px)!important;
  max-height:88vh;
  overflow:auto;
}
.local-task-detail-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  margin-bottom:12px;
}
.local-task-detail-grid>div,
.local-task-detail-section{
  border:1px solid #e5edf8;
  border-radius:14px;
  background:#fbfdff;
  padding:12px;
}
.local-task-detail-grid span,
.local-task-detail-section>b{
  display:block;
  color:#667085;
  font-size:12px;
  font-weight:950;
  margin-bottom:6px;
}
.local-task-detail-grid b{
  display:block;
  color:#101828;
  font-size:14px;
  word-break:break-all;
}
.local-task-detail-section{
  margin-top:10px;
}
.local-task-detail-section p{
  margin:0;
  color:#101828;
  font-weight:800;
  line-height:1.7;
  white-space:pre-wrap;
  word-break:break-word;
}
.local-task-result-table{
  overflow:auto;
}
.local-task-result-table table{
  width:100%;
  min-width:620px;
  border-collapse:collapse;
}
.local-task-result-table th,
.local-task-result-table td{
  padding:10px;
  border-bottom:1px solid #edf2f8;
  text-align:left;
  vertical-align:top;
}
.local-task-raw{
  margin-top:10px;
  border:1px solid #e5edf8;
  border-radius:14px;
  background:#fff;
  padding:10px 12px;
}
.local-task-raw summary{
  cursor:pointer;
  color:#155eef;
  font-weight:950;
}
.local-task-raw pre{
  max-height:260px;
  overflow:auto;
  margin:10px 0 0;
  padding:12px;
  border-radius:12px;
  background:#0f172a;
  color:#dbeafe;
  font-size:12px;
  line-height:1.55;
}
.empty.compact{
  padding:14px;
  min-height:auto;
}
@media(max-width:760px){
  body.admin-authenticated .local-task-detail-dialog{
    width:calc(100vw - 20px)!important;
    max-height:84dvh!important;
    border-radius:18px!important;
  }
  .local-task-detail-grid{
    grid-template-columns:1fr 1fr;
  }
  .local-task-result-table table{
    min-width:520px;
  }
}

/* 云设备式发单 / 群氛围工作台 */
.yun-workbench{gap:12px}
.yun-device-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;border-radius:12px;padding:10px 16px;color:#fff;background:linear-gradient(90deg,#1677ff,#2563eb 58%,#0ea5e9);box-shadow:0 12px 28px rgba(22,119,255,.18)}
.yun-device-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:1000;color:#1677ff;background:rgba(255,255,255,.92)}
.yun-device-copy b{display:block;font-size:22px;color:#fff;margin:0 0 3px}.yun-device-copy span{display:block;color:rgba(255,255,255,.9);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yun-device-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.yun-device-stats em{font-style:normal;border-radius:999px;padding:7px 12px;color:#0f3b86;background:#fff;font-size:12px;font-weight:900}
.yun-modebar,.yun-tabs,.yun-warning-line{border:1px solid #e6edf7;background:#fff;border-radius:10px}.yun-modebar{display:flex;align-items:center;gap:10px;padding:10px 12px}.yun-modebar>div{min-width:0;margin-right:auto;color:#516177;font-size:13px}.yun-modebar b,.yun-modebar span{display:inline;font-size:13px;margin:0}.yun-tabs{display:flex;align-items:center;gap:2px;overflow:auto;padding:0 8px}.yun-tabs button{height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:#53647a;font-weight:900;padding:0 14px;white-space:nowrap;cursor:pointer}.yun-tabs button.active{color:#1677ff;border-bottom-color:#1677ff;background:#f4f9ff}
.yun-forward-rule,.yun-atm-plan{padding:0!important;overflow:hidden;border-radius:14px!important;border-color:#e2eaf5!important}.yun-rule-strip{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:12px;align-items:stretch;padding:12px;background:#fbfdff;border-bottom:1px solid #e8eef7}.yun-running-card{position:relative;border:1px solid #e1eaf6;border-radius:12px;padding:12px;background:linear-gradient(145deg,#fff,#f7fbff)}.yun-run-head b{color:#1677ff;font-size:16px;margin:0}.yun-run-head span,.yun-running-card small{display:block;color:#748299;font-weight:800;font-size:12px;margin-top:5px}.yun-switch{position:absolute;right:12px;top:14px}.yun-switch input{display:none}.yun-switch span{display:block;width:44px;height:24px;border-radius:999px;background:#d8e1ec}.yun-switch span:after{content:'';display:block;width:20px;height:20px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(15,35,63,.18);transition:.18s}.yun-switch input:checked+span{background:#22c55e}.yun-switch input:checked+span:after{transform:translateX(20px)}
.yun-rule-form{display:grid;grid-template-columns:1.2fr 1fr 1fr 120px;gap:8px;align-content:center}.yun-rule-actions{display:flex;align-items:center;gap:8px}.yun-forward-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:560px}.yun-left-rail{border-right:1px solid #e8eef7;background:#f8fbff;padding:12px;display:grid;gap:12px;align-content:start}.yun-rail-section{border:1px solid #e4ecf7;border-radius:12px;background:#fff;padding:10px}.yun-section-title,.yun-selector-head,.yun-exec-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.yun-section-title b,.yun-selector-head b,.yun-exec-title b{margin:0;font-size:14px;color:#173052}.yun-section-title span,.yun-selector-head span{color:#1677ff;font-size:12px;font-weight:900}.yun-mini-input{height:32px!important;margin-bottom:8px}.yun-preview-list{display:grid;gap:6px;max-height:240px;overflow:auto}
.yun-pick-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:7px 8px;border-radius:10px;background:#f8fbff;border:1px solid #edf2f8}.yun-pick-row.selected{background:#eef6ff;border-color:#b9d9ff}.yun-pick-row b{min-width:0;margin:0;color:#173052;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yun-pick-row em{font-style:normal;color:#77869a;font-size:11px;white-space:nowrap}.yun-avatar,.yun-group-dot{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#dceafe;color:#1d4ed8;font-size:12px;font-weight:1000}
.yun-main-table{padding:12px;min-width:0}.yun-table-tools{display:grid;grid-template-columns:auto minmax(160px,1fr) 180px auto auto;gap:8px;align-items:center;margin-bottom:8px}.yun-table-tools label{white-space:nowrap;font-size:12px;color:#53647a;font-weight:900}.yun-step-tip{text-align:center;color:#53647a;font-size:12px;font-weight:900;padding:8px}.yun-dual-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 12px}.yun-picker-title{color:#173052;font-size:13px;font-weight:1000;margin-bottom:6px}.yun-dual-picker .local-group-picker,.yun-dual-picker .local-account-picker{grid-template-columns:1fr;max-height:190px}.yun-simple-table{border:1px solid #edf2f8;border-radius:12px;overflow:hidden;background:#fff}.yun-table-row{display:grid;grid-template-columns:40px 42px minmax(0,1fr) 120px 42px;align-items:center;gap:10px;min-height:48px;padding:6px 12px;border-bottom:1px solid #edf2f8}.yun-table-row:last-child{border-bottom:0}.yun-table-row em{font-style:normal;color:#7a8798;font-size:12px}.yun-table-thumb{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#e2e8f0,#f8fafc)}.yun-table-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;color:#173052}.yun-table-row small{color:#77869a;font-weight:800}.yun-plus{border:0;width:26px;height:26px;border-radius:50%;color:#fff;background:#1677ff;font-size:18px;line-height:1}
.yun-warning-line{padding:10px 12px;color:#ef4444;font-size:13px;font-weight:900}.yun-atm-grid{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(480px,1.25fr);min-height:660px}.yun-selector-panel{border-right:1px solid #e8eef7;background:#fbfdff;padding:12px;min-width:0}.yun-atm-mode{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.yun-atm-mode button{border:0;border-bottom:2px solid transparent;background:transparent;color:#53647a;font-weight:1000;height:34px;padding:0 10px}.yun-atm-mode button.active{color:#1677ff;border-bottom-color:#1677ff}.yun-atm-mode label{font-size:12px;color:#68788d;font-weight:900}.yun-selector-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yun-filter-line{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;margin-bottom:8px}.yun-selector-columns .local-group-picker,.yun-selector-columns .local-account-picker{grid-template-columns:1fr;max-height:500px}
.yun-exec-panel{padding:12px;min-width:0}.yun-exec-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.yun-exec-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding-bottom:12px;border-bottom:1px solid #e8eef7}.yun-radio-line,.yun-time-row{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#475569;font-size:13px;font-weight:900}.yun-time-row .input{width:90px}.yun-time-row em{font-style:normal;color:#7a8798;font-size:12px}.yun-quick-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.yun-quick-tags button{height:28px;padding:0 10px;border-radius:8px;border:1px solid #e1e8f2;background:#fff;color:#53647a;font-weight:900}.yun-editor{margin-top:12px}.yun-editor-title{color:#173052;font-weight:1000;margin-bottom:8px}.yun-editor-tabs{display:flex;align-items:center;gap:4px;border:1px solid #e4ecf7;border-radius:10px 10px 0 0;padding:6px;background:#fbfdff}.yun-editor-tabs button{border:0;border-radius:8px;background:transparent;color:#53647a;font-weight:900;padding:7px 10px}.yun-editor-tabs button.active{background:#1677ff;color:#fff}.yun-editor-tabs .select{margin-left:auto;width:120px;height:34px}.yun-editor-area{border-radius:0!important;min-height:98px!important}.yun-attach-area{min-height:68px!important;border-radius:0 0 10px 10px!important}.yun-upload-line{margin-top:8px}.yun-empty-mini{border:1px dashed #d8e3f1;border-radius:10px;padding:12px;color:#77869a;font-size:12px;font-weight:900;background:#fbfdff}
@media(max-width:1080px){.yun-forward-layout,.yun-atm-grid,.yun-selector-columns,.yun-dual-picker{grid-template-columns:1fr}.yun-left-rail,.yun-selector-panel{border-right:0;border-bottom:1px solid #e8eef7}.yun-rule-strip{grid-template-columns:1fr}.yun-rule-form,.yun-table-tools{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.yun-device-banner,.yun-modebar{grid-template-columns:1fr;display:grid}.yun-device-stats,.yun-modebar{justify-content:stretch}.yun-device-copy span{white-space:normal}.yun-rule-form,.yun-table-tools,.yun-filter-line,.yun-exec-form{grid-template-columns:1fr}.yun-forward-layout,.yun-atm-grid{min-height:auto}.yun-table-row{grid-template-columns:28px 34px minmax(0,1fr) 34px}.yun-table-row small{display:none}.yun-exec-buttons .btn{flex:1}.yun-editor-tabs{overflow:auto}.yun-editor-tabs .select{min-width:120px}}

/* Product Design unified UI layer 20260612
   Purpose: one final visual contract over previous scattered patches. */
:root{
  --lt-bg:#f2f6fb;
  --lt-shell:#070b1c;
  --lt-shell-2:#10172a;
  --lt-card:#ffffff;
  --lt-soft:#f7faff;
  --lt-line:#e3ebf6;
  --lt-text:#10233f;
  --lt-muted:#66758d;
  --lt-blue:#2563eb;
  --lt-blue-2:#0ea5e9;
  --lt-green:#10b981;
  --lt-danger:#ef4444;
  --lt-radius:18px;
  --lt-shadow:0 16px 48px rgba(16,35,63,.08);
}
body.admin-authenticated{
  background:var(--lt-shell)!important;
  color:var(--lt-text);
  overflow-x:hidden;
}
body.admin-authenticated .main{
  background:var(--lt-bg)!important;
}
body.admin-authenticated .topbar{
  border:0!important;
  box-shadow:none!important;
}
body.admin-authenticated .card,
body.admin-authenticated .view.active,
body.admin-authenticated .local-chat-list,
body.admin-authenticated .local-chat-panel,
body.admin-authenticated .ops-card,
body.admin-authenticated .way-card,
body.admin-authenticated .group-card,
body.admin-authenticated .verify-card,
body.admin-authenticated .broadcast-card,
body.admin-authenticated .invite-card{
  border:1px solid var(--lt-line)!important;
  border-radius:var(--lt-radius)!important;
  box-shadow:var(--lt-shadow)!important;
}
body.admin-authenticated .card{
  background:var(--lt-card)!important;
}
body.admin-authenticated .btn{
  min-height:36px;
  border-radius:12px!important;
  font-weight:900;
  letter-spacing:0;
}
body.admin-authenticated .btn-primary,
body.admin-authenticated .auth-btn{
  background:linear-gradient(135deg,var(--lt-blue),var(--lt-blue-2))!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(37,99,235,.18)!important;
}
body.admin-authenticated .btn-light{
  background:#f4f8ff!important;
  color:#18365f!important;
  border-color:#dce8f7!important;
}
body.admin-authenticated .btn-danger{
  background:#fff1f2!important;
  color:#b42318!important;
  border-color:#ffd7da!important;
}
body.admin-authenticated .input,
body.admin-authenticated .select,
body.admin-authenticated textarea{
  border-radius:13px!important;
  border-color:#dce6f4!important;
  background:#fff!important;
  color:var(--lt-text)!important;
  box-shadow:none!important;
}
body.admin-authenticated .input:focus,
body.admin-authenticated .select:focus,
body.admin-authenticated textarea:focus{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
  outline:0!important;
}
body.admin-authenticated .section-title h2,
body.admin-authenticated .card h2,
body.admin-authenticated .card h3{
  letter-spacing:0;
}
body.admin-authenticated .table-wrap{
  border:1px solid var(--lt-line);
  border-radius:16px;
  background:#fff;
}
body.admin-authenticated table th{
  background:#f8fbff;
  color:#516177!important;
  font-weight:950;
}
body.admin-authenticated table td{
  color:#173052;
}
body.admin-authenticated .empty{
  background:#f8fbff!important;
  border-color:#dce8f7!important;
  color:#6b7890!important;
}

@media(min-width:761px){
  body.admin-authenticated .sidebar{
    width:246px!important;
    background:linear-gradient(180deg,#080d20 0,#070b1c 100%)!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    padding:18px 14px!important;
  }
  body.admin-authenticated .brand{
    height:48px!important;
    padding:0 10px!important;
    border-radius:14px!important;
    font-size:17px!important;
    color:#fff!important;
    background:rgba(255,255,255,.05)!important;
  }
  body.admin-authenticated .brand-logo{
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
  }
  body.admin-authenticated .nav{
    gap:5px!important;
    padding-top:12px!important;
  }
  body.admin-authenticated .nav button{
    min-height:42px!important;
    padding:0 12px!important;
    border-radius:13px!important;
    color:rgba(255,255,255,.72)!important;
    font-size:14px!important;
    justify-content:flex-start!important;
    transition:background .18s ease,color .18s ease,transform .18s ease!important;
  }
  body.admin-authenticated .nav button:hover{
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
  }
  body.admin-authenticated .nav button.active{
    background:linear-gradient(135deg,#7c3aed,#2563eb)!important;
    color:#fff!important;
    box-shadow:0 14px 26px rgba(37,99,235,.22)!important;
  }
  body.admin-authenticated .nav-icon{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
  }
  body.admin-authenticated .main{
    margin-left:246px!important;
    padding:18px 22px 28px!important;
    min-height:100vh!important;
    border-radius:28px 0 0 0!important;
  }
  body.admin-authenticated .topbar{
    min-height:64px!important;
    margin:0 0 16px!important;
    padding:0 2px!important;
  }
  body.admin-authenticated .topbar h1{
    font-size:26px!important;
    line-height:1.15!important;
    color:#0f1f38!important;
  }
  body.admin-authenticated .topbar p{
    font-size:13px!important;
    color:#708098!important;
  }
  body.admin-authenticated .status-tools{
    gap:8px!important;
  }
  body.admin-authenticated .top-tool-trigger,
  body.admin-authenticated .support-trigger,
  body.admin-authenticated .account-trigger,
  body.admin-authenticated .pill{
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#14243e!important;
    border:1px solid var(--lt-line)!important;
    box-shadow:0 10px 26px rgba(16,35,63,.07)!important;
  }
  body.admin-authenticated .top-tool-trigger:hover,
  body.admin-authenticated .support-trigger:hover,
  body.admin-authenticated .account-trigger:hover{
    transform:translateY(-1px);
    color:#0f4bd7!important;
  }
  body.admin-authenticated .view.active{
    padding:18px!important;
    background:#fff!important;
    min-height:calc(100vh - 118px)!important;
  }
  body.admin-authenticated .cards,
  body.admin-authenticated .grid-3{
    gap:14px!important;
  }
  body.admin-authenticated .hero-card{
    min-height:178px!important;
    border-radius:22px!important;
  }
  body.admin-authenticated .hero-value{
    font-size:52px!important;
  }
  body.admin-authenticated .mini-card .big{
    font-size:30px!important;
  }
  body.admin-authenticated .modal-mask.show{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.admin-authenticated .modal{
    border-radius:22px!important;
    max-height:88vh!important;
    overflow:auto!important;
  }
}

@media(max-width:760px){
  html,body{
    width:100%;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
  }
  body.admin-authenticated{
    background:var(--lt-bg)!important;
  }
  body.admin-authenticated .shell{
    display:block!important;
    min-height:100vh!important;
    background:var(--lt-bg)!important;
  }
  body.admin-authenticated .main{
    margin-left:0!important;
    padding:12px 10px 86px!important;
    width:100%!important;
    max-width:100vw!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  body.admin-authenticated .sidebar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    height:68px!important;
    border-radius:20px 20px 0 0!important;
    padding:7px 42px!important;
    background:rgba(7,11,28,.96)!important;
    backdrop-filter:blur(14px)!important;
    box-shadow:0 -16px 44px rgba(7,11,28,.22)!important;
    z-index:60!important;
    overflow:hidden!important;
  }
  body.admin-authenticated .brand{
    display:none!important;
  }
  body.admin-authenticated .nav{
    height:54px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    overflow:hidden!important;
    padding:0!important;
  }
  body.admin-authenticated .sidebar.mobile-nav-paged .nav button{
    min-width:0!important;
  }
  body.admin-authenticated .nav button{
    height:54px!important;
    min-height:54px!important;
    padding:4px 2px!important;
    border-radius:14px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:2px!important;
    font-size:10px!important;
    line-height:1.15!important;
    color:rgba(255,255,255,.72)!important;
    background:transparent!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated .nav button.active{
    color:#fff!important;
    background:linear-gradient(135deg,#7c3aed,#2563eb)!important;
  }
  body.admin-authenticated .nav button.mobile-nav-hidden{
    display:none!important;
  }
  body.admin-authenticated .nav-icon{
    width:17px!important;
    height:17px!important;
    margin:0!important;
  }
  body.admin-authenticated .mobile-nav-page-btn{
    position:fixed!important;
    bottom:17px!important;
    z-index:70!important;
    width:30px!important;
    height:34px!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:16px!important;
  }
  body.admin-authenticated .mobile-nav-page-btn.prev{left:7px!important}
  body.admin-authenticated .mobile-nav-page-btn.next{right:7px!important}
  body.admin-authenticated .topbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0 0 10px!important;
    padding:10px!important;
    background:#fff!important;
    border:1px solid var(--lt-line)!important;
    border-radius:20px!important;
    box-shadow:0 10px 30px rgba(16,35,63,.06)!important;
  }
  body.admin-authenticated .topbar>div:first-child{
    display:block!important;
  }
  body.admin-authenticated .topbar h1{
    font-size:20px!important;
    margin:0!important;
  }
  body.admin-authenticated .topbar p{
    display:none!important;
  }
  body.admin-authenticated .status-tools{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    align-items:center!important;
  }
  body.admin-authenticated .top-tool-trigger,
  body.admin-authenticated .support-trigger,
  body.admin-authenticated .account-trigger,
  body.admin-authenticated .pill{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 6px!important;
    border-radius:12px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:4px!important;
    background:#f7faff!important;
    border:1px solid #dfe8f6!important;
    color:#203a5f!important;
    box-shadow:none!important;
    font-size:11px!important;
    line-height:1!important;
    overflow:hidden!important;
  }
  body.admin-authenticated .top-tool-trigger span,
  body.admin-authenticated .support-trigger span,
  body.admin-authenticated #topAccount{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated .support-icon{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
  }
  body.admin-authenticated .account-avatar,
  body.admin-authenticated .account-avatar img{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }
  body.admin-authenticated #activityPill{
    display:none!important;
  }
  body.admin-authenticated .view.active{
    padding:12px!important;
    border-radius:20px!important;
    min-height:calc(100dvh - 158px)!important;
    max-width:100%!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.admin-authenticated .card{
    padding:13px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  body.admin-authenticated .cards,
  body.admin-authenticated .grid-2,
  body.admin-authenticated .grid-3,
  body.admin-authenticated .dashboard-grid,
  body.admin-authenticated .dashboard-charts,
  body.admin-authenticated .quick-panel,
  body.admin-authenticated .ops-grid,
  body.admin-authenticated .ops-list,
  body.admin-authenticated .hero-metrics,
  body.admin-authenticated .broadcast-compose,
  body.admin-authenticated .ops-compact-head,
  body.admin-authenticated .ops-material-panel,
  body.admin-authenticated .contact-way-config,
  body.admin-authenticated .invite-layout,
  body.admin-authenticated .invite-form,
  body.admin-authenticated .yun-forward-layout,
  body.admin-authenticated .yun-atm-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.admin-authenticated .mini-metrics,
  body.admin-authenticated .card-data-grid,
  body.admin-authenticated .activation-admin-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.admin-authenticated .hero-card{
    min-height:auto!important;
    padding:16px!important;
  }
  body.admin-authenticated .hero-value{
    font-size:40px!important;
  }
  body.admin-authenticated .mini-card .big,
  body.admin-authenticated .card-data-item span{
    font-size:22px!important;
  }
  body.admin-authenticated .section-title{
    align-items:flex-start!important;
    gap:8px!important;
    flex-wrap:wrap!important;
  }
  body.admin-authenticated .section-title h2{
    font-size:17px!important;
  }
  body.admin-authenticated .toolbar,
  body.admin-authenticated .list-actions,
  body.admin-authenticated .selector-tools,
  body.admin-authenticated .activation-list-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }
  body.admin-authenticated .toolbar .btn,
  body.admin-authenticated .list-actions .btn,
  body.admin-authenticated .selector-tools .btn,
  body.admin-authenticated .activation-list-actions .btn{
    flex:0 1 auto!important;
    min-height:32px!important;
    height:32px!important;
    padding:5px 8px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated .table-wrap,
  body.admin-authenticated .activation-full-table,
  body.admin-authenticated .local-task-result-table{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:14px!important;
  }
  body.admin-authenticated table{
    min-width:620px;
  }
  body.admin-authenticated th,
  body.admin-authenticated td{
    padding:8px 7px!important;
    font-size:12px!important;
  }
  body.admin-authenticated .mobile-record-card{
    border-radius:14px!important;
    padding:10px!important;
    box-shadow:none!important;
  }
  body.admin-authenticated .mobile-record-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.admin-authenticated .mobile-record-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }
  body.admin-authenticated .mobile-record-actions .btn{
    flex:1 1 auto!important;
    min-height:30px!important;
    height:30px!important;
    font-size:11px!important;
    padding:4px 7px!important;
  }
  body.admin-authenticated .pager,
  body.admin-authenticated .mobile-pager{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    width:100%!important;
  }
  body.admin-authenticated .pager .muted,
  body.admin-authenticated .pager-jump,
  body.admin-authenticated .mobile-pager-main,
  body.admin-authenticated .mobile-pager-jump{
    grid-column:1/-1!important;
    justify-content:center!important;
    text-align:center!important;
  }
  body.admin-authenticated .pager .btn,
  body.admin-authenticated .mobile-pager .btn{
    width:100%!important;
  }
  body.admin-authenticated .modal-mask.show{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px!important;
  }
  body.admin-authenticated .modal,
  body.admin-authenticated .modal.lt-short-dialog,
  body.admin-authenticated .lt-modal,
  body.admin-authenticated .wecom-auth-modal,
  body.admin-authenticated .local-task-detail-dialog{
    position:relative!important;
    width:min(94vw,520px)!important;
    max-width:94vw!important;
    max-height:86dvh!important;
    overflow:auto!important;
    border-radius:20px!important;
    padding:16px!important;
    transform:none!important;
  }
  body.admin-authenticated #ltShortDialog .modal.lt-short-dialog{
    width:min(94vw,460px)!important;
  }
  body.admin-authenticated .lt-form,
  body.admin-authenticated .lt-form-row,
  body.admin-authenticated .lt-short-switch-row,
  body.admin-authenticated .ops-material-fields,
  body.admin-authenticated .ops-material-extra,
  body.admin-authenticated .sms-row,
  body.admin-authenticated .bottle-form-inline,
  body.admin-authenticated .bottle-count-fields{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.admin-authenticated .lt-short-switch-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.admin-authenticated .lt-short-switch-row label{
    min-width:0!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated .current-groups,
  body.admin-authenticated .verify-groups,
  body.admin-authenticated .bottle-verify-groups{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.admin-authenticated .current-groups .tag,
  body.admin-authenticated .verify-groups .tag,
  body.admin-authenticated .bottle-verify-groups .tag{
    min-width:0!important;
    width:100%!important;
    justify-content:space-between!important;
    white-space:normal!important;
    line-height:1.25!important;
    word-break:break-word!important;
    padding:7px 8px!important;
    font-size:11px!important;
  }
  body.admin-authenticated .current-groups .tag button,
  body.admin-authenticated .verify-groups .tag button,
  body.admin-authenticated .bottle-verify-groups .tag button{
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    margin-left:4px!important;
  }
  body.admin-authenticated .bottle-library-row,
  body.admin-authenticated .bottle-campaign-row{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
  }
  body.admin-authenticated .bottle-library-stats,
  body.admin-authenticated .bottle-campaign-stats,
  body.admin-authenticated .pdd-stats-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.admin-authenticated .bottle-library-actions,
  body.admin-authenticated .bottle-campaign-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body.admin-authenticated .bottle-campaign-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body.admin-authenticated .bottle-library-actions .btn,
  body.admin-authenticated .bottle-campaign-actions .btn{
    min-width:0!important;
    width:100%!important;
    padding:5px 4px!important;
    font-size:10px!important;
  }
  body.admin-authenticated .selector-box,
  body.admin-authenticated .ops-section-targets .selector-box{
    grid-template-columns:1fr!important;
    max-height:300px!important;
  }
  body.admin-authenticated .selector-box label{
    min-width:0!important;
  }
  body.admin-authenticated .support-popover,
  body.admin-authenticated .account-dropdown{
    position:fixed!important;
    right:10px!important;
    top:74px!important;
    left:auto!important;
    z-index:90!important;
  }
  body.admin-authenticated .account-menu.mobile-open .account-dropdown,
  body.admin-authenticated .support-menu.mobile-open .support-popover{
    display:block!important;
  }
  body.admin-authenticated .support-popover img{
    width:180px!important;
    height:180px!important;
    object-fit:contain!important;
  }
  body.admin-authenticated .daily-bars{
    min-width:580px!important;
  }
  body.admin-authenticated .day-label{
    writing-mode:horizontal-tb!important;
    transform:none!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  body.admin-authenticated .bar-chart{
    height:230px!important;
  }
}

/* 图文分发最终覆盖层：必须放在文件末尾，避免前面的旧规则压回简化版。 */
#view-poster-generate .poster-native-shell,
#view-poster-materials .poster-native-shell,
#view-poster-distribution .poster-native-shell{
  display:grid!important;
  grid-template-columns:142px minmax(0,1fr)!important;
  min-height:calc(100vh - 118px)!important;
  margin:-12px -16px -18px!important;
  overflow:hidden!important;
  border-radius:0 0 18px 18px!important;
  background:
    linear-gradient(90deg,rgba(15,118,110,.06) 1px,transparent 1px),
    linear-gradient(180deg,rgba(15,118,110,.045) 1px,transparent 1px),
    #eef4f4!important;
  background-size:32px 32px!important;
}
#view-poster-generate .poster-mini-rail,
#view-poster-materials .poster-mini-rail,
#view-poster-distribution .poster-mini-rail{
  display:block!important;
  min-height:100%!important;
  padding:18px 12px!important;
  background:#12201e!important;
  color:#eaf5f2!important;
  box-shadow:inset -1px 0 rgba(255,255,255,.06)!important;
}
#view-poster-generate .poster-mini-brand,
#view-poster-materials .poster-mini-brand,
#view-poster-distribution .poster-mini-brand{
  display:grid!important;
  gap:4px!important;
  margin:0 0 14px!important;
  padding:0 4px 18px!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
}
#view-poster-generate .poster-mini-brand b,
#view-poster-materials .poster-mini-brand b,
#view-poster-distribution .poster-mini-brand b{
  color:#fff!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:950!important;
}
#view-poster-generate .poster-mini-brand span,
#view-poster-materials .poster-mini-brand span,
#view-poster-distribution .poster-mini-brand span{
  color:#8fa19d!important;
  font-size:11px!important;
  font-weight:800!important;
}
#view-poster-generate .poster-mini-nav,
#view-poster-materials .poster-mini-nav,
#view-poster-distribution .poster-mini-nav{
  display:grid!important;
  gap:8px!important;
}
#view-poster-generate .poster-mini-nav button,
#view-poster-materials .poster-mini-nav button,
#view-poster-distribution .poster-mini-nav button{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  height:36px!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#c9d8d4!important;
  padding:0 10px!important;
  font-size:13px!important;
  font-weight:900!important;
  text-align:left!important;
  cursor:pointer!important;
}
#view-poster-generate .poster-mini-nav button.active,
#view-poster-materials .poster-mini-nav button.active,
#view-poster-distribution .poster-mini-nav button.active{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}
#view-poster-generate .poster-native-main,
#view-poster-materials .poster-native-main,
#view-poster-distribution .poster-native-main{
  min-width:0!important;
  padding:0 0 0 14px!important;
}
#view-poster-generate .poster-clone,
#view-poster-materials .poster-clone,
#view-poster-distribution .poster-clone{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - 118px)!important;
  padding:16px 8px 16px 0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:
    linear-gradient(90deg,rgba(15,118,110,.075) 1px,transparent 1px),
    linear-gradient(180deg,rgba(15,118,110,.055) 1px,transparent 1px),
    transparent!important;
  background-size:32px 32px!important;
}
#view-poster-generate .poster-clone .poster-topbar,
#view-poster-materials .poster-clone .poster-topbar,
#view-poster-distribution .poster-clone .poster-topbar{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  min-height:48px!important;
  margin-bottom:12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-poster-generate .poster-clone .poster-topbar h1,
#view-poster-materials .poster-clone .poster-topbar h1,
#view-poster-distribution .poster-clone .poster-topbar h1{
  color:#15201f!important;
  font-size:25px!important;
}
#view-poster-generate .poster-clone .poster-topbar p,
#view-poster-materials .poster-clone .poster-topbar p,
#view-poster-distribution .poster-clone .poster-topbar p{
  color:#667673!important;
  font-size:12px!important;
  font-weight:800!important;
}
#view-poster-generate .poster-clone .poster-panel,
#view-poster-materials .poster-clone .poster-panel,
#view-poster-distribution .poster-clone .poster-panel{
  border:1px solid #dce6e7!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
#view-poster-generate .poster-clone .poster-layout{
  grid-template-columns:320px minmax(560px,1fr) 300px!important;
  gap:12px!important;
}
#view-poster-generate .poster-clone .poster-control,
#view-poster-generate .poster-clone .poster-settings,
#view-poster-generate .poster-clone .poster-preview{
  max-height:calc(100vh - 160px)!important;
  padding:12px!important;
  overflow:auto!important;
}
#view-poster-generate .poster-clone .poster-stage{
  grid-template-columns:minmax(330px,380px) minmax(190px,1fr)!important;
  gap:14px!important;
}
#view-poster-generate .poster-clone .poster-phone{
  width:min(100%,338px)!important;
  border-width:6px!important;
  border-radius:32px!important;
  outline:4px solid #a7eee8!important;
}
#view-poster-materials .poster-clone .poster-materials-grid{
  grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important;
  gap:8px!important;
}
#view-poster-materials .poster-clone .poster-material-tile{
  padding:5px!important;
  gap:5px!important;
}
#view-poster-materials .poster-clone .poster-tile-images{
  min-height:112px!important;
}
#view-poster-materials .poster-clone .poster-tile-images img{
  height:112px!important;
}
#view-poster-distribution .poster-clone .poster-dist-stats{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
#view-poster-distribution .poster-clone .poster-create-line{
  grid-template-columns:minmax(160px,.65fr) minmax(360px,1fr) auto!important;
  padding:11px 12px!important;
}
#view-poster-distribution .poster-clone .poster-campaign-row{
  grid-template-columns:minmax(110px,1fr) repeat(6,76px) minmax(230px,1.18fr) 38px 42px 42px!important;
  gap:6px!important;
  min-height:48px!important;
  padding:8px!important;
  align-items:center!important;
  border:1px solid #e1e8e9!important;
  border-radius:7px!important;
  background:#fff!important;
}
#view-poster-distribution .poster-clone .poster-sub-row{
  grid-template-columns:150px 112px minmax(260px,1fr) 136px 76px 76px!important;
  gap:8px!important;
  padding:8px!important;
}
@media(max-width:980px){
  #view-poster-generate .poster-native-shell,
  #view-poster-materials .poster-native-shell,
  #view-poster-distribution .poster-native-shell{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    margin:0!important;
    border-radius:14px!important;
  }
  #view-poster-generate .poster-mini-rail,
  #view-poster-materials .poster-mini-rail,
  #view-poster-distribution .poster-mini-rail{
    display:none!important;
  }
  #view-poster-generate .poster-native-main,
  #view-poster-materials .poster-native-main,
  #view-poster-distribution .poster-native-main{
    padding-left:0!important;
  }
}

/* 图文分发主系统融合版：去掉内嵌小系统侧栏与网格背景，只保留主后台原生内容区。 */
#view-poster-generate .poster-native-shell,
#view-poster-materials .poster-native-shell,
#view-poster-distribution .poster-native-shell{
  display:block!important;
  min-height:auto!important;
  margin:0!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  background-size:auto!important;
}
#view-poster-generate .poster-mini-rail,
#view-poster-materials .poster-mini-rail,
#view-poster-distribution .poster-mini-rail{
  display:none!important;
}
#view-poster-generate .poster-native-main,
#view-poster-materials .poster-native-main,
#view-poster-distribution .poster-native-main{
  min-width:0!important;
  padding:0!important;
}
#view-poster-generate .poster-clone,
#view-poster-materials .poster-clone,
#view-poster-distribution .poster-clone{
  width:100%!important;
  max-width:none!important;
  min-height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
}
#view-poster-generate .poster-clone .poster-topbar,
#view-poster-materials .poster-clone .poster-topbar,
#view-poster-distribution .poster-clone .poster-topbar{
  min-height:0!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#view-poster-generate .poster-clone .poster-topbar h1,
#view-poster-materials .poster-clone .poster-topbar h1,
#view-poster-distribution .poster-clone .poster-topbar h1{
  color:#0f172a!important;
  font-size:24px!important;
}
#view-poster-generate .poster-clone .poster-topbar p,
#view-poster-materials .poster-clone .poster-topbar p,
#view-poster-distribution .poster-clone .poster-topbar p{
  color:#64748b!important;
}
#view-poster-generate .poster-clone .poster-panel,
#view-poster-materials .poster-clone .poster-panel,
#view-poster-distribution .poster-clone .poster-panel,
#view-poster-generate .poster-clone .poster-control,
#view-poster-generate .poster-clone .poster-settings,
#view-poster-generate .poster-clone .poster-preview{
  border:1px solid #e5edf4!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,23,42,.04)!important;
}
#view-poster-generate .poster-clone .poster-layout{
  grid-template-columns:minmax(280px,320px) minmax(500px,1fr) minmax(260px,300px)!important;
  gap:14px!important;
}
#view-poster-generate .poster-clone .poster-control,
#view-poster-generate .poster-clone .poster-settings,
#view-poster-generate .poster-clone .poster-preview{
  max-height:calc(100vh - 178px)!important;
}
#view-poster-materials .poster-clone .poster-materials-grid{
  grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important;
}
#view-poster-distribution .poster-clone .poster-create-line{
  grid-template-columns:minmax(150px,.52fr) minmax(300px,1fr) auto!important;
}
@media(max-width:980px){
  #view-poster-generate .poster-clone,
  #view-poster-materials .poster-clone,
  #view-poster-distribution .poster-clone{
    padding:0!important;
  }
  #view-poster-generate .poster-clone .poster-layout,
  #view-poster-distribution .poster-clone .poster-create-line,
  #view-poster-distribution .poster-clone .poster-campaign-row,
  #view-poster-distribution .poster-clone .poster-sub-row{
    grid-template-columns:1fr!important;
  }
  #view-poster-generate .poster-clone .poster-control,
  #view-poster-generate .poster-clone .poster-settings,
  #view-poster-generate .poster-clone .poster-preview{
    max-height:none!important;
  }
}

#view-poster-generate .poster-clone.poster-error-page,
#view-poster-materials .poster-clone.poster-error-page,
#view-poster-distribution .poster-clone.poster-error-page{
  min-height:360px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#view-poster-generate .poster-error-panel,
#view-poster-materials .poster-error-panel,
#view-poster-distribution .poster-error-panel{
  width:min(520px,100%)!important;
  padding:22px!important;
}
#view-poster-generate .poster-error-box,
#view-poster-materials .poster-error-box,
#view-poster-distribution .poster-error-box{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  align-items:flex-start!important;
}
#view-poster-generate .poster-error-box h2,
#view-poster-materials .poster-error-box h2,
#view-poster-distribution .poster-error-box h2{
  margin:0!important;
  color:#0f172a!important;
  font-size:20px!important;
}
#view-poster-generate .poster-error-box p,
#view-poster-materials .poster-error-box p,
#view-poster-distribution .poster-error-box p{
  margin:0!important;
  color:#64748b!important;
  line-height:1.7!important;
}
#view-poster-generate .poster-error-box .primary,
#view-poster-materials .poster-error-box .primary,
#view-poster-distribution .poster-error-box .primary{
  margin-top:6px!important;
}

/* 图文生成预览区尺寸优化：放大实时预览，多页纵向显示，压窄右侧“点击预览”背景图列表。 */
#view-poster-generate .poster-clone .poster-layout{
  grid-template-columns:minmax(238px,268px) minmax(920px,1fr) minmax(220px,240px)!important;
  gap:12px!important;
}
#view-poster-generate .poster-clone .poster-stage{
  grid-template-columns:minmax(760px,1fr) 180px!important;
  gap:14px!important;
  justify-content:stretch!important;
  align-items:start!important;
}
#view-poster-generate .poster-clone .poster-preview-pages{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:18px 14px!important;
  min-width:0!important;
}
#view-poster-generate .poster-clone .poster-preview-pages.loading{
  opacity:.72!important;
}
#view-poster-generate .poster-clone .poster-phone{
  position:relative!important;
  display:block!important;
  width:min(100%,380px)!important;
  max-width:380px!important;
  margin:0 auto!important;
  appearance:none!important;
  border-color:#111!important;
  background:linear-gradient(#fff,#e7e7e7)!important;
  cursor:pointer!important;
}
#view-poster-generate .poster-clone .poster-phone span{
  position:absolute!important;
  top:-20px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  min-width:34px!important;
  height:20px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#0f766e!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:20px!important;
  font-weight:900!important;
  text-align:center!important;
}
#view-poster-generate .poster-clone .poster-bg-list{
  width:180px!important;
  max-width:180px!important;
  gap:7px!important;
  padding-right:3px!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb{
  grid-template-columns:42px minmax(0,1fr) 16px!important;
  min-height:48px!important;
  padding:5px 6px!important;
  gap:6px!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb img{
  width:42px!important;
  height:42px!important;
  border-radius:7px!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb b{
  font-size:11px!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb em{
  font-size:10px!important;
}
@media(max-width:1240px){
  #view-poster-generate .poster-clone .poster-layout{
    grid-template-columns:minmax(220px,250px) minmax(650px,1fr) minmax(200px,220px)!important;
  }
  #view-poster-generate .poster-clone .poster-stage{
    grid-template-columns:minmax(500px,1fr) 160px!important;
  }
  #view-poster-generate .poster-clone .poster-phone{
    width:min(100%,300px)!important;
    max-width:300px!important;
  }
  #view-poster-generate .poster-clone .poster-bg-list{
    width:160px!important;
    max-width:160px!important;
  }
}
@media(max-width:980px){
  #view-poster-generate .poster-clone .poster-stage{
    grid-template-columns:1fr!important;
  }
  #view-poster-generate .poster-clone .poster-preview-pages{
    grid-template-columns:1fr!important;
  }
  #view-poster-generate .poster-clone .poster-phone{
    width:min(100%,330px)!important;
    max-width:330px!important;
  }
  #view-poster-generate .poster-clone .poster-bg-list{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  }
}

/* 图文生成实时预览最终排版：两张预览并排，右侧点击预览列表占满剩余窄栏。 */
#view-poster-generate .poster-clone .poster-layout{
  grid-template-columns:minmax(220px,240px) minmax(720px,1fr) minmax(210px,230px)!important;
  gap:14px!important;
}
#view-poster-generate .poster-clone .poster-stage{
  display:grid!important;
  grid-template-columns:minmax(500px,1fr) 190px!important;
  gap:14px!important;
  align-items:start!important;
}
#view-poster-generate .poster-clone .poster-preview-pages{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px 14px!important;
  align-items:start!important;
  justify-items:center!important;
  width:100%!important;
  min-width:0!important;
}
#view-poster-generate .poster-clone .poster-phone{
  width:min(100%,246px)!important;
  max-width:246px!important;
  margin:0!important;
}
#view-poster-generate .poster-clone .poster-bg-list{
  width:190px!important;
  max-width:190px!important;
  align-self:stretch!important;
  max-height:calc(100vh - 244px)!important;
}
@media(max-width:1320px){
  #view-poster-generate .poster-clone .poster-layout{
    grid-template-columns:minmax(208px,224px) minmax(620px,1fr) minmax(190px,208px)!important;
  }
  #view-poster-generate .poster-clone .poster-stage{
    grid-template-columns:minmax(420px,1fr) 168px!important;
  }
  #view-poster-generate .poster-clone .poster-phone{
    width:min(100%,205px)!important;
    max-width:205px!important;
  }
  #view-poster-generate .poster-clone .poster-bg-list{
    width:168px!important;
    max-width:168px!important;
  }
}
@media(max-width:980px){
  #view-poster-generate .poster-clone .poster-layout,
  #view-poster-generate .poster-clone .poster-stage{
    grid-template-columns:1fr!important;
  }
  #view-poster-generate .poster-clone .poster-preview-pages{
    grid-template-columns:1fr!important;
  }
  #view-poster-generate .poster-clone .poster-phone{
    width:min(100%,320px)!important;
    max-width:320px!important;
    margin:0 auto!important;
  }
  #view-poster-generate .poster-clone .poster-bg-list{
    width:100%!important;
    max-width:none!important;
    max-height:260px!important;
  }
}

/* 图文生成最终微调：减少预览空隙，放大两列预览和右侧点击预览卡片。 */
#view-poster-generate .poster-clone .poster-layout{
  grid-template-columns:minmax(260px,300px) minmax(620px,1fr) minmax(280px,320px)!important;
  gap:12px!important;
}
#view-poster-generate .poster-clone .poster-preview{
  min-width:0!important;
}
#view-poster-generate .poster-clone .poster-stage{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 210px!important;
  gap:10px!important;
  align-items:start!important;
}
#view-poster-generate .poster-clone .poster-preview-pages{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px 10px!important;
  justify-items:center!important;
  align-items:start!important;
  width:100%!important;
}
#view-poster-generate .poster-clone .poster-phone{
  width:min(100%,250px)!important;
  max-width:250px!important;
  margin:0!important;
  padding:8px!important;
  aspect-ratio:9/16!important;
}
#view-poster-generate .poster-clone .poster-phone img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
#view-poster-generate .poster-clone .poster-bg-list{
  width:210px!important;
  max-width:210px!important;
  gap:8px!important;
  max-height:calc(100vh - 244px)!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb{
  grid-template-columns:54px minmax(0,1fr) 16px!important;
  min-height:60px!important;
  padding:6px!important;
  gap:7px!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb img{
  width:54px!important;
  height:54px!important;
  border-radius:8px!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb b{
  font-size:12px!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb em{
  font-size:11px!important;
}
@media(max-width:1320px){
  #view-poster-generate .poster-clone .poster-layout{
    grid-template-columns:minmax(240px,270px) minmax(520px,1fr) minmax(250px,280px)!important;
  }
  #view-poster-generate .poster-clone .poster-stage{
    grid-template-columns:minmax(0,1fr) 180px!important;
  }
  #view-poster-generate .poster-clone .poster-preview-pages{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #view-poster-generate .poster-clone .poster-phone{
    width:min(100%,210px)!important;
    max-width:210px!important;
  }
  #view-poster-generate .poster-clone .poster-bg-list{
    width:180px!important;
    max-width:180px!important;
  }
}

#view-poster-generate .poster-clone .poster-slider{
  grid-template-columns:68px minmax(90px,1fr) 62px!important;
  gap:8px!important;
}
#view-poster-generate .poster-clone .poster-settings input,
#view-poster-generate .poster-clone .poster-settings select{
  min-height:38px!important;
}

/* 图文生成预览区最终比例：预览1 30% / 间隔3% / 预览2 30% / 间隔3% / 点击预览 30%。 */
#view-poster-generate .poster-clone .poster-stage{
  display:grid!important;
  grid-template-columns:minmax(0,30fr) minmax(0,30fr) minmax(0,30fr)!important;
  column-gap:3%!important;
  row-gap:18px!important;
  align-items:start!important;
}
#view-poster-generate .poster-clone .poster-preview-pages{
  display:contents!important;
}
#view-poster-generate .poster-clone .poster-phone{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  justify-self:stretch!important;
  margin:0!important;
}
#view-poster-generate .poster-clone .poster-bg-list{
  grid-column:3!important;
  grid-row:1 / span 99!important;
  width:100%!important;
  max-width:none!important;
  align-self:start!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb{
  width:100%!important;
  grid-template-columns:64px minmax(0,1fr) 16px!important;
  min-height:70px!important;
  padding:7px!important;
  gap:8px!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb img{
  width:64px!important;
  height:64px!important;
}
@media(max-width:1320px){
  #view-poster-generate .poster-clone .poster-stage{
    grid-template-columns:minmax(0,30fr) minmax(0,30fr) minmax(0,30fr)!important;
    column-gap:2.5%!important;
  }
  #view-poster-generate .poster-clone .poster-phone{
    width:100%!important;
    max-width:none!important;
  }
  #view-poster-generate .poster-clone .poster-bg-list{
    width:100%!important;
    max-width:none!important;
  }
  #view-poster-generate .poster-clone .poster-bg-thumb{
    grid-template-columns:54px minmax(0,1fr) 16px!important;
    min-height:62px!important;
  }
  #view-poster-generate .poster-clone .poster-bg-thumb img{
    width:54px!important;
    height:54px!important;
  }
}
@media(max-width:980px){
  #view-poster-generate .poster-clone .poster-stage{
    display:block!important;
  }
  #view-poster-generate .poster-clone .poster-preview-pages{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  #view-poster-generate .poster-clone .poster-bg-list{
    width:100%!important;
    max-width:none!important;
    margin-top:12px!important;
  }
}

/* 图文生成预览区：单张预览占左侧双列宽度，预览页纵向排列，右侧背景缩略卡片压低。 */
#view-poster-generate .poster-clone .poster-stage{
  display:grid!important;
  grid-template-columns:minmax(0,63fr) minmax(0,30fr)!important;
  column-gap:3%!important;
  row-gap:16px!important;
  align-items:start!important;
}
#view-poster-generate .poster-clone .poster-preview-pages{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  width:100%!important;
  max-height:calc(100vh - 230px)!important;
  overflow:auto!important;
  padding-right:6px!important;
}
#view-poster-generate .poster-clone .poster-phone{
  width:min(100%,560px)!important;
  max-width:560px!important;
  min-width:0!important;
  justify-self:center!important;
  margin:0!important;
}
#view-poster-generate .poster-clone .poster-bg-list{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  max-width:none!important;
  max-height:calc(100vh - 230px)!important;
  overflow:auto!important;
  align-self:start!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb{
  grid-template-columns:36px minmax(0,1fr) 14px!important;
  min-height:38px!important;
  padding:4px 6px!important;
  gap:6px!important;
  border-radius:8px!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb img{
  width:36px!important;
  height:36px!important;
  border-radius:6px!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb b{
  font-size:11px!important;
  line-height:1.15!important;
}
#view-poster-generate .poster-clone .poster-bg-thumb small{
  display:none!important;
}
@media(max-width:1320px){
  #view-poster-generate .poster-clone .poster-stage{
    grid-template-columns:minmax(0,63fr) minmax(0,30fr)!important;
    column-gap:2.5%!important;
  }
  #view-poster-generate .poster-clone .poster-phone{
    width:min(100%,500px)!important;
    max-width:500px!important;
  }
}
@media(max-width:980px){
  #view-poster-generate .poster-clone .poster-stage{
    display:block!important;
  }
  #view-poster-generate .poster-clone .poster-preview-pages{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
  #view-poster-generate .poster-clone .poster-phone{
    width:100%!important;
    max-width:none!important;
  }
}

/* 2026-06-17 scoped repair: only the fixed-copy textarea grows; restore black shell topbar. */
#view-poster-generate #posterCopyText{
  min-height:260px!important;
}

body.admin-authenticated .sidebar{
  overflow-y:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
body.admin-authenticated .sidebar::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

@media(min-width:861px){
  body.admin-authenticated .main{
    background:#05060a!important;
  }
  body.admin-authenticated .topbar{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    min-height:42px!important;
    margin:0 0 10px!important;
    padding:4px 2px 8px!important;
    background:#05060a!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.admin-authenticated .topbar>div:first-child{
    display:none!important;
  }
  body.admin-authenticated .status-tools{
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
  }
  body.admin-authenticated .topbar .top-tool-trigger,
  body.admin-authenticated .topbar .support-trigger,
  body.admin-authenticated .topbar .account-trigger,
  body.admin-authenticated .topbar .pill{
    width:auto!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    background:transparent!important;
    border:1px solid transparent!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.82)!important;
    font-size:13px!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
  }
  body.admin-authenticated .topbar .top-tool-trigger:hover,
  body.admin-authenticated .topbar .support-trigger:hover,
  body.admin-authenticated .topbar .account-trigger:hover,
  body.admin-authenticated .topbar .pill:hover{
    background:#fff!important;
    border-color:#fff!important;
    color:#101828!important;
  }
  body.admin-authenticated .topbar .support-icon{
    width:16px!important;
    height:16px!important;
    stroke:currentColor!important;
  }
  body.admin-authenticated .topbar .account-avatar,
  body.admin-authenticated .topbar .account-avatar img{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
  }
  body.admin-authenticated .topbar .account-caret{
    color:currentColor!important;
  }
  body.admin-authenticated .view.active{
    background:#fff!important;
    border:1px solid var(--app-line)!important;
    border-radius:22px!important;
    border-top:1px solid var(--app-line)!important;
    box-shadow:0 22px 70px rgba(0,0,0,.16)!important;
  }
}

/* 2026-06-17 topbar final polish: activity only belongs to card distribution, account is a white outlined capsule. */
body.admin-authenticated .topbar #activityPill{
  display:none!important;
}
body.admin-authenticated .topbar #activityPill[style*="inline-flex"]{
  display:inline-flex!important;
}
body.admin-authenticated .topbar .account-trigger{
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.04)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
  padding:0 12px 0 7px!important;
}
body.admin-authenticated .topbar .account-trigger:hover,
body.admin-authenticated .account-menu.mobile-open .account-trigger{
  background:rgba(255,255,255,.14)!important;
  border-color:#fff!important;
  color:#fff!important;
}

/* 2026-06-17 poster native polish: title loading, tighter preview, chunk-save feedback. */
#view-poster-generate .poster-btn-loading{
  opacity:.82!important;
  cursor:wait!important;
  pointer-events:none!important;
}
#view-poster-generate .poster-spin{
  width:14px!important;
  height:14px!important;
  border:2px solid currentColor!important;
  border-right-color:transparent!important;
  border-radius:50%!important;
  display:inline-block!important;
  margin-right:6px!important;
  vertical-align:-2px!important;
  animation:posterSpin .72s linear infinite!important;
}
@keyframes posterSpin{to{transform:rotate(360deg)}}

@media(min-width:981px){
  #view-poster-generate .poster-clone .poster-stage{
    grid-template-columns:minmax(440px,1fr) minmax(220px,28%)!important;
    gap:14px!important;
    align-items:start!important;
  }
  #view-poster-generate .poster-clone .poster-preview-pages{
    justify-items:start!important;
    align-items:start!important;
    padding-left:0!important;
    padding-right:0!important;
    gap:14px!important;
  }
  #view-poster-generate .poster-clone .poster-phone{
    justify-self:start!important;
    margin-left:0!important;
  }
  #view-poster-generate .poster-clone .poster-bg-list{
    min-width:0!important;
  }
}

#view-poster-generate .poster-check{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
}

/* 2026-06-17 poster material exact-set layout: one article set owns multiple pages. */
#view-poster-generate .poster-check-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  align-items:stretch!important;
}
#view-poster-generate .poster-check-row .poster-check{
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
  padding:6px 10px!important;
}
#view-poster-generate .poster-check-row .poster-check input{
  width:auto!important;
  min-width:14px!important;
}
#view-poster-materials .poster-clone .poster-materials-grid{
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:10px!important;
}
#view-poster-materials .poster-clone .poster-material-tile{
  min-width:0!important;
  padding:8px!important;
  gap:6px!important;
  border-radius:10px!important;
  contain:content!important;
  content-visibility:auto!important;
  contain-intrinsic-size:180px 220px!important;
}
#view-poster-materials .poster-clone .poster-tile-images{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  aspect-ratio:1.12/1!important;
  min-height:0!important;
  height:auto!important;
  background:#f8fbfb!important;
}
#view-poster-materials .poster-clone .poster-tile-images img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#eef5f4!important;
  border-radius:8px!important;
}
#view-poster-materials .poster-clone .poster-tile-images img:only-child{
  grid-column:1 / -1!important;
}
#view-poster-materials .poster-clone .poster-material-tile strong{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  line-height:1.22!important;
  margin-top:2px!important;
}
#view-poster-materials .poster-clone .poster-material-tile span{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:11px!important;
}
@media(max-width:1500px){
  #view-poster-materials .poster-clone .poster-materials-grid{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
}
@media(max-width:980px){
  #view-poster-materials .poster-clone .poster-materials-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* 2026-06-17 图文生成叠放式预览：最多三张预览交互切换。 */
#view-poster-generate .poster-clone .poster-stage{
  display:grid!important;
  grid-template-columns:minmax(500px,1fr) minmax(220px,28%)!important;
  gap:16px!important;
  align-items:start!important;
}
#view-poster-generate .poster-clone .poster-preview-pages{
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-height:650px!important;
  max-height:calc(100vh - 230px)!important;
  overflow:visible!important;
  padding:18px 8px 28px 0!important;
}
#view-poster-generate .poster-clone .poster-preview-stack{
  position:relative!important;
  width:min(100%,860px)!important;
  min-height:620px!important;
  margin:0 auto 0 0!important;
  perspective:1400px!important;
}
#view-poster-generate .poster-clone .poster-stack-card{
  position:absolute!important;
  top:0!important;
  left:50%!important;
  width:min(50%,390px)!important;
  aspect-ratio:9/16!important;
  border:4px solid #111!important;
  border-radius:26px!important;
  padding:8px!important;
  background:linear-gradient(#fff,#ececec)!important;
  box-shadow:0 22px 42px rgba(15,23,42,.22)!important;
  overflow:hidden!important;
  appearance:none!important;
  cursor:pointer!important;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .34s ease,filter .34s ease!important;
  transform-origin:center bottom!important;
}
#view-poster-generate .poster-clone .poster-stack-card img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border-radius:18px!important;
  display:block!important;
  background:#fff!important;
}
#view-poster-generate .poster-clone .poster-stack-card span{
  position:absolute!important;
  top:8px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  z-index:5!important;
  min-width:34px!important;
  height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#0f766e!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:22px!important;
  font-weight:950!important;
  text-align:center!important;
}
#view-poster-generate .poster-clone .poster-stack-card.front{
  z-index:5!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:auto!important;
  transform:translateX(-50%) scale(1) rotate(0deg)!important;
}
#view-poster-generate .poster-clone .poster-stack-card.right{
  z-index:3!important;
  opacity:.74!important;
  filter:saturate(.8) brightness(.9)!important;
  transform:translateX(-4%) scale(.88) rotate(2deg)!important;
}
#view-poster-generate .poster-clone .poster-stack-card.left{
  z-index:2!important;
  opacity:.62!important;
  filter:saturate(.7) brightness(.86)!important;
  transform:translateX(-96%) scale(.86) rotate(-2deg)!important;
}
#view-poster-generate .poster-clone .poster-preview-stack.count-1{
  width:min(100%,430px)!important;
}
#view-poster-generate .poster-clone .poster-preview-stack.count-1 .poster-stack-card.front{
  width:min(100%,360px)!important;
}
#view-poster-generate .poster-clone .poster-preview-stack.count-2 .poster-stack-card.front{
  transform:translateX(-62%) scale(1) rotate(0deg)!important;
}
#view-poster-generate .poster-clone .poster-preview-stack.count-2 .poster-stack-card.right{
  transform:translateX(-6%) scale(.9) rotate(2deg)!important;
}
#view-poster-generate .poster-clone .poster-bg-list{
  width:100%!important;
  max-width:none!important;
  max-height:calc(100vh - 230px)!important;
  overflow:auto!important;
}
@media(max-width:1320px){
  #view-poster-generate .poster-clone .poster-preview-pages{min-height:560px!important}
  #view-poster-generate .poster-clone .poster-preview-stack{min-height:540px!important}
  #view-poster-generate .poster-clone .poster-stack-card{width:min(50%,330px)!important}
}
@media(max-width:980px){
  #view-poster-generate .poster-clone .poster-stage{display:block!important}
  #view-poster-generate .poster-clone .poster-preview-pages{
    min-height:460px!important;
    max-height:none!important;
    padding:14px 0 20px!important;
  }
  #view-poster-generate .poster-clone .poster-preview-stack{
    min-height:430px!important;
    width:100%!important;
  }
  #view-poster-generate .poster-clone .poster-stack-card{
    width:min(58%,260px)!important;
  }
  #view-poster-generate .poster-clone .poster-bg-list{
    margin-top:10px!important;
    max-height:230px!important;
  }
}

/* 2026-06-17 图文生成预览区二次微调：预览更大，背景图列表缩窄。 */
@media(min-width:981px){
  #view-poster-generate .poster-clone .poster-stage{
    grid-template-columns:minmax(640px,1fr) minmax(150px,18%)!important;
    gap:10px!important;
  }
  #view-poster-generate .poster-clone .poster-preview-pages{
    min-height:700px!important;
    padding:16px 4px 28px 0!important;
  }
  #view-poster-generate .poster-clone .poster-preview-stack{
    width:min(100%,960px)!important;
    min-height:680px!important;
    margin-left:0!important;
  }
  #view-poster-generate .poster-clone .poster-stack-card{
    width:min(52%,430px)!important;
  }
  #view-poster-generate .poster-clone .poster-stack-card.right{
    transform:translateX(-2%) scale(.88) rotate(2deg)!important;
  }
  #view-poster-generate .poster-clone .poster-stack-card.left{
    transform:translateX(-98%) scale(.86) rotate(-2deg)!important;
  }
  #view-poster-generate .poster-clone .poster-bg-list{
    max-width:220px!important;
    min-width:0!important;
    justify-self:stretch!important;
  }
  #view-poster-generate .poster-clone .poster-bg-thumb{
    min-height:42px!important;
    padding:5px 7px!important;
    gap:7px!important;
  }
  #view-poster-generate .poster-clone .poster-bg-thumb img{
    width:32px!important;
    height:32px!important;
  }
#view-poster-generate .poster-clone .poster-bg-thumb b,
  #view-poster-generate .poster-clone .poster-bg-thumb em{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* 2026-06-19 图文分发：素材/分发卡片排版、两行文案和提交记录展示 */
#view-poster-materials .poster-clone .poster-material-tile strong,
#view-poster-distribution .poster-clone .poster-material-tile strong,
#view-poster-distribution .poster-clone .poster-campaign-material-card strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  min-height:28px!important;
}
#view-poster-distribution .poster-campaign-row-v2{
  display:block!important;
  padding:14px!important;
  border:1px solid #e5edf0!important;
  border-radius:12px!important;
  background:#fff!important;
  margin-bottom:12px!important;
}
#view-poster-distribution .poster-campaign-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:start!important;
}
#view-poster-distribution .poster-campaign-title-line{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
#view-poster-distribution .poster-campaign-title-line b{
  font-size:15px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-poster-distribution .poster-campaign-title-line em{
  font-size:13px!important;
  font-style:normal!important;
  color:#64748b!important;
  white-space:nowrap!important;
}
#view-poster-distribution .poster-campaign-link{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  margin-top:9px!important;
}
#view-poster-distribution .poster-campaign-link input{
  height:34px!important;
  font-size:12px!important;
}
#view-poster-distribution .poster-campaign-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
#view-poster-distribution .poster-campaign-meta-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(80px,1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
}
#view-poster-distribution .poster-campaign-meta-grid span{
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  padding:8px 10px!important;
  color:#475569!important;
}
#view-poster-distribution .poster-campaign-meta-grid small{
  display:block!important;
  margin-bottom:3px!important;
  font-size:12px!important;
  color:#64748b!important;
}
#view-poster-distribution .poster-campaign-meta-grid b{
  font-size:16px!important;
  color:#0f172a!important;
}
#view-poster-distribution .poster-campaign-material-grid-v2{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
}
#view-poster-distribution .poster-campaign-material-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
  padding:8px!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:#fff!important;
}
#view-poster-distribution .poster-campaign-material-card.active{
  border-color:#0f766e!important;
  box-shadow:0 0 0 2px rgba(15,118,110,.12)!important;
}
#view-poster-distribution .poster-campaign-material-card .poster-card-check{
  position:absolute!important;
  top:7px!important;
  left:7px!important;
  z-index:3!important;
}
#view-poster-distribution .poster-campaign-images{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  overflow:hidden!important;
  aspect-ratio:1.12/1!important;
  border-radius:8px!important;
  background:#f1f5f5!important;
}
#view-poster-distribution .poster-campaign-images img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#eef5f4!important;
}
#view-poster-distribution .poster-status-badge{
  align-self:flex-start!important;
  border-radius:999px!important;
  padding:3px 7px!important;
  font-size:11px!important;
  background:#ecfdf5!important;
  color:#047857!important;
}
#view-poster-distribution .poster-status-badge.s-rejected{
  background:#fef2f2!important;
  color:#dc2626!important;
}
#view-poster-distribution .poster-status-badge.s-submitted,
#view-poster-distribution .poster-status-badge.s-pending{
  background:#fff7ed!important;
  color:#c2410c!important;
}
#view-poster-distribution .poster-sub-row-v2{
  display:grid!important;
  grid-template-columns:minmax(90px,1fr) 110px minmax(160px,2fr) 150px 170px!important;
  gap:12px!important;
  align-items:center!important;
  padding:12px!important;
  border:1px solid #e2e8f0!important;
  border-radius:12px!important;
  background:#fff!important;
  margin-bottom:10px!important;
}
#view-poster-distribution .poster-sub-user{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
#view-poster-distribution .poster-sub-user b{
  font-size:14px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-poster-distribution .poster-sub-user span{
  font-size:12px!important;
  color:#64748b!important;
}
#view-poster-distribution .poster-sub-row-v2 time{
  font-size:13px!important;
  color:#475569!important;
}
#view-poster-distribution .poster-sub-row-v2 p{
  margin:0!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-poster-distribution .poster-sub-images{
  display:flex!important;
  gap:6px!important;
  justify-content:center!important;
}
#view-poster-distribution .poster-sub-images img{
  width:48px!important;
  height:66px!important;
  object-fit:cover!important;
  border:1px solid #e2e8f0!important;
  border-radius:6px!important;
  background:#f8fafc!important;
}
#view-poster-distribution .poster-sub-actions{
  display:flex!important;
  gap:6px!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
@media(max-width:1200px){
  #view-poster-distribution .poster-campaign-material-grid-v2{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  #view-poster-distribution .poster-campaign-meta-grid{grid-template-columns:repeat(3,minmax(90px,1fr))!important}
  #view-poster-distribution .poster-sub-row-v2{grid-template-columns:1fr 100px 1.4fr 120px 150px!important}
}
@media(max-width:680px){
  #view-poster-distribution .poster-campaign-head{grid-template-columns:1fr!important}
  #view-poster-distribution .poster-campaign-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #view-poster-distribution .poster-campaign-material-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #view-poster-distribution .poster-sub-row-v2{grid-template-columns:1fr!important;align-items:start!important}
  #view-poster-distribution .poster-sub-actions{justify-content:flex-start!important}
}

/* 图文分发：原生一行分发记录 + 素材管理同款展开卡片 */
#view-poster-distribution .poster-campaign-row-v3{
  display:block!important;
  padding:10px 12px!important;
  border:1px solid #e5edf0!important;
  border-radius:12px!important;
  background:#fff!important;
  margin-bottom:10px!important;
  overflow-x:auto!important;
}
#view-poster-distribution .poster-campaign-line{
  display:grid!important;
  grid-template-columns:minmax(108px,1.05fr) minmax(142px,1.05fr) minmax(132px,.95fr) repeat(6,minmax(66px,.58fr)) minmax(130px,1fr) 52px 68px 52px 52px!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
}
#view-poster-distribution .poster-campaign-line>*{min-width:0!important}
#view-poster-distribution .poster-campaign-name{
  font-size:14px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-poster-distribution .poster-campaign-line span{
  font-size:13px!important;
  color:#334155!important;
  white-space:nowrap!important;
}
#view-poster-distribution .poster-campaign-url-input{
  width:100%!important;
  max-width:none!important;
  height:32px!important;
  font-size:12px!important;
  border-radius:8px!important;
  padding-left:8px!important;
  padding-right:8px!important;
}
#view-poster-distribution .poster-campaign-line button,
#view-poster-distribution .poster-sub-actions button{
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
  min-width:0!important;
  height:32px!important;
  padding:0 8px!important;
  line-height:30px!important;
}
#view-poster-distribution .poster-campaign-line button.danger{
  color:#b91c1c!important;
  border-color:#fecaca!important;
  background:#fff!important;
}
#view-poster-distribution .poster-campaign-expanded{
  margin-top:10px!important;
  padding:10px 8px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  border-radius:12px!important;
}
#view-poster-distribution .poster-campaign-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:8px!important;
}
#view-poster-distribution .poster-campaign-toolbar div{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
#view-poster-distribution .poster-campaign-toolbar span{
  font-size:12px!important;
  color:#64748b!important;
}
#view-poster-distribution .poster-campaign-material-grid-v3{
  display:grid!important;
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:8px!important;
}
#view-poster-distribution .poster-campaign-material-grid-v3 .poster-material-tile{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
  padding:8px!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:#fff!important;
}
#view-poster-distribution .poster-campaign-material-grid-v3 .poster-card-check{
  position:absolute!important;
  top:6px!important;
  left:6px!important;
  right:auto!important;
  transform:none!important;
  z-index:5!important;
}
#view-poster-distribution .poster-campaign-material-grid-v3 .poster-tile-images{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  aspect-ratio:1.12/1!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:#f1f5f5!important;
}
#view-poster-distribution .poster-campaign-material-grid-v3 .poster-tile-images img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#eef5f4!important;
}
#view-poster-distribution .poster-campaign-material-grid-v3 .poster-material-tile strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  font-size:11px!important;
  line-height:1.35!important;
  min-height:28px!important;
}
#view-poster-distribution .poster-campaign-material-grid-v3 .poster-material-tile small{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-poster-distribution .poster-sub-row-v3{
  display:grid!important;
  grid-template-columns:minmax(132px,1fr) minmax(152px,.98fr) minmax(190px,1.18fr) minmax(118px,.78fr) minmax(154px,.86fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:10px 12px!important;
  border:1px solid #e2e8f0!important;
  border-radius:12px!important;
  background:#fff!important;
  margin-bottom:10px!important;
}
#view-poster-distribution .poster-sub-row-v3>*{
  min-width:0!important;
}
#view-poster-distribution .poster-sub-user{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
}
#view-poster-distribution .poster-sub-user b,
#view-poster-distribution .poster-sub-user span{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#view-poster-distribution .poster-sub-row-v3 time,
#view-poster-distribution .poster-sub-row-v3 p{
  margin:0!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-poster-distribution .poster-sub-images{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}
#view-poster-distribution .poster-sub-images img{
  width:48px!important;
  height:48px!important;
  object-fit:cover!important;
  border-radius:8px!important;
}
#view-poster-distribution .poster-sub-actions{
  display:flex!important;
  gap:10px!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
#view-poster-distribution .poster-sub-actions button{
  min-width:72px!important;
  padding:0 14px!important;
}
@media(max-width:1280px){
  #view-poster-distribution .poster-campaign-material-grid-v3{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  #view-poster-distribution .poster-campaign-line{min-width:1220px!important}
  #view-poster-distribution .poster-sub-row-v3{grid-template-columns:1fr 150px 1.2fr 120px 150px!important;gap:12px!important}
}
@media(max-width:680px){
  #view-poster-distribution .poster-campaign-row-v3{overflow-x:auto!important}
  #view-poster-distribution .poster-campaign-material-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #view-poster-distribution .poster-sub-row-v3{grid-template-columns:1fr!important}
  #view-poster-distribution .poster-sub-actions{justify-content:flex-start!important}
}
.nav-group{
  display:grid;
  gap:6px;
}
.nav-group-trigger{
  width:100%;
  justify-content:space-between;
}
.nav-group-trigger .nav-chevron{
  margin-left:auto;
  font-size:14px;
  line-height:1;
  opacity:.78;
  transition:transform .18s ease;
}
.nav-group.collapsed .nav-chevron{
  transform:rotate(-90deg);
}
.nav-sub{
  display:grid;
  gap:6px;
  margin:4px 0 6px 10px;
  padding:10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(255,255,255,.055);
}
.nav-group.collapsed .nav-sub{
  display:none;
}
.nav-sub button{
  min-height:40px;
  padding:10px 12px!important;
  border-radius:12px!important;
  font-size:13px;
}
.nav-sub .nav-icon{
  width:16px;
  height:16px;
}
.poster-dist-topbar{
  grid-template-columns:minmax(220px,1fr) minmax(420px,640px)!important;
  align-items:center!important;
}
.poster-dist-create-inline{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 118px;
  gap:10px;
  align-items:center;
}
.poster-dist-create-inline input{
  width:100%;
  height:40px;
  border:1px solid #d7e3ef;
  border-radius:10px;
  padding:0 12px;
  background:#fff;
  color:#0f172a;
  font-weight:700;
}
.poster-template-card{
  position:relative;
}
.poster-template-delete{
  position:absolute!important;
  top:5px!important;
  right:5px!important;
  display:none!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  padding:0!important;
  border-radius:999px!important;
  line-height:1!important;
}
.poster-template-card:hover .poster-template-delete{
  display:grid!important;
}
.poster-swatches{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
@media(max-width:760px){
  .poster-dist-topbar{
    grid-template-columns:1fr!important;
  }
  .poster-dist-create-inline{
    grid-template-columns:1fr 96px;
  }
  .nav-sub{
    margin-left:0;
    padding:8px;
  }
  .nav-sub button{
    font-size:12px;
  }
}

/* 2026-06-20 图文分发最终修正：提交记录不遮挡、链接可读、操作按钮不压图。 */
#view-poster-distribution .poster-sub-row-v3{
  grid-template-columns:minmax(120px,.85fr) minmax(182px,1fr) minmax(330px,1.5fr) minmax(136px,.78fr) minmax(148px,.68fr)!important;
  column-gap:18px!important;
  row-gap:10px!important;
  align-items:center!important;
  min-height:78px!important;
  padding:12px 14px!important;
}
#view-poster-distribution .poster-sub-row-v3>*{
  min-width:0!important;
}
#view-poster-distribution .poster-sub-row-v3 time{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.35!important;
  color:#334155!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-poster-distribution .poster-sub-row-v3 p{
  display:none!important;
}
#view-poster-distribution .poster-sub-link{
  min-width:0!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.35!important;
  color:#334155!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-poster-distribution .poster-sub-link a,
#view-poster-distribution .poster-sub-link span{
  display:inline!important;
  min-width:0!important;
  color:#1677ff!important;
  text-decoration:none!important;
}
#view-poster-distribution .poster-sub-link a:hover{
  text-decoration:underline!important;
}
#view-poster-distribution .poster-sub-images{
  justify-content:flex-start!important;
  gap:8px!important;
}
#view-poster-distribution .poster-sub-images img{
  width:56px!important;
  height:56px!important;
  flex:0 0 56px!important;
  object-fit:cover!important;
}
#view-poster-distribution .poster-sub-actions{
  justify-content:flex-end!important;
  gap:8px!important;
}
#view-poster-distribution .poster-sub-actions button{
  width:58px!important;
  min-width:58px!important;
  height:32px!important;
  padding:0!important;
  border-radius:10px!important;
  white-space:nowrap!important;
}
#view-poster-distribution .poster-status-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:72px!important;
  height:30px!important;
  white-space:nowrap!important;
}
#view-poster-generate .poster-template-save-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  gap:8px!important;
  align-items:center!important;
}
#view-poster-generate .poster-template-save-row input{
  width:100%!important;
  min-width:0!important;
}
#view-poster-generate .poster-template-save-row .primary{
  width:100%!important;
  height:40px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}
#view-poster-generate .poster-stack-card img,
#view-poster-generate .poster-preview-card img,
#view-poster-generate .poster-preview-page img{
  display:block!important;
}
#view-poster-generate .poster-preview-pages,
#view-poster-generate .poster-preview-stack,
#view-poster-generate .poster-stack-card{
  overflow:visible!important;
}
@media(max-width:1280px){
  #view-poster-distribution .poster-sub-row-v3{
    grid-template-columns:minmax(112px,.85fr) minmax(168px,1fr) minmax(280px,1.4fr) minmax(126px,.72fr) minmax(136px,.66fr)!important;
    column-gap:14px!important;
  }
  #view-poster-distribution .poster-sub-images img{
    width:50px!important;
    height:50px!important;
    flex-basis:50px!important;
  }
}
@media(max-width:760px){
  #view-poster-distribution .poster-sub-row-v3{
    grid-template-columns:1fr!important;
  }
  #view-poster-distribution .poster-sub-images,
  #view-poster-distribution .poster-sub-actions{
    justify-content:flex-start!important;
  }
}

/* 2026-06-20 图文分发提交记录强制最终版：五列均分，链接可点，图片和按钮不重叠。 */
#view-poster-distribution .poster-sub-row.poster-sub-row-v3{
  display:grid!important;
  grid-template-columns:minmax(88px, .7fr) minmax(154px, 1fr) minmax(190px, 1.15fr) minmax(132px, .82fr) minmax(128px, .78fr)!important;
  column-gap:10px!important;
  row-gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-height:74px!important;
  box-sizing:border-box!important;
  padding:11px 12px!important;
  overflow:hidden!important;
}
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-user,
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 time,
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-link,
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-images,
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-actions{
  min-width:0!important;
  margin:0!important;
}
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-user b,
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 time{
  display:block!important;
  width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.35!important;
}
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-user b{
  text-align:left!important;
}
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 time{
  font-size:13px!important;
  color:#334155!important;
  text-align:center!important;
}
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-link{
  display:block!important;
  width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#334155!important;
  font-size:13px!important;
  line-height:1.35!important;
  text-align:center!important;
}
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-link a,
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-link span{
  display:inline!important;
  max-width:100%!important;
  color:#1677ff!important;
  text-decoration:none!important;
  vertical-align:middle!important;
}
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-link a:hover{
  text-decoration:underline!important;
}
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-images{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  overflow:visible!important;
}
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-images img{
  width:56px!important;
  height:56px!important;
  flex:0 0 56px!important;
  margin:0!important;
  border-radius:8px!important;
  object-fit:cover!important;
}
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  overflow:visible!important;
}
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-actions button{
  width:58px!important;
  min-width:58px!important;
  height:32px!important;
  padding:0!important;
  border-radius:10px!important;
  white-space:nowrap!important;
  line-height:32px!important;
}
#view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-status-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:72px!important;
  height:30px!important;
  padding:0 10px!important;
  white-space:nowrap!important;
}
@media(max-width:1100px){
  #view-poster-distribution .poster-sub-row.poster-sub-row-v3{
    grid-template-columns:minmax(82px, .7fr) 136px minmax(168px, 1.05fr) 112px 116px!important;
    gap:8px!important;
  }
  #view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-images img{
    width:50px!important;
    height:50px!important;
    flex-basis:50px!important;
  }
  #view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-actions button{
    width:54px!important;
    min-width:54px!important;
  }
}
@media(max-width:760px){
  #view-poster-distribution .poster-sub-row.poster-sub-row-v3{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  #view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-images,
  #view-poster-distribution .poster-sub-row.poster-sub-row-v3 .poster-sub-actions{
    justify-content:flex-start!important;
  }
}

/* 瓶盖分发：类目和多类型活动排序 */
body.admin-authenticated #view-bottle .bottle-lib-action-head,
body.admin-authenticated #view-bottle .bottle-lib-actions{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
}
body.admin-authenticated #view-bottle .bottle-lib-actions .btn{
  min-width:0!important;
  padding-left:6px!important;
  padding-right:6px!important;
  white-space:nowrap!important;
}
body.admin-authenticated #view-bottle .bottle-sort-btn:disabled,
body.admin-authenticated #view-bottle .bottle-type-sort button:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
}
body.admin-authenticated #view-bottle .bottle-type-head,
body.admin-authenticated #view-bottle .bottle-type-row{
  grid-template-columns:24px minmax(120px,1fr) 90px 96px 96px 72px!important;
}
body.admin-authenticated #view-bottle .bottle-type-sort{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:4px!important;
}
body.admin-authenticated #view-bottle .bottle-type-sort button{
  width:30px!important;
  height:30px!important;
  border:1px solid #d9e5f2!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#132238!important;
  font-weight:900!important;
  cursor:pointer!important;
}
@media(max-width:760px){
  body.admin-authenticated #view-bottle .bottle-lib-action-head,
  body.admin-authenticated #view-bottle .bottle-lib-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.admin-authenticated #view-bottle .bottle-type-head{
    display:none!important;
  }
  body.admin-authenticated #view-bottle .bottle-type-row{
    grid-template-columns:20px minmax(96px,1fr) 64px 72px 72px 68px!important;
    min-width:390px!important;
  }
}

/* 瓶盖分发：类目库行距与名称区排序箭头 */
body.admin-authenticated #view-bottle .bottle-lib-row.head,
body.admin-authenticated #view-bottle .bottle-lib-row:not(.head){
  grid-template-columns:minmax(220px,1.15fr) repeat(3,minmax(88px,.58fr)) minmax(330px,1.18fr)!important;
  gap:14px!important;
}
body.admin-authenticated #view-bottle .bottle-lib-name{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  text-align:left!important;
}
body.admin-authenticated #view-bottle .bottle-lib-title{
  min-width:0!important;
}
body.admin-authenticated #view-bottle .bottle-lib-sort{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
}
body.admin-authenticated #view-bottle .bottle-sort-arrow{
  width:24px!important;
  height:20px!important;
  border:1px solid #d9e5f2!important;
  border-radius:8px!important;
  background:#f8fbff!important;
  color:#18304f!important;
  font-size:12px!important;
  line-height:18px!important;
  font-weight:950!important;
  cursor:pointer!important;
  padding:0!important;
}
body.admin-authenticated #view-bottle .bottle-sort-arrow:disabled{
  opacity:.36!important;
  cursor:not-allowed!important;
}
body.admin-authenticated #view-bottle .bottle-lib-action-head,
body.admin-authenticated #view-bottle .bottle-lib-actions{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
body.admin-authenticated #view-bottle .bottle-lib-actions .btn{
  width:100%!important;
  min-width:0!important;
}
@media(max-width:1180px){
  body.admin-authenticated #view-bottle .bottle-lib-row.head,
  body.admin-authenticated #view-bottle .bottle-lib-row:not(.head){
    grid-template-columns:minmax(190px,1fr) repeat(3,minmax(72px,.48fr)) minmax(270px,1fr)!important;
    gap:10px!important;
  }
}
@media(max-width:760px){
  body.admin-authenticated #view-bottle .bottle-lib-row:not(.head){
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body.admin-authenticated #view-bottle .bottle-lib-name{
    grid-template-columns:34px minmax(0,1fr)!important;
  }
  body.admin-authenticated #view-bottle .bottle-lib-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* 瓶盖分发：编辑链接库内链接上移/下移 */
body.admin-authenticated #view-bottle .bottle-qr.edit{
  padding-top:28px!important;
}
body.admin-authenticated #view-bottle .bottle-link-sort{
  position:absolute!important;
  left:6px!important;
  top:4px!important;
  z-index:3!important;
  display:flex!important;
  gap:2px!important;
}
body.admin-authenticated #view-bottle .bottle-link-sort button{
  width:14px!important;
  height:18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#18304f!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:18px!important;
  padding:0!important;
  cursor:pointer!important;
}
body.admin-authenticated #view-bottle .bottle-link-sort button:disabled{
  opacity:.36!important;
  cursor:not-allowed!important;
}
body.admin-authenticated #view-bottle .bottle-qr.edit input{
  left:40px!important;
  right:auto!important;
  top:6px!important;
}
body.admin-authenticated #view-bottle .bottle-qr.edit img{
  margin-top:0!important;
}