:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f7f3;--surface:#fff;--surface-soft:#fbfaf6;--line:#e4e1da;--line-strong:#cfc9bf;--text:#24211d;--ink:#0f344f;--muted:#6f6a62;--accent:#2f6f6b;--accent-strong:#235652;--warn:#a66a1f;--error:#a33a32;--ok:#3f7a4d;--radius:8px;font-family:Noto Sans JP,Hiragino Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,4vw,40px);display:flex}.brand{color:var(--accent);margin:0 0 4px;font-size:13px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:24px;line-height:1.35}h2{font-size:22px;line-height:1.45}h3{font-size:17px;line-height:1.45}.area-tabs,.template-row,.status-actions{gap:8px;display:flex}.area-tabs button,.template-row button{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:7px;min-height:38px;padding:8px 12px}.area-tabs .active{background:var(--accent);border-color:var(--accent);color:#fff}.notice,.alert{border-radius:var(--radius);color:#68410d;background:#fff8ea;border:1px solid #edd6ad;margin:16px clamp(18px,4vw,40px) 0;padding:12px 14px}.liff-frame{justify-content:center;align-items:start;padding:30px 16px 52px;display:flex}.phone-surface{border:1px solid var(--line);background:#fffdfa;border-radius:0;width:100%;max-width:420px;min-height:700px;padding-bottom:112px;overflow:hidden;box-shadow:0 18px 50px #0f344f12}.mobile-header{color:var(--ink);background:#fffdfa;justify-content:space-between;align-items:flex-start;padding:24px 28px 10px;display:flex}.mobile-header span{color:var(--muted);margin-bottom:5px;font-size:13px;display:block}.mobile-header strong{font-size:20px;line-height:1.25;display:block}.mobile-header small{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.mobile-section{padding:14px 19px 31px}.mobile-title{margin-bottom:24px}.mobile-title h2{color:var(--ink);letter-spacing:0;margin-bottom:0;font-family:Noto Sans JP,Hiragino Sans,system-ui,sans-serif;font-size:30px;font-weight:800;line-height:1.18}.mobile-title p{color:#31485a;margin-bottom:0;font-size:14px;font-weight:600;line-height:1.65}.page-heading{border-bottom:0;margin-bottom:34px;padding:10px 0 4px}h2.title-17{box-sizing:border-box;color:var(--ink);letter-spacing:.09em;text-align:center;max-width:318px;margin:0 auto;padding:6px 13px;font-family:Noto Serif JP,Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(24px,6.2vw,26px);font-weight:400;line-height:1.35;display:block;position:relative}h2.title-17:before,h2.title-17:after{content:"";width:26px;height:26px;position:absolute}h2.title-17:before{border-left:solid 1px var(--ink);border-top:solid 1px var(--ink);top:0;left:0}h2.title-17:after{border-bottom:solid 1px var(--ink);border-right:solid 1px var(--ink);bottom:0;right:0}h2.title-17 span:before,h2.title-17 span:after{content:"";width:40px;height:40px;position:absolute;left:0;rotate:45deg}h2.title-17 span:before{border-left:solid 1px var(--ink);top:2px;left:2px}h2.title-17 span:after{border-right:solid 1px var(--ink);bottom:2px;left:auto;right:2px}.item-list,.form-stack,.reply-box,.note-box{gap:12px;display:grid}.item-row,.ticket-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.muted-text,.item-row p,.detail-heading p{color:var(--muted)}.primary-button,.secondary-button,.inline-action{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;text-decoration:none;display:inline-flex}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff;margin-top:14px;padding:10px 14px}.secondary-button,.inline-action{background:var(--surface);border:1px solid var(--line);color:var(--accent-strong);padding:8px 12px}.liquid-glass-footer{--glass-blur:22px;--glass-opacity:.7;--glass-border:#ffffffad;--glass-highlight:#ffffffdb;--glass-shadow:0 22px 48px #0f344f2e;--glass-liquidness:1;--glass-active-scale:1.03;bottom:calc(12px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);pointer-events:none;z-index:30;width:min(390px,100% - 24px);position:fixed;left:50%;transform:translate(-50%)}.liquid-glass-filters{pointer-events:none;width:0;height:0;position:absolute}.liquid-glass-footer__shell{background:linear-gradient(137deg, rgba(255, 255, 255, var(--glass-opacity)), #ffffff57), linear-gradient(180deg, #fffdfa8f, #dee8e547);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), inset 0 1px 1px #ffffffeb, inset 0 -16px 32px #2f6f6b1a, inset 0 0 18px #ffffff5c;pointer-events:auto;height:72px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(190%) contrast(106%);backdrop-filter:blur(var(--glass-blur)) saturate(190%) contrast(106%);border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:7px;display:grid;position:relative;overflow:hidden}.liquid-glass-footer__shell:before,.liquid-glass-footer__shell:after{content:"";pointer-events:none;position:absolute;inset:0}.liquid-glass-footer__shell:before{background:radial-gradient(ellipse at 15% 3%, var(--glass-highlight), transparent 23%), radial-gradient(ellipse at 88% 0%, #ffffffc2, transparent 20%), linear-gradient(97deg, #ffffffa3, transparent 37%, #ffffff6b 72%, transparent);opacity:.94}.liquid-glass-footer__shell:after{mix-blend-mode:soft-light;opacity:.75;background:radial-gradient(circle at 11% 78%,#2f6f6b24,#0000 28%),radial-gradient(circle at 88% 72%,#0f344f1a,#0000 25%),linear-gradient(#0000 12%,#ffffff3d 49%,#0000 74%)}.liquid-glass-footer__refract{filter:url(#kyosai-liquid-glass-shell);opacity:calc(.38 + (var(--glass-liquidness) * .14));pointer-events:none;background:radial-gradient(circle at 20% 25%,#ffffff85,#0000 18%),radial-gradient(circle at 58% 64%,#2f6f6b2e,#0000 26%),linear-gradient(104deg,#ffffff1f,#ffffff5c,#ffffff1a);position:absolute;inset:6px}.liquid-glass-footer__active-lens{pointer-events:none;height:calc(100% - 14px);transform:translate3d(calc(var(--liquid-active-index) * 100%), 0, 0) scale(var(--glass-active-scale));will-change:transform;z-index:1;background:radial-gradient(circle at 30% 10%,#fffffffa,#0000 28%),radial-gradient(circle at 75% 88%,#ffffff75,#0000 30%),linear-gradient(136deg,#ffffffe0,#2f6f6b30 62%,#0f344f1f);border:1px solid #fffc;border-radius:999px;width:calc(25% - 3.5px);transition:transform .26s cubic-bezier(.2,.9,.18,1),opacity .18s;position:absolute;top:7px;left:7px;overflow:hidden;box-shadow:0 11px 26px #0f344f29,inset 0 1px 2px #fffffff0,inset 0 -10px 18px #2f6f6b26,inset 8px 0 18px #ffffff3d}.liquid-glass-footer__active-lens:before{content:"";filter:url(#kyosai-liquid-glass-active);opacity:calc(.42 + (var(--glass-liquidness) * .1));background:radial-gradient(circle at 28% 18%,#fffffff2,#0000 24%),radial-gradient(circle at 72% 72%,#2f6f6b38,#0000 32%),linear-gradient(108deg,#ffffff2e,#ffffff8a,#ffffff1f);position:absolute;inset:-12px}.liquid-glass-footer__active-lens:after{content:"";opacity:.74;background:linear-gradient(#ffffffd1,#0000 38%),radial-gradient(at 24% 4%,#ffffffdb,#0000 30%);position:absolute;inset:1px}.liquid-glass-footer__item{color:#0f344fc7;letter-spacing:0;text-shadow:0 1px #ffffff6b;z-index:2;background:0 0;border:0;border-radius:997px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:58px;padding:5px 4px;font-size:11.5px;font-weight:600;transition:color .17s,transform .17s;display:flex;position:relative}.liquid-glass-footer__item:hover,.liquid-glass-footer__item:focus-visible,.liquid-glass-footer__item:active{color:var(--accent-strong);outline:0;transform:translateY(-1px)}.liquid-glass-footer__item.is-active{color:var(--accent-strong)}.liquid-glass-footer__icon{justify-content:center;align-items:center;min-height:22px;display:inline-flex}.liquid-glass-footer__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.1;overflow:hidden}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.liquid-glass-footer__shell{background:#fffdfaf5;box-shadow:0 16px 34px #0f344f24,inset 0 1px 1px #ffffffdb}.liquid-glass-footer__refract{display:none}}@media (prefers-reduced-motion:reduce){.liquid-glass-footer__active-lens,.liquid-glass-footer__item{transition:none}}.item-row{border-top:0;border-left:0;border-right:0;padding:17px 2px}.item-row-main{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:7px;display:flex}.badge{color:#536878;background:0 0;border:1px dashed #9aa7ac;border-radius:999px;flex:none;width:fit-content;padding:5px 8px;font-size:12px;line-height:1;display:inline-flex}.guide-page{color:var(--ink)}.guide-title{margin-bottom:22px}.faq-page .mobile-title{border-bottom:0}.today-lesson{border-bottom:1px solid #b8c2c9;margin-bottom:18px;padding-bottom:20px}.today-lesson h3,.lesson-table-heading h3{color:var(--ink);margin-bottom:14px;padding-left:12px;font-size:16px;font-weight:500;position:relative}.today-lesson h3:before{content:"";background:#006a75;width:3px;position:absolute;top:2px;bottom:2px;left:0}.featured-lesson{color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;width:100%;padding:4px 0;display:grid}.play-mark{color:#fff;background:#006a75;border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.featured-lesson small,.faq-result span{color:#536878;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.featured-lesson strong{font-size:16px;font-weight:500;line-height:1.35;display:block}.featured-lesson em{color:#5d6972;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;font-style:normal;line-height:1.55;display:-webkit-box;overflow:hidden}.featured-meta{color:#334b5c;white-space:nowrap;place-items:end;gap:12px;font-size:12px;display:grid}.featured-meta b{color:var(--ink);font-size:12px}.lesson-table-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.lesson-table-heading h3{margin-bottom:0;padding-left:0}.lesson-table-heading div{gap:7px;min-width:112px;display:grid}.lesson-table-heading span{color:#536878;text-align:right;font-size:12px}.lesson-table-heading i{background:#e6e2d9;border-radius:999px;height:6px;display:block;position:relative;overflow:hidden}.lesson-table-heading i:after{border-radius:inherit;content:"";height:100%;width:var(--progress);background:#007782;position:absolute;top:0;left:0}.lesson-table-head{color:#536878;background:#f4f1ea;grid-template-columns:32px 1fr 82px;padding:12px 10px;font-size:11px;font-weight:500;display:grid}.lesson-table-head span:nth-child(3){text-align:right}.lesson-sequence-list{display:grid}.lesson-row{color:var(--ink);text-align:left;background:0 0;border:0;border-bottom:1px solid #cdd2d3;grid-template-columns:32px minmax(0,1fr) 82px;align-items:start;gap:10px;width:100%;min-height:0;padding:14px 6px;display:grid}.lesson-order{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:25px;height:25px;font-size:8px;font-weight:500;display:inline-flex}.lesson-main{min-width:0}.lesson-summary-button{color:var(--ink);text-align:left;background:0 0;border:0;gap:5px;width:100%;padding:0;display:grid}.lesson-summary-button small{color:#536878;font-size:11px;font-weight:700;display:block}.lesson-summary-button strong{font-size:16px;font-weight:500;line-height:1.35;display:block}.lesson-summary-button em{color:#5d6972;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-style:normal;line-height:1.55;display:-webkit-box;overflow:hidden}.lesson-meta-line{color:var(--ink);text-align:left;background:0 0;border-top:0;align-items:center;gap:8px;width:100%;min-height:30px;padding:8px 0 0;display:flex}.lesson-meta-line span{color:#007782;font-size:11px;font-weight:700;display:inline-flex}.lesson-meta-line em{color:#536878;white-space:nowrap;font-size:11px;font-style:normal}.lesson-row .badge{justify-self:end;margin-top:2px}.back-button{color:var(--ink);background:0 0;border:0;margin:-2px 0 16px;padding:0;font-size:13px;font-weight:500}.lesson-detail-title{color:var(--ink);border-bottom:1px solid #9fb0bb;margin-bottom:20px;padding-bottom:18px}.lesson-detail-title small{color:#536878;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.lesson-detail-title h2{color:var(--ink);margin-bottom:9px;font-size:18px;font-weight:600;line-height:1.35}.lesson-detail-title p{color:#4f6070;margin-bottom:14px;font-size:13px;line-height:1.7}.lesson-detail-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lesson-detail-meta>span{color:var(--ink);border:1px solid #c8ced0;border-radius:999px;align-items:center;min-height:24px;padding:5px 8px;font-size:12px;font-weight:400;line-height:1;display:inline-flex}.lesson-detail-meta .badge{align-items:center;min-height:24px;padding:5px 8px;font-weight:400;line-height:1;display:inline-flex}.detail-block{border-bottom:1px solid #cdd2d3;gap:12px;margin-bottom:20px;padding-bottom:20px;display:grid}.detail-block-heading{color:var(--ink);align-items:center;gap:8px;display:flex}.detail-block-heading h3{margin-bottom:0;font-size:18px;font-weight:500}.lesson-video{aspect-ratio:16/9;border:1px solid #cdd2d3;border-radius:6px;width:100%}.detail-block p,.article-blocks p{color:#4f6070;margin-bottom:0;font-size:13px;line-height:1.8}.article-blocks{gap:12px;display:grid}.article-blocks h4{color:var(--ink);margin:0;font-size:15px}.resource-link{color:var(--ink);border:1px solid #cfd4d6;justify-content:center;align-items:center;gap:12px;min-height:48px;margin-bottom:12px;padding:12px;font-size:13px;font-weight:400;text-decoration:none;display:flex}.article-image-block{gap:6px;margin:0;display:grid}.article-image-block[data-missing=true]{display:none}.article-image-block img{object-fit:contain;background:#f3f1eb;border:1px solid #d8d4cc;width:100%;height:auto;max-height:220px;display:block}.article-image-block figcaption{color:#68727a;font-size:11px;line-height:1.5}.complete-button{background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;display:inline-flex}.complete-button.is-complete{color:var(--ok);background:#e8f2eb;border-color:#cde5d1}.guide-note,.faq-contact-box{border:1px solid #cfd4d6;grid-template-columns:42px 1fr;align-items:center;gap:14px;margin-top:24px;padding:14px;display:grid}.guide-note svg,.faq-contact-box svg{color:var(--ink)}.guide-note span,.faq-contact-box span{color:#5d6972;gap:3px;font-size:12px;line-height:1.5;display:grid}.guide-note strong,.faq-contact-box strong{color:var(--ink);font-size:13px}.guide-search{border:1px solid #9fb0bb;border-radius:8px;align-items:center;gap:10px;min-height:56px;margin-bottom:16px;padding:0 14px;display:flex}.guide-search input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-height:54px}.faq-filters{gap:8px;margin-bottom:20px;padding-bottom:2px;display:flex;overflow-x:auto}.faq-filters button{color:var(--ink);background:0 0;border:1px solid #c8ced0;border-radius:5px;flex:none;min-height:38px;padding:8px 12px;font-size:13px;font-weight:700}.faq-filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.faq-result-meta{color:#536878;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.faq-result-meta button{color:var(--ink);background:0 0;border:0;font-size:12px;font-weight:700}.faq-result-list{display:grid}.faq-result{color:var(--ink);font:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #cdd2d3;gap:5px;width:100%;padding:14px 34px 14px 12px;display:grid;position:relative}.faq-result h3{margin-bottom:0;font-size:14px;line-height:1.45}.faq-result p{color:#5d6972;margin-bottom:0;font-size:12px;line-height:1.6}.faq-result i{color:var(--ink);font-size:30px;font-style:normal;line-height:1;position:absolute;top:34px;right:10px}.faq-detail-title{margin-bottom:20px}.faq-detail-title h2{font-size:16px;font-weight:500}.faq-answer-block{margin-bottom:20px}.faq-detail-contact{margin-top:0}.pdf-library{gap:0;display:grid}.pdf-list{gap:12px;display:grid}.pdf-row{color:var(--ink);background:#fbfaf6;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:86px;padding:17px 14px 17px 24px;display:grid;position:relative}.pdf-row:before{content:"";background:#007782;width:5px;position:absolute;top:0;bottom:0;left:0}.pdf-row:nth-child(5n+2):before{background:#b98a2b}.pdf-row:nth-child(5n+3):before{background:#8b7aaa}.pdf-row:nth-child(5n+4):before{background:#4d86ad}.pdf-row:nth-child(5n):before{background:#d26f78}.pdf-row-main{gap:7px;min-width:0;display:grid}.pdf-row-main h3{color:var(--ink);margin-bottom:0;font-size:17px;font-weight:600;line-height:1.45}.pdf-row-main p{color:#5d6972;margin-bottom:0;font-size:12px;font-weight:400;line-height:1.65}.pdf-open-link{color:#007782;white-space:nowrap;justify-content:center;align-items:center;gap:4px;min-height:24px;padding:2px 0;font-size:13px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.pdf-open-link span{font-size:16px;line-height:1}.faq-contact-box{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;grid-template-columns:38px 1fr auto;width:100%}.faq-contact-box svg{background:var(--ink);color:#fff;border-radius:999px;width:34px;height:34px;padding:8px}.faq-contact-box i{color:var(--ink);white-space:nowrap;background:0 0;border:0;font-size:15px;font-style:normal;font-weight:700}.badge.warn{color:var(--warn);background:#fff8ea;border-style:solid;border-color:#edd6ad}.badge.error{color:var(--error);background:#fff0ee;border-style:solid;border-color:#f0c4bd}.badge.ok{color:var(--ok);background:#eef7f0;border-style:solid;border-color:#cde5d1}.search-box{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:8px;margin-bottom:16px;padding:0 10px;display:flex}.search-box input{border:0;outline:0;width:100%;min-height:42px}.field{gap:6px;display:grid}.field span{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.field input,.field select,.field textarea,.reply-box textarea,.note-box textarea{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:7px;width:100%;min-height:40px;padding:9px 10px}.success-text{color:var(--ok);gap:4px;font-weight:700;display:grid}.success-text span{color:var(--muted);font-size:13px;font-weight:500}.contact-page{gap:16px;padding-bottom:42px}.required-badge{color:var(--error);border:1px solid #f0a0a0;border-radius:4px;padding:3px 5px;font-size:11px;font-weight:700;line-height:1}.contact-id-panel,.contact-custom-panel,.confirm-panel,.ticket-meta-panel{border-radius:var(--radius);background:#fbfaf6;border:1px solid #eeeae1;gap:14px;padding:14px;display:grid}.confirm-panel h3{color:var(--text);margin:0;font-size:16px}.contact-id-grid{gap:12px;display:grid}.contact-name-input,.contact-category-select,.contact-id-input,.contact-custom-select,.contact-custom-input{font-size:15px}.contact-subject-input,.contact-body-textarea{font-size:14px}.body-count{color:#8c8880;text-align:right;margin-top:-8px;font-size:12px}.attachment-control{gap:8px;display:grid}.attachment-button{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);cursor:pointer;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:54px;padding:12px 14px;display:grid}.attachment-button input{display:none}.attachment-button strong{color:#007782;font-size:13px}.attachment-control p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.attachment-list{gap:8px;display:grid}.attachment-list span{border:1px solid var(--line);color:var(--ink);background:#f4f1ea;border-radius:6px;justify-content:space-between;align-items:center;min-height:34px;padding:7px 8px 7px 10px;font-size:12px;display:flex}.attachment-list button{color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:2px;display:inline-flex}.contact-submit{justify-content:space-between;width:100%;min-height:52px;font-size:16px;font-weight:500}.confirm-panel{margin-top:14px}.confirm-row{border-top:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);align-items:start;gap:12px;padding-top:12px;display:grid}.confirm-row span{color:var(--muted);font-size:12px}.confirm-row strong{color:var(--text);text-align:right;word-break:break-word;font-size:13px;line-height:1.55}.confirm-row.multiline{grid-template-columns:1fr}.confirm-row.multiline strong{background:var(--surface);border:1px solid var(--line);text-align:left;white-space:pre-wrap;border-radius:6px;min-height:90px;padding:10px}.contact-complete{border-top:1px solid var(--line);color:var(--ink);text-align:center;place-items:center;gap:10px;margin-top:28px;padding-top:30px;display:grid}.contact-complete svg{color:var(--ok)}.contact-complete span{color:var(--muted)}.contact-complete strong{color:#007782;letter-spacing:0;font-size:34px}.contact-complete p{color:var(--muted);margin:0}.crm-layout{grid-template-columns:250px minmax(280px,390px) minmax(480px,1fr);gap:0;min-height:calc(100vh - 81px);display:grid}.crm-filter,.ticket-list,.ticket-detail{border-right:1px solid var(--line);padding:22px}.crm-filter,.ticket-detail{background:var(--surface)}.ticket-list{background:#fcfbf8;align-content:start;gap:10px;display:grid;overflow:auto}.ticket-row{text-align:left;gap:5px;padding:12px;display:grid}.ticket-row.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.ticket-no{color:var(--accent-strong);font-size:12px;font-weight:800}.detail-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.status-actions{flex-wrap:wrap}.conversation{gap:12px;margin:20px 0;display:grid}.ticket-meta-panel{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.ticket-meta-panel div{gap:4px;display:grid}.ticket-meta-panel span{color:var(--muted);font-size:12px}.ticket-meta-panel strong{color:var(--text);word-break:break-word;font-size:13px;line-height:1.45}.ticket-attachments{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.ticket-attachments a{border:1px solid var(--line);color:var(--muted);border-radius:7px;gap:6px;width:126px;padding:8px;font-size:12px;text-decoration:none;display:grid}.ticket-attachments img{aspect-ratio:4/3;object-fit:cover;background:#f4f1ea;border-radius:5px;width:100%}.bubble{border-radius:var(--radius);max-width:72%;padding:12px}.bubble p{margin-bottom:6px}.bubble span{color:var(--muted);font-size:12px}.bubble.inbound{background:#f0eee8;justify-self:start}.bubble.outbound{background:#eaf4f2;justify-self:end}.template-row{flex-wrap:wrap}.check-row{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}code{border:1px solid var(--line);color:var(--text);overflow-wrap:anywhere;background:#f0eee8;border-radius:6px;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;display:block}table{border-collapse:collapse;width:100%;margin-top:16px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:11px 8px}th{color:var(--muted);font-size:13px;font-weight:700}tbody tr{cursor:pointer}.crm-console{color:#18181b;background:#f8f8f7;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 81px);display:grid}.crm-sidebar{background:#fff;border-right:1px solid #e4e4e7;grid-template-rows:auto 1fr auto;gap:22px;padding:22px 16px;display:grid}.crm-sidebar-brand{gap:4px;padding:0 8px 12px;display:grid}.crm-sidebar-brand span,.crm-kicker,.crm-stat-card span,.crm-operator-card span{color:#71717a;font-size:12px;font-weight:700}.crm-sidebar-brand strong{color:#09090b;letter-spacing:0;font-size:18px}.crm-nav{align-content:start;gap:4px;display:grid}.crm-nav button{color:#52525b;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;min-height:38px;padding:9px 10px;display:flex}.crm-nav button.active,.crm-nav button:hover{color:#09090b;background:#f4f4f5}.crm-sidebar-card{background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;gap:6px;padding:14px;display:grid}.crm-sidebar-card span{color:#71717a;font-size:12px;font-weight:700}.crm-sidebar-card strong{color:#09090b;font-size:16px}.crm-sidebar-card p,.crm-page-head p,.crm-panel-head p,.crm-empty-state p,.crm-detail-head p{color:#71717a;margin:0;font-size:13px;line-height:1.55}.crm-workspace{align-content:start;gap:18px;padding:24px;display:grid}.crm-page-head,.crm-panel-head,.crm-detail-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.crm-page-head h2{color:#09090b;letter-spacing:0;margin:4px 0 5px;font-size:25px}.crm-head-actions,.crm-filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.crm-console .primary-button,.crm-console .secondary-button{margin-top:0}.crm-console .secondary-button{color:#18181b}.crm-tabs{background:#f4f4f5;border-radius:8px;align-self:start;align-items:center;gap:3px;width:fit-content;min-height:42px;padding:4px;display:inline-flex}.crm-tabs button{color:#52525b;background:0 0;border:0;border-radius:6px;min-height:34px;padding:7px 12px}.crm-tabs button.active{color:#09090b;background:#fff;box-shadow:0 1px 2px #18181b14}.crm-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.crm-stat-card,.crm-main-panel,.crm-side-panel>section,.crm-conversation-panel{background:#fff;border:1px solid #e4e4e7;border-radius:8px}.crm-stat-card{gap:9px;min-height:124px;padding:17px;display:grid}.crm-stat-card strong{color:#09090b;letter-spacing:0;font-size:30px;line-height:1}.crm-stat-card .badge{place-self:end start}.crm-console .badge{color:#3f3f46;background:#f4f4f5;border-style:solid;border-color:#e4e4e7;border-radius:999px;align-items:center;min-height:24px;padding:5px 8px}.crm-dashboard-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.crm-main-panel,.crm-conversation-panel{gap:16px;padding:18px;display:grid}.crm-panel-head h3,.crm-detail-head h3{color:#09090b;margin:0 0 4px;font-size:18px}.crm-filters select,.crm-search,.crm-console .field input,.crm-console .field select,.crm-console .field textarea,.crm-console .reply-box textarea,.crm-console .note-box textarea{color:#18181b;background:#fff;border:1px solid #e4e4e7;border-radius:6px}.crm-filters select{min-height:38px;padding:8px 10px}.crm-search{align-items:center;gap:8px;min-height:38px;padding:0 10px;display:flex}.crm-search input{border:0;outline:0;width:180px;min-height:36px}.crm-ticket-table{border:1px solid #e4e4e7;border-radius:8px;overflow:hidden}.crm-ticket-row{color:#52525b;text-align:left;background:#fff;border:0;border-bottom:1px solid #e4e4e7;grid-template-columns:116px minmax(180px,1.4fr) minmax(120px,.8fr) 96px 104px 72px;align-items:center;gap:12px;width:100%;min-height:54px;padding:10px 14px;display:grid}.crm-ticket-row:last-child{border-bottom:0}.crm-ticket-row.table-head{color:#71717a;background:#fafafa;min-height:42px;font-size:12px;font-weight:700}.crm-ticket-row strong{color:#18181b;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.crm-side-panel{gap:18px;display:grid}.crm-operator-card{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px;display:grid}.crm-operator-card div{border-right:1px solid #e4e4e7;gap:5px;padding:0 12px;display:grid}.crm-operator-card div:first-child{padding-left:0}.crm-operator-card div:last-child{border-right:0;padding-right:0}.crm-operator-card strong{color:#09090b;font-size:18px}.crm-detail-card{gap:16px;padding:16px;display:grid}.crm-detail-head{border-bottom:1px solid #e4e4e7;padding-bottom:14px}.crm-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.crm-console .ticket-meta-panel{background:#fafafa;border-color:#e4e4e7;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.crm-console .ticket-meta-panel span,.crm-console .field span{color:#71717a}.crm-console .ticket-meta-panel strong{color:#18181b}.crm-empty-state{text-align:center;justify-items:center;gap:4px;padding:34px 18px;display:grid}.crm-empty-state strong{color:#18181b}.crm-empty-state.compact{padding:24px 10px}.crm-conversation-panel{margin-bottom:8px}.crm-console .conversation{background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;max-height:420px;margin:0;padding:16px;overflow:auto}.crm-console .bubble{border:1px solid #e4e4e7;border-radius:8px}.crm-reply-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;display:grid}.crm-console .reply-box,.crm-console .note-box{background:#fff;border:1px solid #e4e4e7;border-radius:8px;gap:12px;padding:14px;display:grid}.crm-console .template-row button{color:#18181b;background:#fff;border-color:#e4e4e7}.crm-console .ticket-attachments a{color:#52525b;border-color:#e4e4e7}.app-shell.crm-mode{color:#e8e8ea;background:#121315}.crm-mode .crm-notice{color:#f2d6ae;z-index:4;background:#211a13;border-color:#4b321a;margin:0;position:fixed;top:70px;left:280px;right:24px}.crm-console{color:#e8e8ea;background:#121315;grid-template-columns:268px minmax(0,1fr);min-height:100vh;font-weight:400}.crm-console strong,.crm-console h2,.crm-console h3{font-weight:400}.crm-sidebar{background:#17181b;border-right:1px solid #303238;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;padding:16px 14px}.crm-sidebar-brand{align-items:center;gap:10px;padding:0 4px 8px;display:flex}.crm-sidebar-brand i{color:#121315;background:#f8fafc;border-radius:5px;justify-content:center;align-items:center;min-width:22px;min-height:22px;font-size:12px;font-style:normal;font-weight:400;display:inline-flex}.crm-sidebar-brand span{color:#f1f1f2;font-size:13px;font-weight:400}.crm-sidebar-search,.crm-admin-search{color:#9b9da4;background:#1e1f23;border:1px solid #36383e;border-radius:7px;align-items:center;gap:9px;min-height:38px;padding:0 10px;display:flex}.crm-sidebar-search input,.crm-admin-search input{color:#e8e8ea;background:0 0;border:0;outline:0;width:100%;min-height:36px}.crm-sidebar-search input::placeholder,.crm-admin-search input::placeholder,.crm-search input::placeholder{color:#7c7f87}.crm-sidebar-search kbd{color:#a8abb2;background:#17181b;border:1px solid #3a3c42;border-radius:5px;padding:2px 5px;font-family:inherit;font-size:11px;font-weight:400}.crm-nav{gap:2px;padding-top:8px}.crm-nav-section{color:#7b7e86;padding:10px 9px 5px;font-size:11px;font-weight:400;display:block}.crm-nav button{color:#c0c2c7;border-radius:6px;gap:9px;min-height:34px;padding:8px 9px;font-size:13px;font-weight:400}.crm-nav button.active{color:#fff;background:#00a884}.crm-nav button:hover{color:#fff;background:#24252a}.crm-nav button.active:hover{background:#00a884}.crm-nav button:has(.crm-nav-child){min-height:30px;margin-left:20px;padding:6px 9px}.crm-nav-child{font-size:12px}.crm-sidebar-card{background:#1e1f23;border-color:#36383e;border-radius:7px;gap:5px;padding:12px}.crm-sidebar-card span,.crm-sidebar-brand span,.crm-kicker,.crm-stat-card span,.crm-operator-card span{color:#9b9da4;font-weight:400}.crm-sidebar-card strong{color:#f1f1f2;font-size:14px;font-weight:400}.crm-sidebar-card p{color:#92959c;font-size:12px;line-height:1.55}.crm-main-area{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.crm-admin-bar{background:#17181b;border-bottom:1px solid #303238;justify-content:space-between;align-items:center;gap:16px;padding:9px 18px;display:flex}.crm-admin-search{width:min(44vw,460px);max-width:460px}.crm-admin-left{align-items:center;gap:12px;min-width:0;display:flex}.portal-preview-tabs{white-space:nowrap;align-items:center;gap:6px;padding-bottom:1px;display:flex;overflow-x:auto}.portal-preview-tabs button{color:#e6e7eb;background:#222327;border:1px solid #36383e;border-radius:6px;min-height:32px;padding:6px 9px}.portal-preview-tabs button:hover{background:#2a2c31;border-color:#4a4d55}.crm-admin-actions{align-items:center;gap:8px;display:flex}.crm-avatar{color:#17181c;background:#e8e8ea;border-radius:999px;justify-content:center;align-items:center;min-width:30px;min-height:30px;font-size:12px;font-weight:400;display:inline-flex}.crm-workspace{background:#121315;gap:14px;padding:22px 24px 28px}.crm-page-head h2{color:#f1f1f2;margin:3px 0 6px;font-size:20px;font-weight:500}.crm-page-head p,.crm-panel-head p,.crm-empty-state p,.crm-detail-head p{color:#9a9ca3;font-size:12px}.crm-console .primary-button{color:#f1f1f2;background:#1e1f23;border-color:#3a3c42}.crm-console .secondary-button{color:#d7d9dd;background:#1b1c20;border-color:#36383e}.crm-tabs{background:#1b1c20;border:1px solid #36383e;border-radius:7px;min-height:36px}.crm-tabs button{color:#b1b3ba;min-height:28px;padding:5px 10px;font-size:12px;font-weight:400}.crm-tabs button.active{box-shadow:none;color:#fff;background:#2a2b30}.crm-stat-grid{gap:10px}.crm-stat-card,.crm-main-panel,.crm-side-panel>section,.crm-conversation-panel{background:#1d1e22;border-color:#34363c;border-radius:7px}.crm-stat-card{gap:8px;min-height:94px;padding:15px}.crm-stat-card strong{color:#f8fafc;font-size:24px;font-weight:500}.crm-console .badge{color:#c9cbd1;background:#2a2b30;border-color:#3f4147;min-height:22px;padding:4px 7px;font-size:11px;font-weight:400}.crm-console .badge.warn{color:#f4c37a;background:#f59e0b1c;border-color:#f59e0b3d}.crm-console .badge.error{color:#f4a5b3;background:#f43f5e1c;border-color:#f43f5e3d}.crm-console .badge.ok{color:#74dfbf;background:#10b9811f;border-color:#10b98142}.crm-dashboard-grid{grid-template-columns:minmax(0,1fr) 350px;gap:12px}.crm-main-panel,.crm-conversation-panel{gap:13px;padding:14px}.crm-panel-head h3,.crm-detail-head h3{color:#f1f1f2;font-size:15px;font-weight:400}.crm-filters select,.crm-search,.crm-console .field input,.crm-console .field select,.crm-console .field textarea,.crm-console .reply-box textarea,.crm-console .note-box textarea{color:#e8e8ea;background:#18191d;border-color:#36383e;font-weight:400}.crm-search{min-height:34px}.crm-search input{color:#e8e8ea;background:0 0;min-height:32px;font-weight:400}.crm-ticket-table{border-color:#34363c;border-radius:7px}.crm-ticket-row{color:#b4b6bd;background:#1d1e22;border-bottom-color:#34363c;min-height:48px;font-size:12px;font-weight:400}.crm-ticket-row.table-head{color:#9a9ca3;background:#24252a;min-height:38px;font-weight:400}.crm-ticket-row:not(.table-head):hover,.crm-ticket-row.active{background:#27282d}.crm-ticket-row.active{box-shadow:inset 3px 0 #00a884}.crm-ticket-row strong{color:#ececee;font-size:13px;font-weight:400}.ticket-no{color:#9adccf;font-weight:400}.crm-operator-card{padding:13px}.crm-operator-card div{border-right-color:#34363c}.crm-operator-card strong{color:#f1f1f2;font-size:15px;font-weight:500}.crm-detail-card{gap:14px;padding:14px}.crm-detail-head{border-bottom-color:#34363c}.crm-console .ticket-meta-panel{background:#18191d;border-color:#34363c}.crm-console .ticket-meta-panel span,.crm-console .field span{color:#9a9ca3;font-weight:400}.crm-console .ticket-meta-panel strong{color:#e8e8ea;font-weight:400}.crm-empty-state strong{color:#f1f1f2;font-weight:400}.crm-console .conversation{background:#18191d;border-color:#34363c}.crm-console .bubble{border-color:#3a3c42}.crm-console .bubble.inbound{background:#1e1f23}.crm-console .bubble.outbound{background:#20252a}.crm-console .bubble p{color:#e8e8ea;font-weight:400}.crm-console .reply-box,.crm-console .note-box{background:#1d1e22;border-color:#34363c}.crm-console .template-row button{color:#d7d9dd;background:#18191d;border-color:#36383e;font-weight:400}.crm-workspace.ticket-workspace{gap:0;min-height:calc(100vh - 56px);padding:0;overflow:hidden}.crm-ticket-workbench{background:#17181b;grid-template-columns:296px minmax(0,1fr) 312px;min-height:calc(100vh - 56px);display:grid}.crm-inbox-panel,.crm-chat-panel,.crm-profile-panel{min-width:0}.crm-inbox-panel{background:#1c1d20;border-right:1px solid #34363c;grid-template-rows:auto auto auto auto minmax(0,1fr);padding:14px 12px 0;display:grid}.crm-inbox-head,.crm-chat-head,.crm-profile-title,.crm-inbox-item-top,.crm-inbox-item-bottom,.crm-composer-foot{align-items:center;display:flex}.crm-inbox-head,.crm-chat-head{justify-content:space-between}.crm-inbox-head{gap:12px;padding:2px 2px 12px}.crm-inbox-head h2,.crm-chat-head h2{color:#f0f1f2;margin:2px 0 0;font-size:15px;font-weight:400;line-height:1.25}.crm-inbox-head .icon-button{color:#c6c8ce;background:#242528;border:1px solid #3a3c42;border-radius:6px;min-height:30px;padding:5px 9px;font-size:12px}.crm-inbox-filter{background:#202125;border:1px solid #34363c;border-radius:8px;gap:8px;margin-bottom:10px;padding:9px;display:grid}.crm-filter-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.crm-filter-summary span,.crm-filter-summary small{color:#92959c;font-size:11px}.crm-filter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.crm-filter-list button{color:#c6c8ce;text-align:left;background:#242528;border:1px solid #37393f;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:6px 8px;display:flex}.crm-filter-list button:hover{background:#2b2c31;border-color:#42444a}.crm-filter-list button.active{color:#fff;background:#2c3a3c;border-color:#00a88480}.crm-filter-list span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.crm-filter-list strong{color:#f0f1f2;font-size:12px;font-weight:400}.crm-inbox-list{border-top:1px solid #34363c;min-height:0;padding:8px 0 14px;overflow:auto}.crm-inbox-item{color:#c8cad0;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;gap:5px;width:100%;margin-bottom:6px;padding:10px;display:grid}.crm-inbox-item:hover{background:#242528;border-color:#34363c}.crm-inbox-item.active{background:#28292d;border-color:#404247;box-shadow:inset 3px 0 #00a884}.crm-inbox-item-top,.crm-inbox-item-bottom{justify-content:space-between;gap:8px}.crm-inbox-item-top strong{color:#f0f1f2;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;overflow:hidden}.crm-inbox-item-top time,.crm-inbox-preview{color:#8f9299;font-size:11px}.crm-inbox-subject{color:#d6d8dc;font-size:12px;line-height:1.45}.crm-inbox-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.crm-chat-panel{background:#202124;grid-template-rows:auto minmax(0,1fr) auto;display:grid}.crm-chat-head{background:#1d1e21;border-bottom:1px solid #37393f;min-height:62px;padding:12px 18px}.crm-chat-head p{color:#9a9ca3;margin:4px 0 0;font-size:12px}.crm-chat-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.crm-console .conversation.support-conversation{background:#222326;border:0;border-radius:0;align-content:start;gap:14px;min-height:0;padding:24px;display:grid;overflow:auto}.crm-console .support-conversation .bubble{border:1px solid #42444a;border-radius:8px;max-width:min(72%,760px);padding:10px 12px;box-shadow:0 6px 16px #00000024}.crm-console .support-conversation .bubble.inbound{background:#343539;justify-self:start}.crm-console .support-conversation .bubble.outbound{background:#26343a;border-color:#36505a;justify-self:end}.crm-console .support-conversation .bubble p{color:#f0f1f2;margin:0;font-size:12px;line-height:1.65}.crm-console .support-conversation .bubble span{color:#a4a7ad;margin-top:6px;font-size:10px;line-height:1.4;display:block}.crm-console .reply-box.crm-composer{background:#1d1e21;border:0;border-top:1px solid #37393f;border-radius:0;gap:9px;padding:12px 14px}.crm-composer-tools{align-items:center;gap:8px;display:flex;position:relative}.crm-tool-button{color:#d9dadd;background:#242528;border:1px solid #3d3f45;border-radius:7px;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:12px;font-weight:400;display:inline-flex;position:relative}.crm-tool-button:hover{color:#f7f8f9;background:#2c2d31}.crm-tool-button.disabled,.crm-tool-button:disabled{color:#7f838c;cursor:not-allowed;opacity:.62}.crm-tool-button input{cursor:pointer;opacity:0;width:100%;position:absolute;inset:0}.crm-tool-button.disabled input{cursor:not-allowed}.crm-tool-popover-wrap{position:relative}.crm-tool-popover{z-index:7;background:#222327;border:1px solid #42444a;border-radius:8px;gap:10px;width:min(360px,72vw);padding:10px;display:grid;position:absolute;top:40px;left:0;box-shadow:0 18px 46px #0000005c}.crm-popover-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.crm-popover-head strong{color:#f0f1f2;font-size:13px;font-weight:400}.crm-popover-head button{color:#d9dadd;background:#1d1e21;border:1px solid #3d3f45;border-radius:6px;min-height:28px;padding:5px 8px;font-size:11px}.crm-template-list{gap:6px;max-height:260px;display:grid;overflow:auto}.crm-template-list button{color:#d9dadd;text-align:left;background:#292a2e;border:1px solid #3d3f45;border-radius:7px;gap:4px;padding:9px;display:grid}.crm-template-list button:hover{background:#313236;border-color:#4b4d54}.crm-template-list strong{color:#f0f1f2;font-size:12px;font-weight:400}.crm-template-list span{color:#aeb1b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.emoji-picker{width:min(320px,72vw)}.crm-emoji-list{flex-wrap:wrap;gap:6px;display:flex}.crm-emoji-list button{color:#f0f1f2;background:#292a2e;border:1px solid #3d3f45;border-radius:7px;min-height:32px;padding:6px 9px;font-size:12px}.crm-emoji-list button:hover{background:#313236}.crm-composer-attachments{flex-wrap:wrap;gap:6px;display:flex}.crm-composer-attachments span{color:#d9dadd;text-overflow:ellipsis;white-space:nowrap;background:#242528;border:1px solid #3d3f45;border-radius:999px;align-items:center;gap:5px;max-width:260px;min-height:28px;padding:5px 7px;font-size:11px;display:inline-flex;overflow:hidden}.crm-composer-attachments button{color:#aeb1b8;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.crm-console .reply-box.crm-composer textarea{color:#f7f8f9;resize:vertical;background:#242528;border:1px solid #42444a;border-radius:7px;min-height:112px;padding:10px 12px;font-size:13px;line-height:1.65}.crm-console .reply-box.crm-composer textarea::placeholder{color:#b8bbc2;opacity:1}.crm-console .reply-box.crm-composer textarea:disabled{color:#f0f1f2;cursor:not-allowed}.crm-console .reply-box.crm-composer .template-row button:disabled{color:#7f838c;cursor:not-allowed;opacity:.62}.crm-composer-foot{justify-content:space-between;gap:10px}.crm-composer-foot .check-row{flex-shrink:0}.crm-composer-foot>span{color:#8f9299;margin-right:auto;font-size:11px}.crm-console .reply-box.crm-composer .primary-button{white-space:nowrap;flex-shrink:0;min-width:138px}.crm-console .reply-box.crm-composer .primary-button:disabled{color:#8f9299;cursor:not-allowed;opacity:.62}.crm-profile-panel{background:#1c1d20;border-left:1px solid #34363c;min-height:0;padding:12px;overflow:auto}.crm-profile-section{border-bottom:1px solid #34363c;gap:9px;padding:13px 0;display:grid}.crm-profile-section:first-child{padding-top:0}.crm-profile-section h3{color:#f0f1f2;margin:0;font-size:13px;font-weight:400}.crm-profile-title{gap:10px;padding-bottom:4px}.crm-avatar.small{min-width:34px;min-height:34px}.crm-profile-title h3{font-size:14px}.crm-profile-title p{color:#92959c;margin:3px 0 0;font-size:11px}.info-row{grid-template-columns:92px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.info-row span{color:#92959c;font-size:11px}.info-row strong{color:#dedfe3;overflow-wrap:anywhere;font-size:12px;font-weight:400;line-height:1.45}.info-row.ok strong{color:#74dfbf}.info-row.warn strong{color:#f4c37a}.crm-profile-panel .crm-select-grid{grid-template-columns:1fr;gap:8px}.crm-profile-panel .field{gap:5px}.crm-profile-panel .field select,.crm-profile-panel .note-box textarea{color:#e8e8ea;background:#242528;border:1px solid #3d3f45;border-radius:6px}.ticket-attachments.compact{grid-template-columns:1fr;gap:8px;display:grid}.crm-note-list{gap:8px;display:grid}.crm-note-list>p{color:#92959c;margin:0;font-size:12px}.crm-note-list div{background:#242528;border:1px solid #37393f;border-radius:7px;padding:8px}.crm-note-list span{color:#92959c;margin-bottom:5px;font-size:10px;display:block}.crm-note-list p{color:#dedfe3;margin:0;font-size:12px;line-height:1.55}.crm-console .note-box.compact{background:0 0;border:0;border-radius:0;gap:8px;padding:0}.crm-console .note-box.compact button{justify-self:end}.admin-workspace{background:#151619;min-height:calc(100vh - 56px);padding:22px 24px 28px;overflow:auto}.admin-page-head,.admin-editor-head,.admin-list-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-page-head{border-bottom:1px solid #303238;margin-bottom:18px;padding-bottom:16px}.admin-page-head h2,.admin-editor-head h2{color:#f0f1f2;margin:3px 0 5px;font-size:20px;font-weight:400}.admin-page-head p,.admin-editor-head p,.admin-list-head p{color:#9a9ca3;margin:0;font-size:12px}.content-workbench{grid-template-columns:236px minmax(0,1fr);gap:14px;display:grid}.content-sidebar{align-self:start;gap:12px;display:grid}.admin-list-panel,.admin-editor-form,.content-category-panel,.settings-nav,.settings-detail{background:#1d1e22;border:1px solid #34363c;border-radius:8px}.admin-panel-label{color:#92959c;margin-bottom:3px;font-size:11px}.content-category-panel{gap:10px;padding:12px;display:grid}.content-category-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.content-category-head button{color:#d9dadd;background:#242528;border:1px solid #37393f;border-radius:6px;align-items:center;gap:4px;min-height:28px;padding:5px 7px;font-size:11px;display:inline-flex}.content-category-list{gap:6px;display:grid}.content-category-list button{color:#d9dadd;text-align:left;background:#242528;border:1px solid #37393f;border-radius:7px;justify-content:space-between;align-items:center;min-height:34px;padding:7px 9px;font-size:12px;display:flex}.content-category-list button.active,.content-category-list button:hover{color:#fff;background:#2a2b30;border-color:#4b4e55}.content-category-list strong{font-size:12px;font-weight:400}.content-category-form{gap:7px;display:grid}.content-category-form input,.content-category-form button{color:#f7f8f9;font:inherit;background:#242528;border:1px solid #3d3f45;border-radius:7px;min-height:32px;padding:0 9px;font-size:12px}.content-category-form button{color:#d9dadd}.content-category-form button:disabled{color:#727680;cursor:not-allowed}.admin-list-panel{min-width:0;padding:14px}.admin-list-panel.full{max-width:1180px}.admin-list-head{border-bottom:1px solid #34363c;padding-bottom:12px}.admin-list-head h3,.settings-detail h3{color:#f0f1f2;margin:0 0 4px;font-size:15px;font-weight:400}.settings-section-head{justify-content:space-between;align-items:center;gap:12px;max-width:1280px;display:flex}.settings-section-head p{color:#9a9ca3;margin:0;font-size:12px;line-height:1.6}.secondary-button.compact,.danger-button.compact{align-items:center;gap:5px;min-height:32px;padding:6px 9px;font-size:12px;display:inline-flex}.contact-category-settings{grid-template-columns:minmax(280px,340px) minmax(760px,1fr);gap:16px;max-width:1280px;display:grid;overflow-x:auto}.contact-category-list{gap:8px;display:grid}.contact-category-list button{color:#d9dadd;text-align:left;background:#242528;border:1px solid #37393f;border-radius:8px;gap:6px;padding:10px;display:grid}.contact-category-list button.active,.contact-category-list button:hover{background:#2a2b30;border-color:#2dd4bf}.contact-category-list strong{color:#f0f1f2;font-size:13px;font-weight:500}.contact-category-list span{color:#a5a8af;font-size:11px;line-height:1.5}.contact-category-list .badge{justify-self:start}.contact-category-editor,.contact-rule-panel,.contact-custom-editor{gap:12px;display:grid}.contact-category-editor{background:#202126;border:1px solid #34363c;border-radius:8px;min-width:760px;padding:14px}.contact-category-editor .field{gap:7px}.contact-category-editor input,.contact-category-editor select{color:#f7f8f9;font:inherit;background:#242528;border:1px solid #3d3f45;border-radius:7px;min-height:36px;padding:8px 10px;font-size:13px}.contact-rule-panel,.contact-custom-editor{background:#1d1e22;border:1px solid #34363c;border-radius:8px;padding:12px}.contact-field-rule{border-top:1px solid #303238;grid-template-columns:minmax(130px,1fr) auto auto;align-items:center;gap:10px;min-height:42px;padding-top:10px;display:grid}.contact-field-rule strong{color:#f0f1f2;font-size:13px;font-weight:500}.switch-row.tight{color:#d9dadd;align-items:center;gap:7px;min-height:auto;font-size:12px;display:inline-flex}.switch-row.tight input{accent-color:#2dd4bf;width:auto;min-height:auto}.switch-row.tight input:disabled+span{color:#6f737c}.contact-custom-editor-head{justify-content:space-between;align-items:center;display:flex}.contact-custom-editor-head button{color:#d9dadd;font:inherit;background:#242528;border:1px solid #3d3f45;border-radius:7px;align-items:center;gap:5px;min-height:30px;padding:5px 8px;font-size:12px;display:inline-flex}.contact-custom-field-row{border-top:1px solid #303238;grid-template-columns:minmax(210px,1.1fr) 126px 76px minmax(260px,1fr) auto;align-items:end;gap:10px;padding-top:12px;display:grid}.crm-admin-search.compact{width:320px;max-width:320px}.admin-filter-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.content-list-filters{flex-wrap:nowrap}.content-list-filters select{min-width:116px}.admin-filter-row select{color:#d9dadd;background:#242528;border:1px solid #3d3f45;border-radius:7px;min-height:34px;padding:0 10px;font-size:12px}.admin-data-table{margin-top:10px;display:grid}.admin-data-row{color:#c5c7cd;text-align:left;background:0 0;border:0;border-bottom:1px solid #303238;grid-template-columns:minmax(220px,1fr) 150px 96px 84px 52px;gap:12px;width:100%;min-height:46px;padding:10px 8px;font-size:12px;display:grid}.admin-data-row:not(.table-head):hover{background:#242528}.admin-data-row.table-head{color:#8f9299;pointer-events:none;min-height:36px}.admin-data-row strong{color:#f0f1f2;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;overflow:hidden}.admin-data-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.faq-table .admin-data-row{grid-template-columns:minmax(280px,1fr) 150px 96px 84px}.media-workspace{gap:14px;display:grid;overflow:auto}.media-upload-main{cursor:pointer;position:relative}.media-upload-main.disabled{cursor:not-allowed;opacity:.65}.media-upload-main input{opacity:0;width:100%;position:absolute;inset:0}.media-summary-row{grid-template-columns:repeat(3,minmax(0,180px));gap:10px;display:grid}.media-summary-row div{background:#1d1e22;border:1px solid #34363c;border-radius:8px;gap:4px;padding:12px;display:grid}.media-summary-row span{color:#92959c;font-size:11px}.media-summary-row strong{color:#f0f1f2;font-size:20px;font-weight:500}.media-manager-shell{grid-template-columns:minmax(520px,1fr) minmax(300px,360px);gap:14px;max-width:1280px;display:grid}.media-library-panel{align-self:start}.media-admin-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;margin-top:12px;display:grid}.media-admin-grid>button{color:#d9dadd;text-align:left;background:#242528;border:1px solid #383a40;border-radius:8px;gap:8px;padding:8px;display:grid}.media-admin-grid>button.active,.media-admin-grid>button:hover{background:#2a2b30;border-color:#2dd4bf}.media-admin-grid img{aspect-ratio:4/3;object-fit:cover;background:#17181c;border:1px solid #34363c;border-radius:6px;width:100%}.media-admin-grid span{color:#f0f1f2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.media-admin-grid .badge{justify-self:start}.media-detail-panel{background:#1d1e22;border:1px solid #34363c;border-radius:8px;align-self:start;gap:12px;padding:14px;display:grid}.media-detail-preview{background:#17181c;border:1px solid #34363c;border-radius:8px;overflow:hidden}.media-detail-preview img{object-fit:contain;width:100%;max-height:320px;display:block}.media-detail-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.media-detail-title strong{color:#f0f1f2;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.media-delete-note{color:#aeb1b8;background:#232429;border:1px solid #383a40;border-radius:7px;padding:10px;font-size:12px;line-height:1.7}.danger-button{color:#ffd8d8;font:inherit;background:#3a1f22;border:1px solid #703037;border-radius:7px;min-height:38px;padding:8px 12px;font-size:13px}.danger-button:hover:not(:disabled){background:#4a2529;border-color:#9a3a42}.danger-button:disabled{color:#8b7476;cursor:not-allowed;opacity:.7}.editor-workspace{gap:16px;display:grid}.admin-editor-head{justify-content:flex-start}.admin-editor-form{gap:14px;max-width:980px;padding:18px;display:grid}.admin-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-editor-form .field{gap:7px}.admin-editor-form input,.admin-editor-form select,.admin-editor-form textarea{color:#f7f8f9;font:inherit;background:#242528;border:1px solid #3d3f45;border-radius:7px;padding:9px 10px;font-size:13px}.admin-editor-form textarea{resize:vertical;line-height:1.7}.rich-editor{gap:7px;display:grid}.rich-editor>span{color:#aeb1b8;font-size:12px}.rich-editor-frame{background:#242528;border:1px solid #3d3f45;border-radius:8px;overflow:hidden}.rich-editor-toolbar{background:#202126;border-bottom:1px solid #36383e;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.rich-editor-toolbar button,.rich-editor-toolbar select{color:#dfe1e5;font:inherit;background:#282a2f;border:1px solid #3f4249;border-radius:7px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:12px;font-weight:400;display:inline-flex}.rich-editor-toolbar button:hover,.rich-editor-toolbar select:hover{color:#fff;background:#303238;border-color:#4a4d55}.rich-editor-toolbar button[aria-label=太字]{width:36px;font-weight:600}.rich-editor-toolbar button[aria-label=下線]{width:36px;text-decoration:underline}.rich-editor-media-button{margin-left:auto}.rich-editor-media-panel{background:#232429;border-bottom:1px solid #36383e;gap:10px;padding:10px;display:grid}.media-panel-head,.media-panel-controls{align-items:center;gap:8px;display:flex}.media-panel-head{justify-content:space-between}.media-panel-head div{gap:2px;display:grid}.media-panel-head strong{color:#f7f8f9;font-size:13px;font-weight:600}.media-panel-head span{color:#aeb1b8;font-size:12px}.rich-editor-media-panel input,.rich-editor-media-panel button,.media-upload-button{color:#f7f8f9;font:inherit;background:#282a2f;border:1px solid #3f4249;border-radius:7px;min-height:32px;padding:0 10px;font-size:12px}.media-panel-controls input{flex:1 1 0;min-width:160px}.rich-editor-media-panel button,.media-upload-button{color:#dfe1e5;justify-content:center;align-items:center;gap:6px;display:inline-flex}.media-upload-button{cursor:pointer;flex:none;position:relative}.media-upload-button input{opacity:0;width:100%;position:absolute;inset:0}.rich-editor-media-panel button:disabled,.media-upload-button.disabled{color:#757982;cursor:not-allowed}.media-library-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;max-height:260px;display:grid;overflow:auto}.media-library-grid p{color:#aeb1b8;grid-column:1/-1;margin:6px 0;font-size:12px}.media-library-grid button{text-align:left;background:#1f2024;align-items:stretch;gap:6px;min-height:0;padding:7px;display:grid}.media-library-grid button:hover{background:#2a2c31;border-color:#4d5058}.media-library-grid img{aspect-ratio:4/3;object-fit:cover;background:#18191d;border:1px solid #35383f;border-radius:6px;width:100%}.media-library-grid span{color:#f0f1f3;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rich-editor-surface{color:#f7f8f9;outline:none;min-height:300px;padding:12px;font-size:13px;line-height:1.75}.rich-editor-surface:focus{box-shadow:inset 0 0 0 1px #2dd4bf8c}.rich-editor-surface:empty:before{color:#7f838c;content:attr(data-placeholder)}.rich-editor-surface p,.rich-content p{margin:0 0 12px}.rich-editor-surface ul,.rich-editor-surface ol,.rich-content ul,.rich-content ol{margin:0 0 12px;padding-left:20px}.rich-editor-surface figure,.rich-content figure{margin:14px 0}.rich-editor-surface img,.rich-content img{background:#18191d;border:1px solid #3d3f45;border-radius:7px;max-width:100%;display:block}.rich-editor-surface figcaption,.rich-content figcaption{color:#aeb1b8;margin-top:6px;font-size:12px;line-height:1.6}.rich-content{color:inherit;font-size:14px;line-height:1.8}.rich-content h3,.rich-content h4{color:#24211d;margin:16px 0 8px;font-size:16px;font-weight:500;line-height:1.55}.admin-editor-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.template-workspace{overflow:auto}.template-manager-shell{grid-template-columns:minmax(360px,1fr) minmax(360px,520px);gap:14px;max-width:1180px;display:grid}.template-list-panel{align-self:start}.reply-template-list{gap:8px;margin-top:12px;display:grid}.reply-template-list button{color:#d9dadd;text-align:left;background:#242528;border:1px solid #383a40;border-radius:8px;gap:6px;padding:12px;display:grid}.reply-template-list button.active,.reply-template-list button:hover{background:#2a2b30;border-color:#4b4e55}.reply-template-list button.active{box-shadow:inset 3px 0 #00a884}.reply-template-list strong{color:#f0f1f2;font-size:13px;font-weight:400}.reply-template-list span{color:#aeb1b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.template-editor-form{align-self:start}.template-editor-form h3{color:#f0f1f2;margin:3px 0 0;font-size:15px;font-weight:400}.template-editor-preview{background:#242528;border:1px solid #383a40;border-radius:8px;gap:7px;padding:12px;display:grid}.template-editor-preview span{color:#8f9299;font-size:11px}.template-editor-preview strong{color:#f0f1f2;font-size:13px;font-weight:400}.template-editor-preview p{color:#aeb1b8;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.65}.settings-workspace,.contact-category-workspace{overflow:auto}.settings-shell{grid-template-columns:260px minmax(0,760px);gap:14px;display:grid}.settings-nav{align-self:start;gap:4px;padding:10px;display:grid}.settings-nav button{color:#c5c7cd;text-align:left;background:0 0;border:0;border-radius:7px;min-height:36px;padding:8px 10px;font-size:13px}.settings-nav button.active,.settings-nav button:hover{color:#fff;background:#2a2b30}.settings-detail{gap:14px;padding:16px;display:grid}.settings-row-list,.settings-form-grid,.settings-template-list,.settings-check-list{gap:10px;display:grid}.settings-form-grid p,.settings-muted{color:#9a9ca3;margin:0;font-size:12px;line-height:1.6}.switch-row{color:#e8e8ea;background:#242528;border:1px solid #3d3f45;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:10px;display:flex}.settings-table,.settings-template-list,.settings-check-list{gap:8px;display:grid}.settings-table>div,.settings-template-list>div,.settings-check-list>div{background:#242528;border:1px solid #3d3f45;border-radius:8px;gap:6px;padding:10px;display:grid}.settings-table>div{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.settings-table strong,.settings-template-list strong,.settings-check-list strong{color:#f0f1f2;font-size:13px;font-weight:400}.settings-table span,.settings-template-list p,.settings-check-list p{color:#aeb1b8;margin:0;font-size:12px;line-height:1.55}@media (width>=1700px){.crm-ticket-workbench{grid-template-columns:322px minmax(0,1fr) 336px}}@media (width<=920px){.topbar{flex-direction:column;align-items:flex-start}.crm-admin-bar,.crm-admin-left{flex-direction:column;align-items:stretch}.crm-admin-search{width:100%;max-width:none}.portal-preview-tabs{width:100%}.liff-frame{padding-left:14px;padding-right:14px}.crm-layout,.crm-console,.crm-dashboard-grid,.crm-reply-grid,.crm-ticket-workbench{grid-template-columns:1fr}.crm-ticket-workbench{min-height:auto}.crm-inbox-panel,.crm-profile-panel{border-left:0;border-right:0}.crm-inbox-panel{max-height:none}.crm-chat-panel{min-height:720px}.crm-console .support-conversation .bubble{max-width:92%}.crm-sidebar{border-bottom:1px solid #e4e4e7;border-right:0;grid-template-rows:auto}.crm-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.crm-nav button{justify-content:center}.crm-nav button svg{display:none}.crm-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-ticket-row{grid-template-columns:96px minmax(150px,1fr) 96px 92px}.crm-ticket-row span:nth-child(4),.crm-ticket-row span:nth-child(6),.crm-ticket-row.table-head span:nth-child(4),.crm-ticket-row.table-head span:nth-child(6){display:none}.crm-filter,.ticket-list,.ticket-detail{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=520px){.app-shell.liff-mode .topbar{display:none}.app-shell.liff-mode .notice{border-top:0;border-left:0;border-right:0;border-radius:0;margin:0}.topbar{padding:14px}.area-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.area-tabs button{min-width:0;padding-left:6px;padding-right:6px}.item-row-main{gap:8px;display:grid}.item-row-main .badge{order:-1}.liff-frame{padding:0}.phone-surface{box-shadow:none;border:0;border-radius:0;min-height:100vh}.liquid-glass-footer{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 18px)}.liquid-glass-footer__shell{min-height:70px}}