@font-face{font-family:YekanBakh;src:url('/static/fonts/YekanBakhFaNum-Regular.woff2') format('woff2');font-weight:400}
@font-face{font-family:YekanBakh;src:url('/static/fonts/YekanBakhFaNum-SemiBold.woff2') format('woff2');font-weight:600}
@font-face{font-family:YekanBakh;src:url('/static/fonts/YekanBakhFaNum-Bold.woff2') format('woff2');font-weight:700}
:root{--primary:#1759df;--primary-dark:#103fa8;--ink:#17233d;--muted:#77829a;--line:#e8ecf4;--surface:#fff;--bg:#f5f7fb;--radius:20px;--shadow:0 12px 35px rgba(35,55,95,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:YekanBakh,Tahoma,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
.club-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.main-nav svg,.mobile-nav svg,.notification-link>svg,.company-icon svg{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.main-nav i,.mobile-nav i,.company-icon,.notification-link{font-family:"Segoe UI Symbol","Arial Unicode MS",Arial,sans-serif}
.club-shell{display:flex;min-height:100vh}.club-sidebar{position:fixed;inset:0 0 0 auto;width:258px;background:#fff;border-left:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 25px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#2474f2,#123ea8);color:#fff;font:800 23px Arial;box-shadow:0 9px 20px #1759df38}.brand span:last-child{display:flex;flex-direction:column}.brand strong{font-size:16px}.brand small{color:var(--muted);margin-top:2px}.main-nav{display:grid;gap:5px}.main-nav a{height:48px;padding:0 15px;display:flex;align-items:center;gap:13px;color:#68738a;border-radius:13px;font-weight:500}.main-nav a:hover{background:#f4f7ff;color:var(--primary)}.main-nav a.active{background:#edf3ff;color:var(--primary);font-weight:700}.main-nav i{font-style:normal;font-size:21px;width:23px;text-align:center}.nav-badge{margin-right:auto;background:#ef4444;color:#fff;border-radius:20px;min-width:21px;height:21px;display:grid;place-items:center;font-size:11px}.sidebar-help{margin-top:auto;background:linear-gradient(145deg,#eef4ff,#f7f9ff);border:1px solid #dbe7ff;padding:17px;border-radius:17px;display:flex;flex-direction:column;gap:4px}.sidebar-help span,.sidebar-help small{color:var(--muted);font-size:11px}.sidebar-help strong{color:var(--primary);font-size:16px}.logout-link{margin-top:12px;padding:12px;text-align:center;color:#e14d58}.club-main{min-width:0;width:calc(100% - 258px);margin-right:258px}.club-topbar{height:78px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:20px}.account-switcher{display:flex;align-items:center;gap:10px;background:#f7f9fc;border:1px solid var(--line);border-radius:14px;padding:8px 12px;min-width:250px}.company-icon{width:34px;height:34px;background:#e8f0ff;color:var(--primary);display:grid;place-items:center;border-radius:10px;font-size:19px}.account-switcher label{display:flex;flex-direction:column;flex:1}.account-switcher small{font-size:10px;color:var(--muted)}.account-switcher select{border:0;background:transparent;color:var(--ink);font-weight:700;outline:0;width:100%;padding:0}.top-user{margin-right:auto;display:flex;align-items:center;gap:10px}.top-user>span{display:flex;flex-direction:column}.top-user strong{font-size:13px}.top-user small{font-size:10px;color:var(--muted)}.avatar{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#ffd9a1,#f3a84a);display:grid;place-items:center;color:#713c00;font-weight:800}.notification-link{position:relative;width:39px;height:39px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;font-size:20px;margin-left:5px}.notification-link b{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:9px;border:2px solid white;border-radius:20px;min-width:18px;height:18px;display:grid;place-items:center}.mobile-brand,.mobile-nav{display:none}.club-content{padding:30px;max-width:1540px;margin:auto}.toast-stack{position:fixed;top:90px;left:25px;z-index:60;display:grid;gap:8px}.toast{background:#17233d;color:white;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow)}.toast.success{background:#0f9f75}.toast.error{background:#d94a58}
.welcome-card{min-height:230px;background:linear-gradient(115deg,#144bbd,#2276ed);border-radius:26px;color:#fff;padding:36px 42px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 20px 45px #185bdb2b}.welcome-card:after{content:"";position:absolute;width:380px;height:380px;border:60px solid #ffffff0b;border-radius:50%;left:-80px;top:-140px}.eyebrow{display:block;color:var(--primary);font-size:12px;font-weight:700;margin-bottom:7px}.welcome-card .eyebrow{color:#cce0ff}.welcome-card h1{font-size:28px;margin:5px 0 8px}.welcome-card p{opacity:.82;margin:0 0 24px}.welcome-actions{display:flex;gap:10px}.btn{border:0;border-radius:12px;padding:11px 19px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 7px 18px #1759df35}.btn.light{background:#fff;color:var(--primary)}.btn.ghost-light{border:1px solid #ffffff55;color:#fff}.btn.secondary{background:#f0f3f8;color:#46536c}.btn.wide{width:100%}.welcome-visual{z-index:2;margin-left:8%;width:190px;height:150px;border:1px solid #ffffff30;border-radius:28px;background:#ffffff13;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;gap:14px;transform:rotate(-3deg)}.welcome-visual span{font-size:38px;color:#ffd275}.welcome-visual b{line-height:1.8}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat-card{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;box-shadow:0 5px 20px rgba(30,50,90,.035)}.stat-card>i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:23px}.stat-card span{display:flex;flex-direction:column}.stat-card small{color:var(--muted)}.stat-card strong{font-size:24px}.stat-card>b{grid-column:1/3;font-size:11px}.stat-card.blue i{background:#eaf1ff;color:#2366df}.stat-card.blue>b{color:#2366df}.stat-card.purple i{background:#f2eaff;color:#8147cc}.stat-card.purple>b{color:#8147cc}.stat-card.green i{background:#e5f8f1;color:#15956e}.stat-card.green>b{color:#15956e}.stat-card.amber i{background:#fff3df;color:#dc8a10}.stat-card.amber>b{color:#dc8a10}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 22px rgba(26,44,79,.035)}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h2{font-size:16px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.panel-head>a{color:var(--primary);font-size:12px;font-weight:700}.ticket-row{display:flex;align-items:center;padding:15px 21px;gap:12px;border-bottom:1px solid #f0f2f7}.ticket-row:last-child{border:0}.ticket-row:hover{background:#fafcff}.ticket-icon{width:40px;height:40px;background:#edf3ff;color:var(--primary);border-radius:12px;display:grid;place-items:center;font-weight:700}.ticket-main{display:flex;flex-direction:column;min-width:0;flex:1}.ticket-main strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-main small{color:var(--muted);font-size:10px;margin-top:4px}.status{display:inline-flex;width:max-content;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700}.status.blue{background:#e8f0ff;color:#2763cf}.status.amber{background:#fff2d9;color:#b76a00}.status.purple{background:#f0e7ff;color:#7b41bd}.status.cyan{background:#dff7fb;color:#087e90}.status.green{background:#dff6ed;color:#0b8863}.status.gray{background:#edf0f4;color:#647087}.announcement-row{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid #f0f2f7}.announcement-row:last-child{border:0}.announcement-row>i,.announcement-icon{width:40px;height:40px;background:#fff3df;color:#c77909;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:20px;flex:none}.announcement-row>span{display:flex;flex-direction:column;min-width:0}.announcement-row small{color:var(--muted);font-size:10px;margin:4px 0}.announcement-row em{color:#a4abba;font-size:9px;font-style:normal}.announcement-row.unread strong:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ef4444;margin-right:7px}.empty{text-align:center;padding:60px 20px}.empty.compact{padding:35px 20px}.empty>i{display:grid;place-items:center;margin:0 auto 10px;width:50px;height:50px;background:#eef3fc;border-radius:16px;color:var(--primary);font-size:24px;font-style:normal}.empty strong{display:block}.empty p{color:var(--muted);font-size:12px}.empty .btn{margin-top:8px}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-head h1{font-size:25px;margin:0 0 6px}.page-head p{color:var(--muted);margin:0}.back-link{display:block;color:var(--primary);font-size:12px;margin-bottom:10px;font-weight:700}.filter-bar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;gap:10px;margin-bottom:16px}.search-box{flex:1;border:1px solid var(--line);border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:8px;color:var(--muted)}.search-box input{border:0;outline:0;padding:10px 0;width:100%;background:transparent}.filter-bar select{min-width:180px;border:1px solid var(--line);border-radius:11px;padding:0 10px;background:#fff}.table-panel{overflow:hidden}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:right;background:#f9fafc;color:#78839a;font-size:11px;padding:13px 18px}td{padding:15px 18px;border-top:1px solid #eff2f7;white-space:nowrap}.ticket-title{display:flex;align-items:center;gap:11px}.ticket-title>i{width:38px;height:38px;border-radius:11px;background:#edf3ff;color:var(--primary);display:grid;place-items:center;font-style:normal}.ticket-title span{display:flex;flex-direction:column}.ticket-title small,.subline{color:var(--muted);font-size:10px;display:block}.row-arrow{font-size:24px;color:#9ba4b5}.muted{color:var(--muted)}
.form-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.7fr);gap:20px;align-items:start}.form-panel{padding:25px}.club-form{display:grid;gap:19px}.club-form label{display:grid;gap:7px;font-weight:600}.club-form input,.club-form select,.club-form textarea,.rating-card textarea{width:100%;border:1px solid #dfe4ed;border-radius:12px;padding:12px 13px;background:#fff;outline:0;transition:.2s}.club-form input:focus,.club-form select:focus,.club-form textarea:focus{border-color:#7da7f2;box-shadow:0 0 0 4px #2871e710}.club-form label>small{color:var(--muted);font-weight:400;font-size:10px}.field-error{color:#dc3545!important}.form-alert{background:#fff0f1;color:#b92f3c;border:1px solid #ffd3d7;border-radius:11px;padding:11px}.upload-box{border:1.5px dashed #b8cae8!important;border-radius:16px;padding:25px!important;text-align:center;background:#f9fbff;place-items:center;cursor:pointer}.upload-box i{font-style:normal;width:43px;height:43px;background:#e8f0ff;color:var(--primary);border-radius:13px;display:grid;place-items:center;font-size:22px}.upload-box input{border:0!important;padding:7px!important;width:auto!important}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:18px}.tip-card{background:linear-gradient(145deg,#183e86,#2467d2);color:#fff;border-radius:20px;padding:25px;box-shadow:var(--shadow)}.tip-card>i{font-size:27px;color:#ffda77}.tip-card h3{font-size:17px}.tip-card ul{padding-right:20px;line-height:2.2;color:#e4edff}.tip-card p{font-size:11px;line-height:1.9;border-top:1px solid #ffffff28;padding-top:14px;color:#c8d9fa}
.title-line{display:flex;align-items:center;gap:12px}.ticket-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.75fr);gap:20px}.conversation{overflow:hidden}.conversation-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.conversation-head h2{font-size:15px;margin:0}.conversation-head p{font-size:10px;color:var(--muted);margin:3px 0 0}.online-dot{color:#15956e;font-size:10px}.messages{padding:25px;background:linear-gradient(#fbfcfe,#fff);min-height:390px;display:flex;flex-direction:column;gap:22px}.message{display:flex;gap:10px;max-width:82%}.message.customer{align-self:flex-start;flex-direction:row}.message.expert{align-self:flex-end}.message-avatar{width:36px;height:36px;border-radius:12px;background:#e8f0ff;color:var(--primary);display:grid;place-items:center;font-weight:800;flex:none}.message.expert .message-avatar{background:#e6f7f1;color:#118968}.message-body{border:1px solid var(--line);border-radius:4px 17px 17px 17px;background:#fff;padding:13px 15px;min-width:170px}.message.customer .message-body{background:#edf4ff;border-color:#dbe8ff;border-radius:17px 4px 17px 17px}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.message-meta strong{font-size:11px}.message-meta time{font-size:9px;color:var(--muted)}.message-body p{line-height:1.9;margin:8px 0 0}.attachment{margin-top:10px;border:1px solid #dbe3f0;background:#fff;border-radius:11px;padding:9px;display:flex;align-items:center;gap:8px}.attachment>i{font-size:9px;font-style:normal;color:#fff;background:#e5505b;border-radius:7px;padding:7px 4px}.attachment>span{display:flex;flex-direction:column;min-width:0;flex:1}.attachment strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment small{color:var(--muted);font-size:9px}.reply-box{padding:17px;border-top:1px solid var(--line)}.reply-box textarea{width:100%;border:0;outline:0;resize:vertical;padding:8px}.reply-actions{border-top:1px solid var(--line);padding-top:10px;display:flex;align-items:center;gap:10px}.reply-actions small{color:var(--muted);font-size:9px}.reply-actions .btn{margin-right:auto}.attach-button{cursor:pointer;color:var(--primary);font-weight:700}.attach-button input{display:none}.closed-banner{margin:16px;padding:16px;background:#eff9f5;border:1px solid #d4f0e5;border-radius:15px;display:flex;align-items:center;gap:12px}.closed-banner>i,.success-icon{width:40px;height:40px;background:#1aa17a;color:#fff;border-radius:50%;display:grid;place-items:center;font-style:normal}.closed-banner strong{color:#087d5d}.closed-banner p{font-size:10px;color:var(--muted);margin:3px 0}.closed-banner .btn{margin-right:auto}.ticket-side{display:grid;gap:16px;align-content:start}.info-card,.resolution-card,.rating-card,.rating-done{padding:20px}.info-card h3,.resolution-card h3,.rating-card h3{font-size:14px;margin:0 0 15px}.info-card dl{margin:0}.info-card dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #f0f2f6}.info-card dt{color:var(--muted);font-size:11px}.info-card dd{margin:0;font-size:11px;font-weight:600}.resolution-card{text-align:center}.resolution-card .success-icon{margin:auto}.chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.chips span{background:#edf4ff;color:#3666ad;border-radius:20px;padding:5px 9px;font-size:9px}.resolution-card p{background:#f8f9fb;padding:10px;border-radius:10px;font-size:10px;color:var(--muted)}.rating-card>p{font-size:10px;color:var(--muted)}.rating-options{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:15px 0}.rating-options label{display:flex;flex-direction:column;align-items:center;cursor:pointer}.rating-options input{display:none}.rating-options span{font-size:24px;color:#ccd2dd}.rating-options input:checked+span{color:#f3ad24}.rating-options small{font-size:8px;color:var(--muted)}.rating-card textarea{margin-bottom:10px}.rating-done{text-align:center}.rating-done span{font-size:32px;color:#f3ad24}.rating-done strong{display:block}.rating-done p{color:var(--muted)}
.asset-section{margin-bottom:30px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}.section-title>div{display:flex;align-items:center;gap:11px}.section-title i{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-style:normal;font-size:20px}.section-title i.soft{background:#e8f0ff;color:var(--primary)}.section-title i.hard{background:#fff1dc;color:#d17c00}.section-title h2{margin:0;font-size:17px}.section-title p{margin:2px 0 0;color:var(--muted);font-size:10px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.asset-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:20px;box-shadow:0 5px 18px #25395c08}.asset-card-head{display:flex;align-items:center;justify-content:space-between}.product-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:24px}.product-icon.software{background:#e9f1ff;color:#2263d1}.product-icon.device{background:#fff0dc;color:#c97805}.asset-card h3{margin:15px 0 2px}.asset-card>p{color:var(--muted);font-size:11px;margin:0 0 14px}.asset-card dl{margin:0;border-top:1px solid var(--line)}.asset-card dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f2f3f7}.asset-card dt{color:var(--muted);font-size:10px}.asset-card dd{margin:0;font-size:10px;font-weight:600}.card-action{display:block;text-align:center;color:var(--primary);font-weight:700;font-size:11px;margin-top:15px}.empty-card{background:#fff;border:1px dashed #cbd3e2;border-radius:16px;padding:35px;text-align:center;color:var(--muted)}
.announcement-list{overflow:hidden}.announcement-item{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}.announcement-item:hover{background:#fafcff}.announcement-item>span:nth-child(2){flex:1}.announcement-item strong{display:block}.announcement-item p{color:var(--muted);margin:4px 0;font-size:11px}.announcement-item small{color:#9ba3b2;font-size:9px}.announcement-item>b{background:#e8f0ff;color:var(--primary);border-radius:20px;padding:4px 8px;font-size:9px}.announcement-item>i{font-size:23px;font-style:normal;color:#9da6b6}.announcement-item.unread{background:#fbfdff}.announcement-item.unread strong:after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#ef4444;margin-right:7px}.article-wrap{max-width:840px;margin:auto}.announcement-article{margin-top:15px;padding:40px;text-align:center}.announcement-icon.large{width:60px;height:60px;margin:0 auto 17px;font-size:27px}.announcement-article h1{font-size:26px;margin:8px 0}.announcement-article time{color:var(--muted);font-size:11px}.article-body{text-align:right;line-height:2.1;margin-top:30px;border-top:1px solid var(--line);padding-top:25px}
.profile-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}.profile-summary{padding:25px;text-align:center}.profile-avatar{width:85px;height:85px;border-radius:27px;margin:auto;background:linear-gradient(145deg,#ffdca8,#f1a23e);display:grid;place-items:center;font-size:25px;font-weight:800;color:#784000}.profile-summary h2{margin:14px 0 2px}.profile-summary>p{color:var(--muted);margin:0}.profile-summary>span{display:inline-block;margin-top:9px;background:#edf3ff;color:var(--primary);border-radius:20px;padding:4px 10px;font-size:10px}.company-list{border-top:1px solid var(--line);margin-top:20px;padding-top:13px;text-align:right}.company-list>div{display:flex;align-items:center;gap:9px;padding:9px 0}.company-list i{width:34px;height:34px;background:#f0f3f8;border-radius:10px;display:grid;place-items:center;font-style:normal}.company-list span{display:flex;flex-direction:column}.company-list small{color:#15956e;font-size:9px}.profile-form,.password-panel{padding:0 24px 24px}.password-panel{margin-top:18px}.two-col{grid-template-columns:1fr 1fr}.two-col label:last-of-type{grid-column:1/3}.three-col{grid-template-columns:repeat(3,1fr)}.full{grid-column:1/-1}.login-body{background:#eef3fb}.login-stage{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}.login-showcase{position:relative;overflow:hidden;background:linear-gradient(135deg,#0c367f,#1765dc);color:#fff;padding:45px 60px;display:flex;flex-direction:column}.login-showcase:before,.login-showcase:after{content:"";position:absolute;border-radius:50%;border:70px solid #ffffff09}.login-showcase:before{width:400px;height:400px;left:-180px;top:-180px}.login-showcase:after{width:500px;height:500px;right:-270px;bottom:-260px}.login-brand{display:flex;align-items:center;gap:12px;z-index:2}.login-brand span:last-child{display:flex;flex-direction:column}.login-brand small{color:#bcd3fb;font-size:11px}.showcase-copy{z-index:2;max-width:580px;margin:auto 0}.showcase-copy .eyebrow{color:#85b9ff}.showcase-copy h1{font-size:38px;line-height:1.55;margin:9px 0}.showcase-copy p{color:#d6e5ff;line-height:2;max-width:520px}.feature-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.feature-pills span{background:#ffffff13;border:1px solid #ffffff24;border-radius:30px;padding:8px 13px;font-size:11px}.login-orbit{position:absolute;left:45px;bottom:40px;display:flex;gap:12px;align-items:flex-end}.orbit-card{background:#ffffff12;border:1px solid #ffffff25;backdrop-filter:blur(10px);border-radius:17px;padding:14px 17px;font-size:11px}.orbit-card b{display:block;color:#7dffcd}.orbit-card strong{font-size:19px;display:block;color:#ffd16d}.login-panel{display:grid;place-items:center;background:#fff;padding:40px}.login-box{width:min(390px,100%)}.login-box h2{font-size:28px;margin:0 0 5px}.login-box>p{color:var(--muted);margin:0 0 28px}.login-form label{font-size:12px}.password-wrap{position:relative}.password-wrap button{position:absolute;left:8px;top:8px;border:0;background:#f0f3f8;color:#627089;border-radius:8px;padding:5px 8px;font-size:9px}.login-form .btn{margin-top:5px;padding:14px}.login-foot{text-align:center;margin-top:28px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:10px}.login-foot strong{display:block;color:var(--primary);font-size:14px;margin-top:4px}.mobile-login-logo{display:none}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.asset-grid{grid-template-columns:repeat(2,1fr)}.welcome-visual{margin-left:0}.dashboard-grid{grid-template-columns:1fr}.ticket-layout{grid-template-columns:1fr}.ticket-side{grid-template-columns:repeat(2,1fr)}.rating-card{grid-column:1/-1}.login-showcase{padding:35px}.showcase-copy h1{font-size:31px}}
@media(max-width:800px){body{padding-bottom:74px}.club-sidebar{display:none}.club-main{width:100%;margin:0}.club-topbar{height:auto;min-height:68px;padding:10px 15px;flex-wrap:wrap}.mobile-brand{display:flex;align-items:center;gap:8px}.mobile-brand .brand-mark{width:35px;height:35px;border-radius:11px;font-size:19px}.account-switcher{order:3;width:100%;min-width:0;padding:6px 9px}.top-user{margin-right:auto}.top-user>span,.top-user .avatar{display:none}.club-content{padding:16px}.mobile-nav{position:fixed;display:flex;align-items:center;justify-content:space-around;bottom:0;right:0;left:0;height:68px;background:#fff;border-top:1px solid var(--line);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{width:20%;display:flex;flex-direction:column;align-items:center;color:#8a94a8;font-size:9px;gap:2px}.mobile-nav a i{font-size:20px;font-style:normal}.mobile-nav a.active{color:var(--primary);font-weight:700}.mobile-nav .new-ticket-fab{width:48px;height:48px;margin-top:-26px;background:var(--primary);color:#fff;border:5px solid var(--bg);border-radius:17px;font-size:28px;display:grid;place-items:center;box-shadow:0 7px 18px #1759df4d}.welcome-card{padding:25px;min-height:240px}.welcome-card h1{font-size:22px}.welcome-visual{display:none}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{grid-template-columns:40px 1fr;padding:14px;gap:9px}.stat-card>i{width:40px;height:40px}.stat-card strong{font-size:20px}.dashboard-grid{gap:14px}.page-head{align-items:flex-start;gap:15px}.page-head h1{font-size:21px}.page-head p{font-size:11px}.filter-bar{flex-wrap:wrap}.search-box{flex-basis:100%}.filter-bar select{flex:1;min-width:0}.form-layout{grid-template-columns:1fr}.tip-card{order:-1}.ticket-side{grid-template-columns:1fr}.message{max-width:95%}.asset-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.two-col,.three-col{grid-template-columns:1fr}.two-col label:last-of-type{grid-column:auto}.login-stage{display:block}.login-showcase{display:none}.login-panel{min-height:100vh;padding:25px}.mobile-login-logo{display:grid;margin:0 auto 25px}.login-box{text-align:center}.login-form{text-align:right}.toast-stack{top:80px;left:15px;right:15px}.toast{text-align:center}.table-panel{background:transparent;border:0;box-shadow:none}.responsive-table{overflow:visible}table,tbody,tr,td{display:block}thead{display:none}tr{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:10px;padding:12px;position:relative}td{border:0;padding:5px 3px;white-space:normal}td:nth-child(2):before{content:"آخرین تغییر: ";color:var(--muted)}td:nth-child(3):before{content:"کارشناس: ";color:var(--muted)}td:nth-child(4){position:absolute;left:12px;top:13px}td:last-child{display:none}.ticket-title{padding-left:90px}.announcement-item{align-items:flex-start}.announcement-item>p{display:none}.announcement-article{padding:25px}.top-user .notification-link{display:grid}}
@media(max-width:460px){.welcome-actions{flex-direction:column}.welcome-actions .btn{width:100%}.stat-grid{grid-template-columns:1fr}.stat-card>b{grid-column:auto;margin-right:auto}.stat-card{grid-template-columns:42px 1fr auto}.welcome-card{border-radius:20px}.panel{border-radius:16px}.page-head{flex-direction:column}.page-head>.btn{width:100%}.ticket-detail-head .title-line{align-items:flex-start;flex-direction:column}.messages{padding:15px}.message-meta{gap:9px}.closed-banner{align-items:flex-start;flex-wrap:wrap}.closed-banner .btn{width:100%}.profile-summary{padding:20px}}

/* Club finance */
.main-nav .nav-disabled{height:48px;padding:0 15px;display:flex;align-items:center;gap:13px;color:#7c879b;opacity:.62;border-radius:13px;cursor:not-allowed}.main-nav .nav-disabled i{font-style:normal;font-size:21px;width:23px}.main-nav .nav-disabled svg{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.soon-badge{margin-right:auto;background:#e9edf4;color:#68738a;border-radius:20px;padding:2px 7px;font-size:8px}
.finance-nav{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:5px;width:max-content;max-width:100%;margin-bottom:22px;box-shadow:0 5px 18px #25395c08}.finance-nav a,.finance-nav>span{padding:9px 17px;border-radius:11px;color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.finance-nav a.active{background:#eaf1ff;color:var(--primary)}.finance-nav>span{opacity:.55;cursor:not-allowed}.finance-nav small{background:#eef1f6;border-radius:10px;padding:1px 5px;font-size:7px;margin-right:4px}
.compact-filter{justify-content:flex-end}.document-title{display:flex;align-items:center;gap:10px}.document-title>i{width:40px;height:40px;border-radius:12px;background:#edf3ff;color:var(--primary);display:grid;place-items:center;flex:none}.document-title svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.document-title>span{display:flex;flex-direction:column}.document-title small{color:var(--muted);font-size:9px}.row-view{color:var(--primary);font-weight:700;font-size:10px}.status.red{background:#fff0f1;color:#c93b49}.status.large{padding:8px 13px;font-size:11px}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.finance-summary>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:5px}.finance-summary small{color:var(--muted)}.finance-summary .amount{color:var(--primary);font-size:20px}.finance-summary em{font-size:10px;font-style:normal}.quotation-totals{width:min(420px,100%);margin-right:auto;padding:18px 22px}.quotation-totals>div{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid var(--line)}.quotation-totals span{color:var(--muted)}.quotation-totals .grand{background:#edf4ff;border:0;border-radius:11px;margin-top:8px;color:var(--primary)}.quotation-totals .grand span{color:var(--primary);font-weight:700}.document-notes{padding:22px;margin-top:18px}.document-notes h2{font-size:15px}.document-notes p{line-height:2;color:#5e6980}
@media(max-width:800px){.finance-nav{width:100%;overflow-x:auto}.finance-nav a,.finance-nav>span{flex:1;text-align:center}.finance-summary{grid-template-columns:1fr}.finance-table tr{position:static}.finance-table td:nth-child(2):before,.finance-table td:nth-child(3):before{content:none}.finance-table td:nth-child(4){position:static}.finance-table td:last-child{display:block}.finance-table .empty{padding:30px 10px}.document-head{flex-direction:row}}

/* Club refactor */
.logout-form{margin-top:12px}.logout-form .logout-link{width:100%;margin:0;padding:12px;text-align:center;color:#e14d58;border:0;background:transparent}
.stat-card svg,.welcome-visual svg,.empty svg,.announcement-row svg,.announcement-icon svg,.section-title svg,.product-icon svg,.upload-box svg,.tip-card svg,.company-list svg{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.search-box svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0}.pagination a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 14px;color:var(--primary);font-weight:700}.pagination span{color:var(--muted);font-size:11px}
.ticket-unread{background:#f8fbff}.unread-label{display:inline-block;margin-right:7px;background:#e8f0ff;color:var(--primary);border-radius:12px;padding:2px 6px;font-size:8px}
.voice-recorder{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.voice-recorder audio,.reply-actions audio{height:38px;max-width:310px}.voice-recorder [data-record-status],.reply-actions [data-record-status]{color:var(--muted);font-size:11px}.remove-recording{border:0;background:#fff0f1;color:#c93b49;border-radius:9px;padding:7px 10px}.voice-button{border:0}.message-image{display:block;margin-top:9px;max-width:420px}.message-image img{display:block;width:100%;max-height:330px;object-fit:contain;background:#f5f7fb;border:1px solid var(--line);border-radius:12px}.message-image small{display:block;color:var(--muted);margin-top:5px}.message-audio{display:flex;flex-direction:column;gap:4px;margin-top:9px;max-width:420px}.message-audio audio{width:100%;height:42px}.message-audio a{font-size:10px;color:var(--muted)}

/* Voice recorder */
.voice-recorder{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;margin-top:14px;padding:18px;background:linear-gradient(135deg,#f7faff,#fff);border:1px solid #dfe8f8;border-radius:17px;transition:.2s}
.recorder-visual{height:88px;border-radius:14px;background:#eaf1ff;color:var(--primary);display:flex;align-items:center;justify-content:center;gap:12px;padding:0 14px}
.mic-icon{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 5px 14px #1759df1c;flex:none}.mic-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.voice-wave{height:42px;display:flex;align-items:center;gap:3px;overflow:hidden}.voice-wave i{display:block;width:3px;height:8px;background:currentColor;border-radius:5px;opacity:.55}.voice-wave i:nth-child(3n+1){height:16px}.voice-wave i:nth-child(4n+2){height:25px}.voice-wave i:nth-child(5n){height:34px}
.recorder-content{min-width:0}.recorder-heading{display:flex;align-items:center;gap:10px}.recorder-heading strong{font-size:13px}.recorder-heading time{margin-right:auto;font:700 16px YekanBakh,Tahoma;color:var(--ink);direction:ltr}.recording-live{display:none;color:#df3f4d;font-size:9px;font-weight:700}.recording-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ef4452;margin-left:4px}
.recorder-content>p{color:var(--muted);font-size:10px;margin:5px 0 11px}.recorder-content audio{display:block;width:min(390px,100%);height:36px;margin:7px 0 10px}
.recorder-actions{display:flex;align-items:center;gap:8px}.record-button{border:0;background:var(--primary);color:#fff;border-radius:10px;padding:8px 13px;display:inline-flex;align-items:center;gap:7px;font-weight:700}.record-button-icon{width:10px;height:10px;background:#fff;border-radius:50%}.remove-recording{border:0;background:#fff0f1;color:#c93b49;border-radius:9px;padding:8px 11px}
.voice-recorder[data-recorder-state="recording"]{border-color:#ffcbd0;background:#fffafb}.voice-recorder[data-recorder-state="recording"] .recorder-visual{background:#fff0f1;color:#df3f4d}.voice-recorder[data-recorder-state="recording"] .recording-live{display:inline-block}.voice-recorder[data-recorder-state="recording"] .record-button{background:#df3f4d}.voice-recorder[data-recorder-state="recording"] .record-button-icon{border-radius:2px}.voice-recorder[data-recorder-state="recording"] .voice-wave i{animation:voiceWave .75s ease-in-out infinite alternate}.voice-recorder[data-recorder-state="recording"] .voice-wave i:nth-child(2n){animation-delay:-.25s}.voice-recorder[data-recorder-state="recording"] .voice-wave i:nth-child(3n){animation-delay:-.5s}
.voice-recorder[data-recorder-state="ready"]{border-color:#cdeade}.voice-recorder[data-recorder-state="ready"] .recorder-visual{background:#eaf8f3;color:#15956e}.voice-recorder[data-recorder-state="ready"] .record-button{background:#eef2f7;color:#46536c}.voice-recorder[data-recorder-state="error"]{border-color:#ffd7db}.voice-recorder[data-recorder-state="unsupported"] .recorder-actions{display:none}
@keyframes voiceWave{from{transform:scaleY(.35);opacity:.4}to{transform:scaleY(1);opacity:1}}
.reply-actions{display:block}.reply-toolbar{display:flex;align-items:center;gap:10px}.reply-toolbar small{color:var(--muted);font-size:9px}.reply-toolbar .btn{margin-right:auto}.reply-actions .voice-recorder.compact{grid-template-columns:110px minmax(0,1fr);margin-top:12px;padding:12px}.voice-recorder.compact .recorder-visual{height:70px}
@media(max-width:800px){
  .voice-recorder,.reply-actions .voice-recorder.compact{grid-template-columns:1fr;padding:13px;gap:11px}.recorder-visual,.voice-recorder.compact .recorder-visual{height:62px}.recorder-heading{flex-wrap:wrap}.recorder-heading time{font-size:15px}.recorder-content audio{width:100%;max-width:none}.reply-toolbar{flex-wrap:wrap}.reply-toolbar small{width:100%;order:3}.reply-toolbar .btn{margin-right:auto}
  .finance-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
  .finance-table td{display:block!important;position:static!important;padding:4px 0}
  .finance-table td:first-child{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:2px}
  .finance-table td:before{display:block;color:var(--muted);font-size:9px;margin-bottom:2px}
  .finance-table td:nth-child(2):before{content:"تاریخ"}
  .finance-table td:nth-child(3):before{content:"مبلغ / اعتبار"}
  .finance-table td:nth-child(4):before{content:"روش / مبلغ"}
  .finance-table td:nth-child(5):before{content:"وضعیت / حساب مقصد"}
  .finance-table td:nth-child(6):before{content:"وضعیت"}
}

/* Unified ticket composer */
.chat-composer{position:relative;border:1px solid #dce3ed;background:#fff;border-radius:18px;padding:8px;box-shadow:0 5px 18px rgba(38,61,95,.07)}
.composer-row{display:flex;align-items:flex-end;gap:7px;direction:rtl}
.composer-text{flex:1;min-width:0}.composer-text textarea{display:block;width:100%;min-height:42px;max-height:140px;margin:0!important;padding:10px 4px!important;border:0!important;background:transparent!important;outline:0;resize:none;box-shadow:none!important;line-height:1.8}
.composer-icon,.composer-send{width:42px;height:42px;flex:none;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:.18s}
.composer-icon{background:#f1f4f8;color:#506078;font-size:25px}.composer-icon:hover{background:#e8edf5;color:var(--primary)}.composer-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.composer-icon.mic{color:var(--primary)}.composer-icon:disabled{opacity:.4;cursor:not-allowed}.composer-icon.danger,.composer-icon.confirm{width:34px;height:34px;font-size:19px}.composer-icon.danger{background:#fff0f1;color:#cf3e4c}.composer-icon.confirm{background:#e8f8f1;color:#12845f;font-weight:900}.composer-icon.confirm:hover{background:#d8f2e7;color:#0c6f4f}
.composer-send{background:var(--primary);color:#fff}.composer-send svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.composer-help{display:block;color:var(--muted);font-size:9px;margin:6px 48px 0}.composer-attach{position:relative;flex:none}.composer-attach>input{display:none!important}
.attach-menu{position:absolute;right:0;bottom:50px;z-index:30;width:245px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 16px 38px rgba(31,48,79,.18)}
.attach-menu[hidden]{display:none}.attach-menu button{width:100%;border:0;background:transparent;border-radius:11px;padding:8px;display:flex;align-items:center;gap:10px;text-align:right;cursor:pointer}.attach-menu button:hover{background:#f5f8fc}
.attach-menu i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf4ff;color:var(--primary);font-style:normal;font-weight:800}.attach-menu i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.attach-menu button:nth-child(2) i{background:#eaf8f3;color:#158767}.attach-menu button:nth-child(3) i{background:#fff3e7;color:#ce741c}
.attach-menu span{display:flex;flex-direction:column}.attach-menu b{font-size:11px}.attach-menu small{font-size:9px;color:var(--muted);margin-top:2px}
.composer-preview{display:flex;gap:7px;overflow-x:auto;padding:3px 3px 9px}.composer-preview[hidden]{display:none}.composer-file{position:relative;min-width:145px;max-width:210px;height:58px;padding:7px;border:1px solid #e1e7f0;border-radius:12px;background:#f8fafc;display:flex;align-items:center;gap:8px}
.composer-file>img,.composer-file>i{width:43px;height:43px;border-radius:9px;object-fit:cover;flex:none}.composer-file>i{display:grid;place-items:center;background:#eaf1ff;color:var(--primary);font-style:normal;font-size:10px;font-weight:800}
.composer-file>span{display:flex;flex-direction:column;min-width:0}.composer-file b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-file small{font-size:8px;color:var(--muted)}.composer-file>button{position:absolute;left:-4px;top:-5px;width:20px;height:20px;border:0;border-radius:50%;background:#38465b;color:#fff;cursor:pointer}
.composer-recording{min-height:45px;display:flex;align-items:center;gap:9px;padding:4px 2px;color:#d43e4b}.composer-recording[hidden]{display:none}.recording-pulse{width:9px;height:9px;border-radius:50%;background:#e44250;animation:recordPulse 1s infinite}.composer-recording time{font-weight:800;direction:ltr}.composer-recording>[data-record-status]{font-size:9px;color:var(--muted)}
.composer-wave{height:28px;display:flex;align-items:center;gap:2px;flex:1;direction:ltr}.composer-wave i{display:block;width:3px;height:6px;border-radius:3px;background:#ec7180;animation:composerWave .72s ease-in-out infinite alternate}.composer-wave i:nth-child(3n){animation-delay:-.4s}.composer-wave i:nth-child(2n){animation-delay:-.2s}
.composer-audio{display:block;width:100%;height:38px;margin:2px 0 8px}.composer-audio[hidden]{display:none}.chat-composer[data-recorder-state="recording"] .composer-row,.chat-composer[data-recorder-state="recording"] .composer-help{display:none}.chat-composer[data-recorder-state="ready"]{border-color:#bfe4d5}.chat-composer[data-recorder-state="error"]{border-color:#f2aab1}
.create-composer{margin-top:-7px}.create-composer .composer-text textarea{min-height:105px}.create-composer .composer-row{align-items:flex-end}
@keyframes composerWave{to{height:24px}}@keyframes recordPulse{50%{opacity:.25;transform:scale(.72)}}

/* Service store comparison */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.service-store-section{margin-bottom:30px}.store-section-title{margin-bottom:14px}.store-section-title>div{display:flex;align-items:center;gap:11px}.store-section-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#e8f0ff;color:var(--primary);font-size:21px}.store-section-icon.single{background:#fff3df;color:#c77909}.store-section-icon svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8}.store-section-title h2{margin:0;font-size:17px}.store-section-title p{margin:2px 0 0;color:var(--muted);font-size:10px}
.service-comparison-list{display:grid;gap:14px}.comparison-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 26px rgba(32,53,91,.055);overflow:hidden}.comparison-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:linear-gradient(115deg,#fff,#f8fbff);border-bottom:1px solid var(--line)}.comparison-head>div{display:flex;align-items:center;gap:11px;min-width:0}.comparison-head .product-icon{width:42px;height:42px;border-radius:13px;font-size:21px}.comparison-head h3{margin:0;font-size:15px}.comparison-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.8}.option-count{flex:none;background:#edf3ff;color:var(--primary);border:1px solid #dce8ff;border-radius:22px;padding:5px 9px;font-size:9px;font-weight:700}
.service-comparison-table{overflow-x:auto}.service-comparison-table table{min-width:850px}.service-comparison-table th{padding:9px 12px;white-space:nowrap}.service-comparison-table td{padding:10px 12px;font-size:11px;line-height:1.55;vertical-align:middle}.service-comparison-table tbody tr{transition:.18s}.service-comparison-table tbody tr:hover{background:#f9fbff}.service-comparison-table .status{padding:4px 8px}.service-comparison-table .related-learning{margin:0 0 6px;padding:7px 9px;border:1px solid #dbe7fb;border-radius:9px;background:#f7faff;white-space:normal}.service-comparison-table .related-learning h3{margin:0 0 4px;font-size:9px}.service-comparison-table .related-learning ul{margin:0;padding-right:15px;font-size:9px;line-height:1.6}.service-hours{display:inline-flex;direction:ltr;align-items:center;gap:4px;white-space:nowrap}.service-price{color:var(--primary);font-size:13px}.service-price small{font-size:9px}.buy-cell{text-align:left}.service-buy{padding:8px 12px;font-size:10px;white-space:nowrap}.service-single-card{display:flex;flex-direction:column}.service-single-card>p{min-height:38px;line-height:1.8}.service-single-card form{margin-top:auto;padding-top:15px}.service-single-card .wide{font-size:11px}
@media(max-width:800px){.comparison-card{overflow:visible;background:transparent;border:0;box-shadow:none}.comparison-head{border:1px solid var(--line);border-radius:18px;margin-bottom:10px;padding:16px}.comparison-head .product-icon{width:43px;height:43px}.service-comparison-table{overflow:visible}.service-comparison-table table{min-width:0}.service-comparison-table thead{display:none}.service-comparison-table tbody{display:grid;gap:10px}.service-comparison-table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:0;padding:15px;border-radius:17px;box-shadow:0 5px 18px rgba(35,57,92,.04)}.service-comparison-table td{display:block!important;position:static!important;border:0;padding:0;white-space:normal}.service-comparison-table td:before{content:attr(data-label);display:block;color:var(--muted);font-size:9px;margin-bottom:3px}.service-comparison-table .buy-cell{grid-column:1/-1;margin-top:3px}.service-comparison-table .buy-cell:before{display:none}.service-comparison-table .service-buy{width:100%;padding:11px}.service-single-grid{grid-template-columns:1fr}.service-single-card>p{min-height:0}}
@media(max-width:460px){.comparison-head{align-items:flex-start}.comparison-head>div{align-items:flex-start}.comparison-head .product-icon{display:none}.option-count{padding:5px 8px}.service-comparison-table tr{grid-template-columns:1fr 1fr}.store-section-title p{line-height:1.7}}
@media(max-width:700px){.reply-box{padding:10px}.chat-composer{border-radius:15px;padding:7px}.composer-icon,.composer-send{width:39px;height:39px}.composer-help{margin-right:44px}.attach-menu{position:fixed;right:12px;left:12px;bottom:80px;width:auto}.composer-file{min-width:125px}.composer-recording>span:last-child{display:none}.composer-wave{min-width:70px}}
.receipt-card .receipt-preview{display:block;width:min(100%,720px);max-height:70vh;min-height:220px;object-fit:contain;margin:16px auto;border:1px solid var(--line);border-radius:14px;background:#f7f9fc}.receipt-card .receipt-image-link{display:block}.receipt-card .receipt-open{width:max-content;margin:0 auto}.receipt-card object.receipt-preview{height:560px}
.support-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:14px 18px;border:1px solid #f2b84b;border-radius:14px;background:#fff8e6;color:#62420b}.support-mode-banner>div:first-child{display:flex;flex-direction:column;gap:4px}.support-mode-banner span{font-size:13px}.support-mode-banner form{margin:0}.support-mode-banner button,.support-mode-banner a{white-space:nowrap;border:0;border-radius:9px;padding:9px 14px;background:#8a5a00;color:#fff;cursor:pointer;text-decoration:none;font-size:13px}.support-mode-banner .support-mode-actions{display:flex;align-items:center;gap:8px}.support-mode-banner .support-mode-actions>a{background:#fff;color:#8a5a00;border:1px solid #d39a2f}.account-header-actions{display:flex;align-items:center;gap:10px}.btn-open-customer-club{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:9px;background:#1457d9;color:#fff;text-decoration:none;font-size:13px;font-weight:700}.btn-open-customer-club:hover{background:#0f46b2;color:#fff}@media(max-width:700px){.support-mode-banner{align-items:flex-start;flex-direction:column}.support-mode-banner .support-mode-actions{width:100%;flex-wrap:wrap}.account-header-actions{flex-wrap:wrap}.btn-open-customer-club{padding:8px 10px}}

/* Personal fan club */
.main-nav .fan-nav{height:58px;background:linear-gradient(135deg,#fff8e6,#fff);border:1px solid #f5dfaa;color:#7b5807;margin-bottom:7px}.main-nav .fan-nav span{display:flex;flex-direction:column}.main-nav .fan-nav small{font-size:9px;color:#9b7d36;font-weight:400}.main-nav .fan-nav.active{background:linear-gradient(135deg,#fff0b8,#fff8e4);color:#674800}.credit-badge{margin-right:auto;background:#fff;color:#755100;border:1px solid #ead08b;border-radius:10px;padding:3px 7px;font-size:9px;max-width:74px;overflow:hidden;text-overflow:ellipsis}.fan-credit-pill{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:13px;background:#fff8e5;border:1px solid #f3dda5;color:#755100}.fan-credit-pill>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.fan-credit-pill span{display:flex;flex-direction:column}.fan-credit-pill small{font-size:9px;color:#9c7d31}.fan-credit-pill strong{font-size:11px}.fan-balance-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:16px;margin-bottom:20px}.fan-balance-card,.fan-privacy-card{border-radius:21px;padding:23px;min-height:125px;box-shadow:var(--shadow)}.fan-balance-card{display:flex;align-items:center;gap:17px;color:#fff}.fan-balance-card.points{background:linear-gradient(135deg,#6945d8,#9a6df0)}.fan-balance-card.credit{background:linear-gradient(135deg,#0d906f,#22b88e)}.fan-balance-card i{width:55px;height:55px;border-radius:17px;background:#ffffff24;display:grid;place-items:center}.fan-balance-card svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7}.fan-balance-card div{display:flex;flex-direction:column}.fan-balance-card span,.fan-balance-card small{color:#ffffffc9}.fan-balance-card strong{font-size:29px;margin:3px 0}.fan-privacy-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.fan-privacy-card strong{color:#22314d;font-size:16px}.fan-privacy-card p{color:var(--muted);line-height:1.9;margin:8px 0 0}.fan-dashboard-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:20px;margin-bottom:20px}.fan-sources,.fan-videos,.fan-ledger{padding:23px}.section-head h2{margin:3px 0 17px;font-size:17px}.source-list{display:grid;gap:9px}.source-list>div{display:flex;justify-content:space-between;align-items:center;border:1px solid #edf0f5;border-radius:13px;padding:12px}.source-list span{display:flex;flex-direction:column}.source-list small{color:var(--muted);font-size:9px}.source-list strong{color:#168667}.fan-empty{text-align:center;padding:35px 15px;color:var(--muted)}.fan-empty i{display:block;font-size:38px;color:#d3aa45;font-style:normal}.fan-empty strong{display:block;color:#5d6678;margin-bottom:5px}.fan-empty p{margin:0;line-height:1.8}.fan-empty.compact{padding:20px}.fan-video-list{display:grid;gap:10px}.fan-video-list>a{display:grid;grid-template-columns:105px 1fr;gap:13px;border:1px solid #edf0f5;border-radius:14px;padding:9px}.video-thumb{height:70px;border-radius:10px;background:linear-gradient(135deg,#e9ddff,#f6f0ff);display:grid;place-items:center;overflow:hidden;color:#7149c9;font-size:25px}.video-thumb img{width:100%;height:100%;object-fit:cover}.fan-video-list strong{font-size:12px}.fan-video-list p{font-size:9px;color:var(--muted);margin:4px 0}.fan-video-list small{color:#7651ca}.fan-ledger td strong,.fan-ledger td small{display:block}.fan-ledger td small{font-size:9px;color:var(--muted)}.ledger-amount{font-weight:800;direction:ltr;text-align:right}.ledger-amount.positive{color:#118766}.ledger-amount.negative{color:#d64a57}
@media(max-width:1000px){.fan-balance-grid{grid-template-columns:1fr 1fr}.fan-privacy-card{grid-column:1/-1}.fan-dashboard-grid{grid-template-columns:1fr}.fan-credit-pill{margin-right:auto}.top-user{margin-right:0}}
.manager-contact-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:15px;margin:0 0 20px;padding:17px 20px;border:1px solid #eadcae;border-radius:18px;background:linear-gradient(120deg,#fffdf6,#fff8df);color:#614a14;box-shadow:0 7px 24px #8c6a1610}.manager-contact-card>i{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#f4d77f;color:#72530c;font-size:25px;font-style:normal}.manager-contact-card>span{display:flex;flex-direction:column}.manager-contact-card small{font-size:9px;color:#9b7c31}.manager-contact-card strong{font-size:16px;margin:2px 0}.manager-contact-card em{font-size:11px;color:#7f7254;font-style:normal}.manager-contact-card>b{color:#826113;font-size:12px}@media(max-width:600px){.manager-contact-card{grid-template-columns:44px 1fr;padding:14px}.manager-contact-card>i{width:44px;height:44px}.manager-contact-card>b{display:none}}
@media(max-width:800px){.fan-balance-grid{grid-template-columns:1fr}.fan-privacy-card{grid-column:auto}.fan-balance-card,.fan-privacy-card{min-height:105px}.fan-credit-pill{order:2}.fan-credit-pill small{display:none}.fan-credit-pill strong{font-size:9px}.fan-page-head{margin-bottom:15px}}
.feature-action{background:#edf3ff!important;color:var(--primary)!important;font-weight:700}.contract-state{font-weight:700}.contract-state.active{color:#11835f}.contract-state.expiring{color:#bb7009}.contract-state.expired{color:#cf3e4c}.contract-state.pending{color:var(--primary)}
.software-option-list{display:grid;gap:12px;padding-bottom:90px}.software-option-card{display:grid;grid-template-columns:52px minmax(0,1fr) 185px;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 7px 22px rgba(35,55,95,.045)}.software-option-card.enabled{border-color:#bfe6d8;background:linear-gradient(110deg,#fff,#f5fffb)}.option-check{display:grid;place-items:center}.option-selector{width:23px;height:23px;accent-color:var(--primary)}.enabled-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#19a875;color:#fff;font-size:20px;font-weight:800}.unavailable-mark{color:#aab2c1}.option-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.option-heading h2{font-size:15px;margin:0}.owned-label{background:#e5f8f1;color:#12835f;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:700}.option-content>p{color:var(--muted);font-size:11px;line-height:1.9;margin:7px 0}.option-resources{display:flex;gap:12px}.option-resources a{color:var(--primary);font-size:10px;font-weight:700}.option-purchase{text-align:left;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.option-purchase>strong{color:var(--primary);font-size:16px}.option-purchase small{font-size:9px}.single-option-buy{border:0;background:var(--primary);color:#fff;border-radius:10px;padding:9px 12px;font-size:10px}.price-missing{color:var(--muted);font-size:9px}.option-bulk-bar{position:fixed;z-index:24;bottom:22px;left:32px;right:290px;background:#17233d;color:#fff;border-radius:17px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 15px 40px rgba(20,32,55,.3)}.option-bulk-bar[hidden]{display:none}.option-bulk-bar .btn{border:0}.option-bulk-bar span{font-size:11px}.option-bulk-bar span strong{font-size:16px;margin-left:4px}
@media(max-width:800px){.software-option-card{grid-template-columns:38px minmax(0,1fr)}.option-purchase{grid-column:2;align-items:flex-start;text-align:right}.option-bulk-bar{left:12px;right:12px;bottom:72px}.option-bulk-bar .btn{padding:9px 11px;font-size:10px}}
.option-details-button{margin-top:9px;border:1px solid #cfddf7;background:#f3f7ff;color:var(--primary);border-radius:9px;padding:7px 11px;font-size:10px;font-weight:700}.option-detail-modal{position:fixed;z-index:100;inset:0;background:rgba(16,29,52,.58);display:grid;place-items:center;padding:18px}.option-detail-modal[hidden]{display:none}.option-detail-dialog{position:relative;width:min(680px,100%);max-height:85vh;overflow:auto;background:#fff;border-radius:20px;padding:25px;box-shadow:0 25px 70px rgba(10,22,42,.3)}.option-detail-dialog>h2{margin:0 0 16px;padding-left:35px;font-size:19px}.option-detail-close{position:absolute;left:17px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#eef2f7;color:#40506a;font-size:23px}.option-detail-copy{line-height:2;color:#35425a}.option-detail-copy p,.option-detail-copy div{margin:0 0 10px}.option-detail-resources{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.option-detail-resources a{display:inline-flex;padding:9px 13px;border-radius:10px;background:#edf3ff;color:var(--primary);font-size:11px;font-weight:700}.option-detail-resources a:last-child{background:#fff2e5;color:#b9630a}
.device-code{padding:4px 9px;border-radius:20px;background:#f0f3f8;color:var(--muted);font-size:9px}.device-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:10px}.device-meta b{color:var(--ink)}.device-quantity{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.device-quantity[hidden]{display:none}.device-quantity input{width:76px;height:38px;border:1px solid var(--line);border-radius:9px;padding:5px 9px;text-align:center;color:var(--ink);font-family:inherit;font-weight:700}

/* Quotation merge */
.quotation-merge-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#eef4ff;border:1px solid #d6e4ff;border-radius:16px;padding:14px 16px;margin-bottom:14px}
.quotation-merge-toolbar>div{display:flex;flex-direction:column;gap:3px}.quotation-merge-toolbar strong{font-size:13px;color:#24436f}.quotation-merge-toolbar small{font-size:10px;color:var(--muted)}
.quotation-merge-toolbar .btn b{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:12px;background:#ffffff2e;font-size:11px}.quotation-merge-toolbar .btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.quotation-title-with-select{display:flex;align-items:center;gap:10px}.club-merge-check,.quotation-select-all input{width:17px;height:17px;accent-color:var(--primary);cursor:pointer;flex:none}.quotation-select-placeholder{width:17px;flex:none}.quotation-select-all{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
@media(max-width:800px){.quotation-merge-toolbar{align-items:stretch;flex-direction:column}.quotation-merge-toolbar .btn{width:100%}.quotation-select-all input{display:none}.quotation-title-with-select{align-items:flex-start}}

/* Customer profile bank accounts */
.bank-accounts-panel{padding:0 24px 24px;margin-top:18px}.bank-accounts-panel>.panel-head{margin:0 -24px 20px}.bank-count{background:#edf3ff;color:var(--primary);border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700;white-space:nowrap}.bank-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bank-account-card{border:1px solid #dfe7f4;background:linear-gradient(145deg,#fff,#fbfdff);border-radius:16px;padding:16px;transition:.2s}.bank-account-card.inactive{opacity:.7;background:#f7f8fa}.bank-account-title{display:flex;align-items:center;gap:10px}.bank-symbol{width:38px;height:38px;border-radius:12px;background:#e8f0ff;color:var(--primary);display:grid;place-items:center;font-weight:800}.bank-account-title>div{display:flex;flex-direction:column;min-width:0;flex:1}.bank-account-title strong{font-size:12px}.bank-account-title small{color:var(--muted);font-size:9px}.bank-account-details{display:grid;gap:8px;margin:15px 0}.bank-account-details>div{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px dashed #e7ebf2;padding-top:8px}.bank-account-details dt{color:var(--muted);font-size:10px}.bank-account-details dd{margin:0;font-family:inherit;font-weight:600;font-size:11px;direction:ltr;text-align:left;overflow-wrap:anywhere}.bank-account-actions{display:flex;justify-content:flex-end;gap:8px}.bank-account-actions form{margin:0}.btn.compact{padding:7px 11px;border-radius:9px;font-size:10px}.btn.danger-soft{background:#fff0f1;color:#c43b49;border:1px solid #ffd9dd}.btn.success-soft{background:#e7f8f1;color:#11835f;border:1px solid #c9eddf}.bank-account-form-wrap{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.bank-form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.bank-form-heading h3{margin:0;font-size:15px}.bank-form-heading p{margin:4px 0 0;color:var(--muted);font-size:10px}.bank-cancel-edit{color:var(--primary);font-size:10px;font-weight:700}.bank-account-form label:last-of-type{grid-column:auto}.bank-account-form input[dir=ltr]{text-align:left}
@media(max-width:1000px){.bank-account-list{grid-template-columns:1fr}}
@media(max-width:800px){.bank-accounts-panel{padding:0 16px 18px}.bank-accounts-panel>.panel-head{margin:0 -16px 16px}.bank-account-details>div{align-items:flex-start;flex-direction:column;gap:3px}.bank-account-details dd{text-align:right}.bank-account-actions{justify-content:stretch}.bank-account-actions .btn,.bank-account-actions form{flex:1}.bank-account-actions form .btn{width:100%}}


/* Fan club top entry — keep the inline SVG constrained inside the button. */
.fan-club-entry{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #f3dda5;
  border-radius:12px;
  background:#fff8e5;
  color:#755100;
  font-size:11px;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
  white-space:nowrap;
}
.fan-club-entry > svg{
  display:block;
  flex:0 0 18px;
  width:18px !important;
  height:18px !important;
  max-width:18px;
  max-height:18px;
  overflow:visible;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.fan-club-entry:hover{background:#fff2cf;color:#674800}
@media(max-width:1000px){.fan-club-entry{margin-right:auto}}
@media(max-width:800px){.fan-club-entry{order:2;padding:7px 9px;font-size:10px}.fan-club-entry > svg{flex-basis:16px;width:16px !important;height:16px !important}}


/* Customer panel user dropdown */
.user-menu{position:relative}
.user-menu-trigger{
  display:flex;align-items:center;gap:10px;padding:5px 7px 5px 9px;
  border:0;background:transparent;border-radius:14px;color:var(--ink);
  cursor:pointer;font:inherit;text-align:right;transition:background .18s ease
}
.user-menu-trigger:hover,.user-menu.open .user-menu-trigger{background:#f5f7fb}
.user-menu-trigger .avatar{flex:0 0 40px}
.user-menu-summary{display:flex;flex-direction:column;min-width:105px}
.user-menu-summary strong{font-size:13px;font-weight:700;white-space:nowrap}
.user-menu-summary small{font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap}
.user-menu-summary small[dir=ltr]{direction:ltr;unicode-bidi:isolate;text-align:right}
.user-menu-chevron{
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;color:#8791a5;transition:transform .18s ease
}
.user-menu.open .user-menu-chevron{transform:rotate(180deg)}
.user-dropdown{
  position:absolute;top:calc(100% + 9px);left:0;z-index:70;width:205px;
  padding:7px;background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:0 14px 35px rgba(31,49,84,.16)
}
.user-dropdown[hidden]{display:none!important}
.user-dropdown a,.user-dropdown button{
  width:100%;min-height:42px;display:flex;align-items:center;gap:10px;
  padding:9px 11px;border:0;border-radius:10px;background:transparent;
  color:#465269;font:inherit;font-size:12px;font-weight:600;text-align:right;
  cursor:pointer;text-decoration:none
}
.user-dropdown a:hover,.user-dropdown button:hover{background:#f4f7ff;color:var(--primary)}
.user-dropdown svg{
  width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round
}
.user-dropdown form{margin:0}
.user-dropdown-logout{color:#d94a58!important}
.user-dropdown-logout:hover{background:#fff1f2!important;color:#c93645!important}

@media(max-width:800px){
  .user-menu-summary{display:none}
  .user-menu-trigger{padding:4px}
  .user-menu-trigger .avatar{display:grid!important;width:38px;height:38px;flex-basis:38px}
  .user-menu-chevron{display:none}
  .user-dropdown{left:0;right:auto;width:200px}
}

.login-help-link{display:block;color:var(--primary);font-size:12px;font-weight:700;margin-top:7px}
.workflow-actions{display:flex;gap:10px;flex-wrap:wrap}.evaluation-form{max-width:900px}.evaluation-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #eee}.evaluation-row label{display:flex;flex-direction:column}.evaluation-row label small{color:#777;margin-top:4px}.evaluation-row input,.evaluation-row select,.evaluation-row textarea,.evaluation-form>label textarea{padding:10px;border:1px solid #d6dbe6;border-radius:8px}.evaluation-form>label{display:grid;gap:7px;margin:18px 0}.danger-text{color:#b91c1c}.printable-contract{max-width:900px;margin:auto;padding:42px;line-height:2.15;font-size:13px}.printable-contract header{text-align:center;border-bottom:2px solid #222;margin-bottom:24px}.printable-contract header h1{font-size:22px}@media print{.fan-sidebar,.fan-topbar,.mobile-nav,.no-print{display:none!important}.club-main,.club-content{margin:0!important;padding:0!important}.printable-contract{box-shadow:none;border:0;max-width:none;padding:0;color:#000}.fan-body{background:#fff}}@media(max-width:700px){.evaluation-row{grid-template-columns:1fr}}
.fan-body{background:#f7f5ff}.fan-sidebar{background:linear-gradient(180deg,#32106e,#5924a8)}.fan-sidebar .main-nav a.active{background:#ffffff20}.fan-sidebar .main-nav a.disabled{opacity:.45;pointer-events:none}.fan-sidebar .main-nav a small{margin-right:auto;font-size:8px}.fan-customer-return{display:block;margin:14px;color:#fff;text-align:center;padding:10px;border:1px solid #ffffff45;border-radius:12px;text-decoration:none}.fan-topbar{border-bottom-color:#eee8ff}.fan-topbar .top-user{display:flex;align-items:center;gap:10px}.fan-topbar .top-user>div{display:flex;flex-direction:column}.fan-cooperation-callout{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;margin-bottom:22px;border-radius:20px;background:linear-gradient(135deg,#5121a5,#7c3aed);color:#fff}.fan-cooperation-callout span{font-size:10px;color:#ddd0ff}.fan-cooperation-callout h2{margin:5px 0}.fan-cooperation-callout p{margin:0;color:#eee8ff}.fan-cooperation-callout a,.primary-btn{display:inline-flex;justify-content:center;align-items:center;padding:11px 16px;border:0;border-radius:11px;background:#6d28d9;color:#fff;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.fan-cooperation-callout a{background:#fff;color:#5420a3;white-space:nowrap}.profile-warning,.submission-success{display:flex;align-items:center;gap:12px;padding:16px 18px;margin-bottom:18px;border-radius:14px;background:#fff5d8;border:1px solid #f0d58a}.profile-warning a{margin-right:auto}.submission-success{display:block;background:#e9faef;border-color:#a8e0b8}.opportunity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.opportunity-card{display:flex;flex-direction:column;gap:12px;padding:22px;background:#fff;border:1px solid #e8e2f4;border-radius:18px;box-shadow:0 8px 25px #4c1d9510}.opportunity-card>span{font-size:9px;color:#7c3aed;font-weight:700}.opportunity-card h2,.opportunity-card p{margin:0}.opportunity-card details{padding:10px;border-radius:10px;background:#faf8ff}.opportunity-card summary{cursor:pointer;font-weight:700}.opportunity-card>.primary-btn{margin-top:auto}.fan-form-panel{max-width:780px;padding:24px}.fan-form-panel form p{display:grid;gap:7px}.fan-form-panel input:not([type=checkbox]),.fan-form-panel select,.fan-form-panel textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid #d8d0e8;border-radius:10px;font:inherit}.fan-form-panel ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:9px}.fan-form-panel ul label{display:flex;gap:5px}.cooperation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:780px;margin-bottom:20px}.cooperation-steps b{padding:11px;text-align:center;background:#ebe7f2;color:#867c96;border-radius:10px;font-size:10px}.cooperation-steps b.active{background:#6d28d9;color:#fff}.terms-document{max-width:880px;padding:30px;line-height:2.1;max-height:500px;overflow:auto}.video-prompts{max-width:780px;padding:24px}.video-prompts li{margin:9px 0}.application-summary,.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.application-summary .panel{padding:22px}.fan-mobile-nav{background:#fff}.fan-mobile-nav a{color:#5b21b6;text-decoration:none;font-weight:700}.cooperation-crm-page .filter-form{display:flex;gap:10px;margin-bottom:15px}.cooperation-crm-page .filter-form input,.cooperation-crm-page .filter-form select{padding:9px;border:1px solid #ddd;border-radius:8px}.cooperation-crm-page .card{padding:20px;margin-bottom:18px}.cooperation-crm-page td small{display:block;color:#777}.detail-grid{margin-bottom:18px}@media(max-width:800px){.fan-cooperation-callout{align-items:flex-start;flex-direction:column}.opportunity-grid,.application-summary,.detail-grid{grid-template-columns:1fr}.cooperation-steps{font-size:8px}.fan-shell .club-sidebar{display:none}}
.reset-back{display:block;text-align:center;color:var(--muted);font-size:11px;margin-top:18px}

/* Repair request — guided, responsive customer flow */
.repair-page-head{align-items:flex-start}.repair-device-summary{display:grid;grid-template-columns:58px minmax(180px,.7fr) 1.5fr;align-items:center;gap:18px;padding:18px 22px;margin-bottom:18px}.repair-device-icon{width:58px;height:58px;border-radius:17px;background:#fff1dc;color:#c97805;display:grid;place-items:center}.repair-device-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8}.repair-device-summary>div{display:flex;flex-direction:column}.repair-device-summary>div small{color:var(--muted);font-size:9px}.repair-device-summary>div strong{font-size:16px;margin:2px 0}.repair-device-summary>div span{font-size:10px;color:var(--muted)}.repair-device-summary dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.repair-device-summary dl div{padding:10px 12px;border-radius:12px;background:#f8faff}.repair-device-summary dt{font-size:9px;color:var(--muted)}.repair-device-summary dd{margin:4px 0 0;font-size:11px;font-weight:700}.repair-create-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.repair-form-card{padding:24px}.repair-section-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.repair-section-head>span{width:36px;height:36px;border-radius:12px;background:#e8f0ff;color:var(--primary);display:grid;place-items:center;font-weight:800}.repair-section-head h2{font-size:17px;margin:0}.repair-section-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.repair-request-form{gap:16px}.repair-field>span:first-child{font-weight:700}.repair-field b{color:#e34855}.repair-field textarea{min-height:155px;resize:vertical;line-height:1.9}.repair-upload-field{position:relative;display:grid!important;grid-template-columns:46px 1fr;align-items:center;gap:11px;padding:15px!important;border:1.5px dashed #b9cae8;border-radius:15px;background:#f9fbff;cursor:pointer}.repair-upload-icon{width:46px;height:46px;border-radius:13px;background:#e8f0ff;color:var(--primary);display:grid;place-items:center}.repair-upload-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.repair-upload-field>span:nth-child(2){display:flex;flex-direction:column}.repair-upload-field>span:nth-child(2) small{color:var(--muted);font-size:9px;margin-top:3px}.repair-upload-field input{grid-column:1/-1;padding:8px!important;background:#fff}.repair-upload-field>.field-error{grid-column:1/-1}.repair-submit-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px;border-top:1px solid var(--line)}.repair-submit-row>span{font-size:9px;color:var(--muted)}.repair-guide-card{padding:24px;border-radius:20px;background:linear-gradient(145deg,#173d85,#2467d2);color:#fff;box-shadow:var(--shadow)}.repair-guide-number{display:inline-block;padding:5px 9px;border-radius:20px;background:#ffffff1f;color:#dce9ff;font-size:9px}.repair-guide-card h3{margin:14px 0 10px}.repair-guide-card ul{padding-right:20px;margin:0;line-height:2.25;color:#e2ecff;font-size:11px}.repair-history-card{margin-top:18px;overflow:hidden}.repair-history-count{padding:5px 10px;border-radius:20px;background:#edf3ff;color:var(--primary);font-size:10px;font-weight:700}.repair-history-card .ticket-table-wrap{overflow:auto}.repair-history-card .ticket-table{min-width:680px}
@media(max-width:1000px){.repair-device-summary{grid-template-columns:58px 1fr}.repair-device-summary dl{grid-column:1/-1}.repair-create-layout{grid-template-columns:1fr}.repair-guide-card{order:2}}
@media(max-width:650px){.repair-device-summary{padding:15px}.repair-device-summary dl{grid-template-columns:1fr}.repair-form-card{padding:17px}.repair-submit-row{align-items:stretch;flex-direction:column}.repair-submit-row .btn{width:100%}}
.cooperation-crm-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title h2,.card-title h3{margin:0}.manage-list{list-style:none;padding:0;margin:14px 0 0}.manage-list li{border-top:1px solid #eee;padding:10px 0}.manage-list a{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}.manage-list small{color:#667085}.manage-form{max-width:850px}.manage-form form p,.case-action form p{display:grid;gap:6px}.manage-form input:not([type=checkbox]),.manage-form select,.manage-form textarea,.case-action select,.case-action textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:8px;font:inherit}.workflow-actions{display:flex;flex-wrap:wrap;gap:10px}.event-list li{padding:10px 0;border-bottom:1px solid #eee}.event-list p{margin:6px 0}.event-list small{color:#667085}.cooperation-intro{padding:25px;margin-bottom:20px;line-height:2}@media(max-width:800px){.config-grid{grid-template-columns:1fr}}

/* Fan account settings */
.fan-settings-page{max-width:1320px;margin:0 auto}.fan-settings-head{margin-bottom:22px}.fan-settings-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px;margin-bottom:20px}.fan-settings-card{padding:0;overflow:hidden}.fan-settings-card-head{display:flex;align-items:center;gap:13px;padding:20px 22px;border-bottom:1px solid #eee9f7;background:linear-gradient(135deg,#fff,#fbf9ff)}.fan-settings-card-head>i{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:#ede9fe;color:#6d28d9;font-style:normal;font-size:19px}.fan-settings-card-head>div{min-width:0}.fan-settings-card-head h2{margin:0;font-size:17px;color:#26183f}.fan-settings-card-head p{margin:4px 0 0;color:#7e748f;font-size:10px;line-height:1.7}.fan-settings-form{padding:22px}.fan-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fan-field{display:grid;align-content:start;gap:7px;color:#352a47;font-weight:700;font-size:11px}.fan-field-full{grid-column:1/-1}.fan-field input,.fan-field select,.fan-field textarea{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #ded7eb;border-radius:11px;background:#fff;color:#241936;font:inherit;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.fan-field textarea{min-height:92px;resize:vertical;line-height:1.8}.fan-field input:focus,.fan-field select:focus,.fan-field textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(139,92,246,.11)}.fan-field input:disabled{background:#f3f1f7;color:#82798f;cursor:not-allowed}.fan-field small{font-weight:400;color:#857b94;line-height:1.6}.fan-form-alert{grid-column:1/-1;margin-bottom:14px;padding:11px 13px;border:1px solid #fecdd3;border-radius:10px;background:#fff1f2;color:#be123c;font-size:10px}.fan-form-alert ul{margin:0;padding-right:18px}.fan-form-actions{display:flex;justify-content:flex-start;margin-top:20px;padding-top:18px;border-top:1px solid #eee9f7}.fan-security-card .fan-settings-form{display:grid;gap:14px}.fan-password-note{padding:11px 13px;border-radius:10px;background:#f5f3ff;color:#6d5b86;font-size:9px;line-height:1.7}.fan-security-card .fan-form-actions{margin-top:2px}.fan-bank-section{margin-bottom:20px}.fan-bank-count{margin-right:auto;padding:5px 10px;border-radius:20px;background:#ede9fe;color:#6d28d9;font-size:9px;font-weight:800;white-space:nowrap}.fan-bank-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px}.fan-bank-card{padding:16px;border:1px solid #e5def0;border-radius:16px;background:linear-gradient(145deg,#fff,#fcfaff);transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}.fan-bank-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(76,29,149,.08)}.fan-bank-card.inactive{opacity:.62;background:#f6f4f8}.fan-bank-title{display:flex;align-items:center;gap:10px}.fan-bank-title>i{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#ede9fe;color:#6d28d9;display:grid;place-items:center;font-style:normal;font-weight:800}.fan-bank-title>div{display:flex;flex-direction:column;min-width:0}.fan-bank-title strong{font-size:12px}.fan-bank-title small{margin-top:2px;color:#8b8198;font-size:9px}.fan-bank-status{margin-right:auto;padding:4px 9px;border-radius:20px;background:#e8f8f1;color:#13825e;font-size:9px;font-weight:800}.fan-bank-card.inactive .fan-bank-status{background:#eceaf0;color:#756d81}.fan-bank-card dl{display:grid;gap:8px;margin:15px 0}.fan-bank-card dl div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px dashed #e8e2ef}.fan-bank-card dt{color:#8a8097;font-size:9px}.fan-bank-card dd{margin:0;direction:ltr;text-align:left;overflow-wrap:anywhere;color:#392b50;font-size:10px;font-weight:700}.fan-bank-card form{display:flex;justify-content:flex-end}.fan-bank-toggle{padding:7px 11px;border:0;border-radius:9px;background:#f1edfa;color:#673ab7;font:inherit;font-size:9px;font-weight:700;cursor:pointer}.fan-bank-toggle:hover{background:#e8e0f7}.fan-bank-empty{text-align:center;padding:34px 20px;color:#81768f}.fan-bank-empty>i{width:44px;height:44px;margin:0 auto 10px;border-radius:14px;background:#f1edfa;color:#6d28d9;display:grid;place-items:center;font-style:normal;font-size:23px}.fan-bank-empty strong{display:block;color:#4b3e5c}.fan-bank-empty p{margin:5px 0 0;font-size:10px}.fan-bank-add{margin:0 22px 22px;padding-top:20px;border-top:1px solid #eee9f7}.fan-bank-add-head h3{margin:0;font-size:15px}.fan-bank-add-head p{margin:4px 0 0;color:#84798f;font-size:10px}.fan-bank-add .fan-settings-form{padding:18px 0 0}.fan-bank-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.fan-settings-grid{grid-template-columns:1fr}.fan-bank-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.fan-settings-card-head{align-items:flex-start;padding:17px}.fan-settings-form{padding:17px}.fan-form-grid,.fan-bank-form-grid,.fan-bank-list{grid-template-columns:1fr}.fan-field-full{grid-column:auto}.fan-bank-list{padding:17px}.fan-bank-add{margin:0 17px 17px}.fan-bank-count{align-self:center}.fan-form-actions .primary-btn{width:100%}}

/* Fan club sidebar — isolated visual system with accessible contrast. */
.fan-sidebar{
  background:linear-gradient(180deg,#2d1167 0%,#45208c 52%,#5526a3 100%);
  border-left:0;
  padding:24px 16px 20px;
  box-shadow:-10px 0 30px rgba(45,17,103,.12)
}
.fan-sidebar .brand{
  margin:0 4px 18px;
  padding:0 6px 20px;
  border-bottom:1px solid rgba(255,255,255,.14)
}
.fan-sidebar .brand-mark{
  background:linear-gradient(145deg,#8b5cf6,#5b21b6);
  color:#fff;
  box-shadow:0 10px 24px rgba(15,7,43,.34)
}
.fan-sidebar .brand strong{color:#fff;font-size:15px}
.fan-sidebar .brand small{color:rgba(255,255,255,.68)}
.fan-sidebar .main-nav{gap:7px}
.fan-sidebar .main-nav a{
  min-height:50px;
  height:auto;
  padding:0 13px;
  color:rgba(255,255,255,.76);
  border:1px solid transparent;
  border-radius:13px;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease
}
.fan-sidebar .main-nav a i{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.09);
  color:rgba(255,255,255,.9);
  font-size:17px
}
.fan-sidebar .main-nav a:hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.1);
  color:#fff;
  transform:translateX(-2px)
}
.fan-sidebar .main-nav a.active{
  background:#fff;
  border-color:#fff;
  color:#4c1d95;
  font-weight:800;
  box-shadow:0 9px 22px rgba(20,7,50,.22)
}
.fan-sidebar .main-nav a.active i{
  background:#ede9fe;
  color:#6d28d9
}
.fan-customer-return{
  margin:auto 4px 0;
  padding:11px 12px;
  color:rgba(255,255,255,.9);
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.3)
}
.fan-customer-return:hover{
  color:#fff;
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.55)
}
.fan-sidebar .logout-form{margin:8px 4px 0}
.fan-sidebar .logout-link{
  border-radius:11px;
  color:#fecaca;
  transition:background-color .18s ease,color .18s ease
}
.fan-sidebar .logout-link:hover{background:rgba(239,68,68,.14);color:#fff}

/* Hourly cooperation calendar */
.work-calendar-page{max-width:1400px;margin:0 auto}.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.calendar-head h1{margin:4px 0;font-size:25px}.calendar-head p{margin:0;color:#746987}.month-nav{display:flex;align-items:center;gap:12px;padding:7px;border:1px solid #e5def0;border-radius:13px;background:#fff}.month-nav a{padding:8px 11px;border-radius:9px;background:#f3effb;color:#5b21b6;text-decoration:none}.calendar-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.calendar-stats>div{padding:17px 20px;border:1px solid #e4ddef;border-radius:15px;background:#fff}.calendar-stats span{display:block;color:#80758f;font-size:11px}.calendar-stats strong{display:block;margin-top:6px;color:#322247;font-size:18px}.calendar-help,.calendar-alert{margin-bottom:14px;padding:12px 15px;border-radius:11px;background:#f3efff;color:#5b21b6}.calendar-alert.error,.calendar-message.error{background:#fff1f2;color:#be123c}.workday-list{overflow:hidden;border:1px solid #e4ddef;border-radius:16px;background:#fff}.workday-row{display:grid;grid-template-columns:190px minmax(400px,1fr) 34px;align-items:center;gap:15px;padding:12px 16px;border-bottom:1px solid #eee9f5}.workday-row:last-child{border-bottom:0}.workday-date{display:grid;gap:3px}.workday-date small{color:#81768e}.timeline-wrap{direction:ltr}.time-scale{display:flex;justify-content:space-between;color:#9a91a5;font-size:9px}.work-timeline{display:grid;grid-template-columns:repeat(96,1fr);height:34px;overflow:hidden;border:1px solid #ddd5e8;border-radius:8px;touch-action:none;cursor:crosshair}.work-timeline .slot{border-left:1px solid #f1edf6;background:#faf9fc}.work-timeline .slot:nth-child(4n+1){border-left-color:#d5ccdf}.work-timeline .slot.selected{background:#7c3aed;border-color:#7c3aed}.clear-day{width:30px;height:30px;border:0;border-radius:8px;background:#fff1f2;color:#e11d48;font-size:20px;cursor:pointer}.calendar-message{position:sticky;bottom:12px;width:max-content;margin:12px auto;padding:9px 15px;border-radius:20px;background:#ecfdf5;color:#047857}.today-attendance{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:18px}.today-attendance div{display:grid;gap:5px}.today-attendance small{color:#746987}.fan-calendar-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.compact-days{display:grid;gap:8px}.day-status{display:grid;grid-template-columns:1fr auto 110px;gap:12px;padding:11px 13px;border-radius:10px;background:#f8f6fb}.day-status small{text-align:left;color:#6d28d9}.day-status.absent{background:#fff1f2}.day-status.absent small{color:#be123c}.day-status.completed{background:#ecfdf5}.leave-panel form p{display:grid;gap:5px}.leave-panel input,.leave-panel textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #ded7eb;border-radius:9px}.leave-history{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee9f5}.leave-history .approved,.status-pill.approved{color:#047857}.leave-history .rejected,.status-pill.rejected{color:#be123c}.leave-review-list{display:grid;gap:12px}.leave-review-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.leave-review-card form{display:flex;gap:8px;align-items:center}.leave-review-card input{padding:9px;border:1px solid #ddd5e8;border-radius:8px}.status-pill{display:inline-block;padding:5px 9px;border-radius:20px;background:#f3effb;color:#6d28d9}.secondary-btn{display:inline-block;margin-left:8px;padding:10px 14px;border:1px solid #7c3aed;border-radius:10px;color:#6d28d9;text-decoration:none}
@media(max-width:850px){.calendar-head,.today-attendance,.leave-review-card{align-items:stretch;flex-direction:column}.calendar-stats,.fan-calendar-grid{grid-template-columns:1fr}.workday-list{overflow-x:auto}.workday-row{min-width:780px}.day-status{grid-template-columns:1fr auto}.day-status small{grid-column:1/-1;text-align:right}.leave-review-card form{flex-wrap:wrap}}

/* Customer club additions: fulfillment and refund */
.club-record-card[id]{scroll-margin-top:24px}.club-record-card:target{border-color:var(--primary);box-shadow:0 0 0 4px rgba(20,87,217,.12)}.club-record-card:focus{outline:3px solid var(--primary);outline-offset:3px}
.club-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.club-action-grid>a{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:17px 18px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--text);text-decoration:none;box-shadow:0 7px 24px rgba(32,66,125,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.club-action-grid>a:hover{transform:translateY(-2px);border-color:#b9cbee;box-shadow:0 12px 28px rgba(32,66,125,.1)}.club-action-grid i,.section-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#edf3ff;color:var(--primary)}.club-action-grid svg,.section-icon svg,.club-empty-state svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.club-action-grid span{display:flex;min-width:0;flex-direction:column;gap:3px}.club-action-grid strong{font-size:12px}.club-action-grid small{color:var(--muted);font-size:9px;line-height:1.7}.club-action-grid>b{color:var(--primary);font-size:17px}
.club-service-section{margin-bottom:18px;padding:0;overflow:hidden}.club-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#f9fbff)}.club-section-head>div{display:flex;align-items:center;gap:12px}.club-section-head .section-icon{width:40px;height:40px;border-radius:12px}.club-section-head .section-icon svg{width:20px;height:20px}.club-section-head h2{margin:0;font-size:15px}.club-section-head small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.club-section-head>b{min-width:28px;padding:5px 9px;border-radius:20px;background:#edf3ff;color:var(--primary);font-size:10px;text-align:center}.club-record-list{display:grid;gap:11px;padding:16px}.club-record-card{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) auto;align-items:center;gap:18px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.record-main{display:flex;flex-direction:column;gap:5px}.record-main>span{color:var(--muted);font-size:9px}.club-record-card dl,.club-device-grid dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.club-record-card dl div,.club-device-grid dl div{padding:9px 11px;border-radius:10px;background:#f7f9fd}.club-record-card dt,.club-device-grid dt{color:var(--muted);font-size:8px}.club-record-card dd,.club-device-grid dd{margin:3px 0 0;font-size:10px;font-weight:700}.record-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.record-actions form{margin:0}.record-note{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:10px;background:#fff8e8;color:#8a6012;font-size:9px}.club-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.club-compact-list{display:grid;padding:8px 18px 15px}.club-compact-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}.club-compact-list article:last-child{border-bottom:0}.club-compact-list article>span{display:flex;flex-direction:column;gap:4px}.club-compact-list small{color:var(--muted);font-size:9px}.text-link{color:var(--primary);font-size:9px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.repair-record{grid-template-columns:minmax(170px,.65fr) minmax(280px,1.4fr) auto}.repair-items{display:grid;gap:6px}.repair-items p{display:grid;grid-template-columns:minmax(120px,.7fr) 1fr;gap:5px 12px;margin:0;padding:8px 10px;border-radius:9px;background:#f8faff;font-size:9px}.repair-items small{grid-column:2;color:var(--muted)}.club-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.club-device-grid>article{display:grid;gap:13px;padding:16px;border:1px solid var(--line);border-radius:14px}.club-device-grid>article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.club-device-grid form{margin:0}.club-empty-state{grid-column:1/-1;padding:28px;text-align:center;color:var(--muted)}.club-empty-state>i{width:46px;height:46px;margin:0 auto 10px;display:grid;place-items:center;border-radius:14px;background:#edf3ff;color:var(--primary)}.club-empty-state strong{display:block;color:var(--text)}.club-empty-state p{margin:5px 0 0;font-size:9px}.club-empty-state.compact{padding:20px}.club-request-panel{max-width:850px;padding:24px}.club-request-panel .workflow-form{max-width:none!important}.club-request-panel .workflow-form p{display:grid;gap:7px;margin:0 0 16px}.club-request-panel .workflow-form label{font-weight:700}.club-request-panel .workflow-form input:not([type=checkbox]):not([type=radio]),.club-request-panel .workflow-form select,.club-request-panel .workflow-form textarea{box-sizing:border-box;width:100%;max-width:none;min-height:44px;padding:10px 12px;border:1px solid #ced8e9;border-radius:11px;background:#fff;font:inherit;outline:0}.club-request-panel .workflow-form textarea{min-height:115px}.club-request-panel .workflow-form input:focus,.club-request-panel .workflow-form select:focus,.club-request-panel .workflow-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(20,87,217,.09)}.btn.danger{border-color:#fecaca;background:#fff1f2;color:#be123c}.club-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.club-suggestion-card{display:flex;flex-direction:column;align-items:flex-start;padding:20px}.club-suggestion-card h2{margin:14px 0 5px}.club-suggestion-card p{min-height:45px;color:var(--muted);font-size:10px}.suggestion-price{display:flex;align-items:baseline;gap:5px;margin:8px 0;color:var(--primary)}.suggestion-price strong{font-size:21px}.club-suggestion-card form{width:100%;margin-top:auto}.wide{width:100%}
.refund-note{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:14px 17px;border:1px solid #bfd2f3;border-radius:14px;background:#f2f7ff}.refund-note>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff;color:var(--primary)}.refund-note svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.refund-note>div{display:flex;flex-direction:column;gap:3px}.refund-note span{color:var(--muted);font-size:9px}.refund-note.warning{border-color:#f2d99d;background:#fff9eb}.refund-note.warning>i{color:#ad7100}.refund-section{margin-bottom:18px;padding:0;overflow:hidden}.refund-section .responsive-table{padding:0 16px 16px}.compact-btn{padding:7px 10px!important;white-space:nowrap}.refund-form-panel .club-form p{display:grid;gap:7px;margin:0 0 16px}.refund-form-panel .club-form input:not([type=checkbox]):not([type=radio]),.refund-form-panel .club-form select,.refund-form-panel .club-form textarea{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #ced8e9;border-radius:11px;font:inherit}.refund-form-panel .club-form textarea{min-height:130px}.refund-detail-card{max-width:950px;padding:0;overflow:hidden}.refund-detail-card>header{display:flex;align-items:center;gap:12px;padding:19px 22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff,#f7faff)}.refund-detail-card>header>div{display:flex;flex-direction:column;gap:3px}.refund-detail-card>header small{color:var(--muted)}.refund-detail-card>header>.status{margin-right:auto}.refund-detail-card>dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:22px;margin:0}.refund-detail-card>dl>div{padding:14px;border:1px solid var(--line);border-radius:12px}.refund-detail-card>dl>.wide{grid-column:1/-1}.refund-detail-card dt{color:var(--muted);font-size:9px}.refund-detail-card dd{margin:6px 0 0;line-height:1.8}.refund-detail-card>footer{padding:0 22px 22px}
.option-bundle-section{margin:20px 0}.option-bundle-section>.club-section-head{margin-bottom:14px;border:1px solid var(--line);border-radius:14px}.option-bundle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.option-bundle-card{background:#fff;border:1px solid #dce5f5;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(22,47,89,.06)}.option-bundle-card header{display:flex;justify-content:space-between;gap:12px}.option-bundle-card header span{font-size:9px;color:var(--primary)}.option-bundle-card h3{margin:4px 0;font-size:15px}.option-bundle-card header b{height:max-content;border-radius:20px;padding:5px 9px;background:#eaf8ef;color:#18864b;font-size:9px}.option-bundle-card ul{padding:0;list-style:none}.option-bundle-card li{padding:8px 0;border-bottom:1px solid #eef2f7;font-size:10px}.option-bundle-card li:before{content:'✓';color:var(--primary);margin-left:7px}.option-bundle-card li.owned{color:#718096}.option-bundle-card li small{display:block;margin:3px 22px 0;color:#18864b}.bundle-price{display:flex;align-items:center;gap:10px;margin:14px 0}.bundle-price del{color:#8b95a7}.bundle-price strong{font-size:18px;color:#163a7a}.bundle-price small{font-size:9px}@media(max-width:700px){.option-bundle-grid{grid-template-columns:1fr}.option-bundle-card header{flex-direction:column}}
@media(max-width:1050px){.club-action-grid,.club-suggestion-grid{grid-template-columns:1fr}.club-record-card,.repair-record{grid-template-columns:1fr}.record-actions{justify-content:flex-start}.club-device-grid{grid-template-columns:1fr}}
@media(max-width:760px){.club-service-grid{grid-template-columns:1fr}.club-action-grid>a{grid-template-columns:42px 1fr auto}.club-record-list,.club-device-grid{padding:12px}.club-record-card{padding:13px}.club-record-card dl,.club-device-grid dl,.refund-detail-card>dl{grid-template-columns:1fr}.repair-items p{grid-template-columns:1fr}.repair-items small{grid-column:auto}.club-compact-list article{align-items:flex-start;flex-direction:column}.club-request-panel{padding:17px}.refund-section .responsive-table{padding:0 10px 12px}}

/* Navigation remains usable after adding the new customer-club modules. */
:root{--text:var(--ink)}
.club-sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
.main-nav{flex:none}
.status.success{background:#dff6ed;color:#0b8863}
.status.muted{background:#edf0f4;color:#647087;white-space:normal;line-height:1.6}

/* Keep product-specific learning inside its own asset card. */
.asset-card .related-learning{margin:14px 0 0;padding:12px 14px;border:1px solid #dbe7fb;border-radius:12px;background:#f7faff}
.asset-card .related-learning h3{margin:0 0 7px;color:#244d91;font-size:11px}
.asset-card .related-learning ul{margin:0;padding:0 17px 0 0;color:var(--muted);font-size:10px;line-height:1.9}
.asset-card .related-learning a{color:var(--primary);font-weight:700}
.asset-card .related-learning span{color:#986b18}
.login-form .remember-me{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;cursor:pointer}.login-form .remember-me input{width:18px;height:18px;margin:0;padding:0;accent-color:var(--primary);flex:none}.login-form .remember-me input:focus-visible{outline:3px solid #ffb100;outline-offset:3px}
.club-jalali-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%}.club-jalali-wrap.club-jalali-datetime{grid-template-columns:minmax(0,1fr) 130px}.club-jalali-visible,.club-jalali-time{width:100%;min-height:48px;box-sizing:border-box;border:1px solid var(--club-border,#d8e1ef);border-radius:12px;padding:10px 13px;background:var(--club-surface,#fff);color:var(--club-text,#13233d);font:inherit}.club-jalali-visible{padding-inline-start:46px;cursor:pointer}.club-jalali-time{direction:ltr}.club-jalali-button{position:absolute;inset-inline-start:7px;top:7px;width:34px;height:34px;border:0;border-radius:9px;background:#edf3ff;color:#1457d9;cursor:pointer}.club-jalali-datetime .club-jalali-button{inset-inline-start:137px}.club-jalali-error{grid-column:1/-1;color:#b42318;font-size:.82rem;font-weight:700}.club-jalali-error[hidden]{display:none}.datepicker-plot-area{z-index:4000!important;font-family:inherit!important}@media(max-width:600px){.club-jalali-wrap.club-jalali-datetime{grid-template-columns:1fr}.club-jalali-datetime .club-jalali-button{inset-inline-start:7px}}

.message-video video{display:block;width:100%;max-width:480px;max-height:360px;border-radius:12px}.message-video>a{display:block;font-size:10px}
.composer-camera input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.composer-camera .attach-menu{right:auto;left:0}
@media(max-width:700px){.composer-camera .attach-menu{right:12px;left:12px}.composer-row{gap:5px}}

.chat-composer[data-record-hold][data-recorder-state="recording"] .composer-row{display:flex}.chat-composer[data-record-hold] [data-record]{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.chat-composer[data-record-hold] [data-record][aria-pressed="true"]{background:#c63745;color:#fff}

.chat-composer[data-record-hold]{position:relative}.chat-composer[data-record-hold] .composer-recording{position:absolute;inset-inline:0;bottom:calc(100% + 8px);z-index:40;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px;box-shadow:var(--shadow)}.chat-composer[data-record-hold][data-recorder-state="recording"] .composer-help:not([hidden]){display:block}

/* Temporarily unavailable customer actions remain visible and inert. */
.club-unavailable { opacity:.55; cursor:not-allowed; text-decoration:none; }
.club-sidebar .brand>span:last-child { min-width:0; }
.club-sidebar .brand strong { white-space:normal; line-height:1.8; font-size:15px; }
.club-sidebar .brand-mark { flex-shrink:0; }
.btn:disabled,.product-select-label:disabled { opacity:.5; cursor:not-allowed; box-shadow:none; font:inherit; }
.product-choice-disabled>.product-choice-summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px; }
.product-choice-summary .product-select-label { color:var(--text-muted,#42526b); background:var(--surface-soft,#f1f6fd); }
.contact-topic-card:disabled { font:inherit; text-align:start; opacity:.5; cursor:not-allowed; box-shadow:none; }
.contact-topic-card:disabled:hover { background:var(--surface,#fff); border-color:#d4e1f3; }
@media(max-width:600px) { .product-choice-disabled>.product-choice-summary { padding:14px; flex-wrap:wrap; } }

/* Legal/financial attention is attached to its navigation and actual fields. */
.legal-attention-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#b42318;color:#fff;font-weight:800;font-size:14px;line-height:1;margin-inline-start:auto}
.mobile-nav .legal-attention-badge{margin-inline-start:3px}
.legal-field-alert{display:inline-block;color:#b42318;font-size:12px;font-weight:600;margin-inline-start:8px}
.legal-field-pending{display:inline-block;color:#854d0e;background:#fef3c7;border-radius:6px;padding:3px 7px;margin-inline-start:8px;font-size:12px}
.legal-field-row[data-legal-missing] .legal-field-value{border-color:#d92d20}
.legal-field-row[data-legal-pending] .legal-field-value{border-inline-start:3px solid #ca8a04}
.legal-pending-value{font-size:13px;padding:8px 10px;border-inline-start:3px solid #ca8a04;overflow-wrap:anywhere}
.legal-attention-note{padding:12px;border:1px solid #fda29b;border-radius:10px;color:var(--text,#172b4d)}
.legal-bank-attention{border-inline-start:3px solid #d92d20}
.mobile-nav a{position:relative}
.mobile-nav .legal-attention-badge{position:absolute;top:2px;inset-inline-end:4px;margin:0}

/* Proposed changes stay inside the value box, with complete native tooltips. */
.legal-field-heading{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.legal-field-heading>small{font-size:12px;color:var(--muted,#61718a)}
.legal-field-editor label>.legal-field-alert{margin-inline-start:8px}
.legal-change-comparison{min-width:0;display:grid;gap:4px}
.legal-change-comparison+.legal-change-comparison{margin-top:8px;padding-top:8px;border-top:1px solid var(--line,#d9e3f0)}
.legal-compare-line{display:flex;min-width:0;align-items:baseline;gap:6px}
.legal-compare-line>b{flex-shrink:0;font-size:12px}
.legal-compare-line>span,.legal-static-text{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.legal-compare-line>span{flex:1}
.legal-compare-line:focus-visible{outline:2px solid var(--primary,#1769e0);outline-offset:2px}