/* NexoraSoft CRM v18 - Team Chat (same look as the HR/Payroll portal chat). Colours come from the CRM theme variables, so dark mode and brand colour follow. */
.wc,.wc-ctx,.wc-lightbox,.wc-modal,.wc-toast,.cn-wrap{--card:var(--surface);--line-2:var(--line);--surface-2:var(--bg);--muted-2:var(--muted);--blue:var(--brand);--blue-light:var(--brand-tint);--red:#dc2626;--amber-light:#fef3c7;--shadow:0 10px 30px rgba(20,24,60,.14);--shadow-sm:0 1px 3px rgba(20,24,60,.08);--shadow-lg:0 20px 50px rgba(20,24,60,.22);--radius:14px}
.wc{margin-top:2px}
.ui-switch{appearance:none;-webkit-appearance:none;width:38px;height:22px;border-radius:99px;background:var(--line);position:relative;cursor:pointer;flex:none;border:0;transition:background .15s}
.ui-switch::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.ui-switch:checked{background:var(--brand)}.ui-switch:checked::after{transform:translateX(16px)}
a.wc-cust{color:var(--brand);font-weight:600;text-decoration:none;background:var(--brand-tint);border-radius:6px;padding:0 5px}
a.wc-cust:hover{text-decoration:underline}
/* Internal Chat — WhatsApp-style (v61). Uses the portal's colour variables so dark mode works. */
.wc{display:grid;grid-template-columns:330px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:calc(100vh - 190px);min-height:520px;max-height:820px;background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);position:relative}
.wc button{font:inherit}
.wc-ic{background:transparent;border:0;border-radius:50%;width:36px;height:36px;font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex:none}
.wc-ic:hover{background:var(--surface-2);color:var(--ink)}
/* left list */
.wc-side{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line-2);min-width:0;background:var(--card)}
.wc-side-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 6px;font-size:16px}
.wc-find{padding:6px 12px 10px}.wc-find input{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink)}
.wc-list{overflow:auto;flex:1}
.wc-row{display:flex;gap:11px;align-items:center;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.wc-row:hover{background:var(--surface-2)}.wc-row.on{background:var(--blue-light)}
.wc-av{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px;flex:none;letter-spacing:.3px}
.wc-rb{flex:1;min-width:0}
.wc-r1{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.wc-r1 b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-when{font-size:11px;color:var(--muted-2);flex:none}.wc-row.un .wc-when{color:#19a56b;font-weight:700}
.wc-r2{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:2px}
.wc-pre{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-ub{background:#19a56b;color:#fff;border-radius:99px;font-size:11px;font-weight:800;padding:1px 7px;min-width:20px;text-align:center;flex:none}
.wc-empty{padding:26px 16px;color:var(--muted);text-align:center;font-size:13px}
/* conversation */
.wc-main{min-height:0;overflow:hidden;display:flex;flex-direction:column;min-width:0;position:relative;background:var(--surface-2)}
.wc-head{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--card);border-bottom:1px solid var(--line-2)}
.wc-title{flex:1;min-width:0;display:flex;flex-direction:column}.wc-title b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wc-title span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-back{display:none}
.wc-menuwrap{position:relative}
.wc-pop{position:absolute;right:0;top:40px;z-index:30;background:var(--card);border:1px solid var(--line-2);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:210px}
.wc-pop button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:9px 12px;border-radius:8px;color:var(--ink);font-size:13.5px}
.wc-pop button:hover{background:var(--surface-2)}
.wc-emojis{left:0;right:auto;top:auto;bottom:44px;display:block;width:330px;max-width:calc(100vw - 24px);padding:4px}
.wc-emojis button{text-align:center;padding:6px 0;font-size:20px}
.wc-etabs{display:flex;gap:2px;border-bottom:1px solid var(--line);padding-bottom:3px;margin-bottom:3px;overflow-x:auto}
.wc-etabs button{width:auto;flex:none;padding:4px 9px;font-size:17px;border-radius:8px;opacity:.65}.wc-etabs button.on{opacity:1;background:var(--blue-light)}
.wc-egrid{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;max-height:220px;overflow:auto}
.wc-search{background:var(--card);border-bottom:1px solid var(--line-2);padding:8px 12px;position:relative}
.wc-search input{width:calc(100% - 44px);padding:9px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink)}
.wc-search .wc-ic{position:absolute;right:10px;top:8px}
.wc-results{max-height:220px;overflow:auto;margin-top:6px}
.wc-res{padding:8px 10px;border-radius:8px;cursor:pointer;border-bottom:1px solid var(--line)}.wc-res:hover{background:var(--surface-2)}
.wc-res b{font-size:12px}.wc-res small{color:var(--muted-2);margin-left:6px}.wc-res div{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-msgs{min-height:0;flex:1;overscroll-behavior:contain;overflow:auto;padding:14px 16px 8px;background:var(--surface-2);scroll-behavior:auto}
.wc-day{display:flex;justify-content:center;margin:12px 0 8px}.wc-day span{background:var(--card);border:1px solid var(--line);color:var(--muted);font-size:11.5px;padding:3px 12px;border-radius:99px;box-shadow:var(--shadow-sm)}
.wc-older{display:block;margin:0 auto 8px;background:var(--card);border:1px solid var(--line-2);border-radius:99px;padding:5px 14px;font-size:12px;color:var(--blue)}
.wc-m{display:flex;margin:0 0 3px;position:relative}.wc-m.me{justify-content:flex-end}.wc-m.first{margin-top:8px}
.wc-b{max-width:min(74%,560px);padding:6px 10px 5px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--ink);box-shadow:0 1px 1px rgba(20,45,80,.05);position:relative;font-size:14px;line-height:1.42;overflow-wrap:anywhere;min-width:84px}
.wc-m.me .wc-b{background:#d9fdd3;border-color:#c5efbd;color:#111b21}
:root[data-theme="dark"] .wc-m.me .wc-b{background:#144d37;border-color:#1b6347;color:#e9fff3}
.wc-who{display:block;font-weight:800;font-size:12px;margin-bottom:1px}
.wc-t{white-space:pre-wrap}
.wc-t a{color:var(--blue);text-decoration:underline}
.wc-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:10.5px;color:var(--muted-2);margin-top:1px;float:right;margin-left:12px;position:relative;top:3px}
.wc-m.me .wc-meta{color:#5a7a66}
:root[data-theme="dark"] .wc-m.me .wc-meta{color:#9fd8bb}
.wc-tick{font-size:11px;letter-spacing:-2px}.wc-tick.r{color:#27a7f5}
.wc-star{font-size:10px}
.wc-b::after{content:"";display:block;clear:both}
.wc-del-t{font-style:italic;color:var(--muted);white-space:normal}
.wc-chev{position:absolute;top:2px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:linear-gradient(90deg,transparent,var(--card) 40%);color:var(--muted);font-size:13px;opacity:0;cursor:pointer;padding:0}
.wc-m.me .wc-chev{background:linear-gradient(90deg,transparent,#d9fdd3 40%)}
:root[data-theme="dark"] .wc-m.me .wc-chev{background:linear-gradient(90deg,transparent,#144d37 40%)}
.wc-b:hover .wc-chev,.wc-chev:focus{opacity:1}
@media(hover:none){.wc-chev{opacity:.85}}
.wc-quote{display:block;border-left:4px solid var(--blue);background:rgba(20,120,245,.08);border-radius:6px;padding:4px 8px;margin:0 0 5px;cursor:pointer;font-size:12.5px}
.wc-quote b{display:block;font-size:11.5px;color:var(--blue)}.wc-quote span{color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px}
.wc-img{display:block;max-width:100%;max-height:300px;border-radius:8px;margin-bottom:4px;cursor:zoom-in;background:var(--surface-2)}
.wc-file{display:flex;gap:10px;align-items:center;background:rgba(20,45,80,.06);border-radius:8px;padding:8px 10px;margin-bottom:4px;color:inherit;text-decoration:none}
.wc-file:hover{background:rgba(20,45,80,.1)}.wc-file i{font-style:normal;font-size:26px}.wc-file span{display:block;font-weight:700;font-size:13px;overflow-wrap:anywhere}.wc-file small{color:var(--muted)}
.wc-rx{display:flex;gap:4px;flex-wrap:wrap;margin:3px 0 -2px}
.wc-rx button{background:var(--card);border:1px solid var(--line-2);border-radius:99px;padding:0 7px;font-size:12px;line-height:20px;color:var(--ink);cursor:pointer}
.wc-rx button.mine{background:var(--blue-light);border-color:var(--blue)}
.wc-flash .wc-b{animation:wcflash 1.6s ease}
@keyframes wcflash{0%,60%{box-shadow:0 0 0 3px rgba(20,120,245,.45)}100%{box-shadow:none}}
.wc-down{position:absolute;right:22px;bottom:86px;z-index:12;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:var(--card);box-shadow:var(--shadow);font-size:18px;color:var(--ink)}
.wc-down span{position:absolute;top:-8px;right:-4px;background:#19a56b;color:#fff;border-radius:99px;font-size:11px;font-weight:800;padding:0 6px}
.wc-replybar,.wc-editbar,.wc-attbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--card);border-top:1px solid var(--line-2)}
.wc-replybar>div,.wc-editbar>div{flex:1;min-width:0;border-left:4px solid var(--blue);padding-left:9px}
.wc-editbar>div{border-left-color:#d89d16}
.wc-replybar b,.wc-editbar b{display:block;font-size:12px;color:var(--blue)}.wc-editbar b{color:#a97800}
.wc-replybar span,.wc-editbar span{display:block;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-attbar span{flex:1;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-form{display:flex;align-items:flex-end;gap:6px;padding:8px 10px;background:var(--card);border-top:1px solid var(--line-2)}
.wc-form textarea{flex:1;resize:none;max-height:130px;min-height:40px;padding:10px 14px;border-radius:20px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);line-height:1.35;overflow-y:auto}
.wc-send{width:42px;height:42px;border-radius:50%;background:#19a56b;color:#fff;border:0;font-size:17px;flex:none}.wc-send:disabled{opacity:.5}
.wc-ctx{position:fixed;z-index:60;background:var(--card);border:1px solid var(--line-2);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;min-width:220px}
.wc-ctx .rxrow{display:flex;gap:2px;padding:4px 4px 6px;border-bottom:1px solid var(--line);margin-bottom:4px}
.wc-ctx .rxrow button{background:transparent;border:0;font-size:22px;padding:2px 5px;border-radius:8px;cursor:pointer}.wc-ctx .rxrow button:hover{background:var(--surface-2)}
.wc-ctx>button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:9px 12px;border-radius:8px;color:var(--ink);font-size:13.5px;cursor:pointer}
.wc-ctx>button:hover{background:var(--surface-2)}.wc-ctx>button.danger{color:var(--red)}
.wc-ctx small{display:block;padding:2px 12px 6px;color:var(--muted-2);font-size:11px}
.wc-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:80;display:flex;align-items:center;justify-content:center}
.wc-lightbox[hidden]{display:none}.wc-lightbox img{max-width:94vw;max-height:90vh;border-radius:6px}.wc-lightbox .wc-ic{position:absolute;top:14px;right:14px;color:#fff;background:rgba(255,255,255,.15)}
.wc-toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#16263d;color:#fff;padding:10px 18px;border-radius:10px;font-size:13px;z-index:90;box-shadow:var(--shadow-lg);max-width:90vw}
.wc [hidden],.wc-ctx[hidden],.wc-toast[hidden]{display:none!important}
.wc-drop .wc-msgs{outline:3px dashed var(--blue);outline-offset:-8px}
/* phones: one pane at a time */
@media(max-width:800px){
  .wc{grid-template-columns:minmax(0,1fr);height:calc(100vh - 150px);min-height:460px;border-radius:12px}
  .wc[data-pane="list"] .wc-main{display:none}.wc[data-pane="chat"] .wc-side{display:none}
  .wc-back{display:inline-flex}.wc-b{max-width:86%}.wc-egrid{grid-template-columns:repeat(7,1fr)}
}
/* The floating AI-assistant button sits exactly on top of the Send button on this page, so it is hidden here (the AI Assistant stays available on every other page). */
.wc-page .ai-fab{display:none!important}

/* ---- v61: groups, mentions, pins, voice, forward, link cards ---- */
.wc-av{position:relative}
.wc-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#19a56b;border:2px solid var(--card)}
.wc-big{width:56px;height:56px;font-size:22px}
.wc-side-head>span{display:flex;gap:2px}
.wc-at{background:#19a56b;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none;margin-left:4px}
.wc-title{cursor:default}.wc-typing{color:#19a56b!important;font-weight:700}
.wc-sysrow{justify-content:center!important;margin:8px 0}
.wc-sys{background:rgba(20,45,80,.08);color:var(--muted);font-size:12px;padding:3px 12px;border-radius:99px;text-align:center;max-width:90%}
.wc-fwd{display:block;font-size:11.5px;color:var(--muted-2);font-style:italic;margin-bottom:2px}
.wc-pinned{position:absolute;left:-6px;top:-6px;font-size:12px}
.wc-men{color:var(--blue);font-weight:700}.wc-men.me{background:rgba(20,120,245,.14);border-radius:4px;padding:0 3px}
.wc-gone{display:block;font-size:12.5px;color:var(--muted);font-style:italic;padding:4px 0}
.wc-voice{display:flex;align-items:center;gap:6px;min-width:230px}.wc-voice i{font-style:normal;font-size:20px}.wc-voice audio{height:36px;flex:1;min-width:0;max-width:260px}.wc-voice small{color:var(--muted-2);font-size:11px}
.wc-lc{display:flex;gap:10px;align-items:center;margin:5px 0 2px;padding:8px 10px;border-radius:8px;border-left:4px solid var(--blue);background:rgba(20,120,245,.07);color:inherit;text-decoration:none}
.wc-lc:hover{background:rgba(20,120,245,.13)}.wc-lc i{font-style:normal;font-size:24px}.wc-lc b{display:block;font-size:13px}.wc-lc small{color:var(--muted)}
.wc-pins{display:flex;align-items:center;gap:10px;padding:7px 14px;background:var(--card);border-bottom:1px solid var(--line-2);cursor:pointer;border-left:4px solid #d89d16}
.wc-pinic{font-size:16px}.wc-pint{min-width:0;flex:1}.wc-pint b{display:block;font-size:11.5px;color:#a97800}.wc-pint span{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-suggest{left:10px;right:10px;top:auto;bottom:62px;max-height:230px;overflow:auto;min-width:0}
.wc-suggest button{display:flex;gap:10px;align-items:baseline}.wc-suggest button.on{background:var(--blue-light)}.wc-suggest small{color:var(--muted-2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-mic{color:var(--ink);font-size:20px}
.wc-rec{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card);border-top:1px solid var(--line-2)}
.wc-rec span{flex:1;color:var(--muted);font-size:13px}.wc-rec b{font-variant-numeric:tabular-nums}
.wc-recdot{width:11px;height:11px;border-radius:50%;background:#d94b45;animation:wcrec 1s infinite}
@keyframes wcrec{50%{opacity:.25}}
/* dialogs */
.wc-modal{position:fixed;inset:0;background:rgba(10,20,35,.55);z-index:70;display:flex;align-items:center;justify-content:center;padding:14px}
.wc-modal[hidden]{display:none}
.wc-modal .wc-card{background:var(--card);color:var(--ink);border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden}
.wc-mh{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 18px;border-bottom:1px solid var(--line-2);font-size:15px}
.wc-mb{padding:14px 16px 16px;overflow:auto;display:flex;flex-direction:column;gap:10px;min-height:0}
.wc-mf{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}
.wc-btn{border:1px solid var(--line-2);background:var(--card);color:var(--ink);border-radius:10px;padding:8px 14px;font-size:13.5px;cursor:pointer}
.wc-btn:hover{background:var(--surface-2)}.wc-btn.primary{background:#19a56b;border-color:#19a56b;color:#fff}.wc-btn.danger{color:var(--red)}.wc-btn.sm{padding:3px 9px;font-size:12px}.wc-btn:disabled{opacity:.5}
.wc-in,.wc-pick input[type=search]{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink)}
.wc-pickl{max-height:290px;overflow:auto;margin-top:8px;border:1px solid var(--line);border-radius:10px}
.wc-pk{display:flex;gap:10px;align-items:center;padding:7px 10px;border-bottom:1px solid var(--line);cursor:pointer}.wc-pk:last-child{border-bottom:0}.wc-pk:hover{background:var(--surface-2)}
.wc-pk .wc-av{width:34px;height:34px;font-size:12px}.wc-pk b{display:block;font-size:13.5px}.wc-pk small,.wc-pickn{color:var(--muted-2);font-size:12px}
.wc-gh{display:flex;gap:12px;align-items:center}.wc-gh b{font-size:17px}.wc-gh small{display:block;color:var(--muted)}
.wc-mem{border:1px solid var(--line);border-radius:10px;max-height:300px;overflow:auto}
.wc-memrow{display:flex;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.wc-memrow:last-child{border-bottom:0}
.wc-memrow .wc-av{width:34px;height:34px;font-size:12px}.wc-memtx{flex:1;min-width:120px}.wc-memtx b{display:block;font-size:13.5px}.wc-memtx small{color:var(--muted-2)}
.wc-badge{background:var(--blue-light);color:var(--blue);border-radius:99px;font-size:11px;font-weight:700;padding:1px 8px}
.wc-mfl{justify-content:flex-start;margin-top:0}

/* v69 notification panel + alerts */
.wc-notif{width:330px;max-width:calc(100vw - 24px);padding:10px 10px 12px;right:0}
.wc-notif h4{margin:2px 6px 8px;font-size:14px;color:var(--ink)}
.wcn-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px;border-radius:10px;cursor:pointer}
.wcn-row:hover{background:var(--surface-2)}
.wcn-tx{display:flex;flex-direction:column;gap:1px;min-width:0}.wcn-tx b{font-size:13.5px;color:var(--ink);font-weight:700}.wcn-tx small{font-size:11.5px;color:var(--muted);line-height:1.35;font-weight:500}
.wcn-sel,.wcn-time input{border:1px solid var(--line-2);background:var(--card);color:var(--ink);border-radius:8px;padding:5px 8px;font-size:12.5px;max-width:170px}
.wcn-time{cursor:default;justify-content:flex-start;gap:8px;font-size:12.5px;color:var(--muted)}
.wcn-foot{display:flex;gap:8px;flex-wrap:wrap;padding:8px 6px 0}.wcn-foot .wc-btn{flex:1;white-space:nowrap}
#wcBell.wc-off{opacity:.65}
.wc-mu{font-size:11px;margin-left:6px;opacity:.7}.wc-ub.mu{background:#98a4b8}
.cn-wrap{position:fixed;top:76px;right:16px;z-index:9000;display:flex;flex-direction:column;gap:10px;width:min(340px,calc(100vw - 32px));pointer-events:none}
.cn-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;background:var(--card,#fff);color:var(--ink,#0f2347);border:1px solid var(--line-2,#dfe5ee);border-left:4px solid #1a6dff;border-radius:14px;box-shadow:0 14px 34px rgba(15,35,71,.22);text-decoration:none;animation:cnin .28s ease both;transition:opacity .3s,transform .3s}
.cn-toast.men{border-left-color:#f59e0b}.cn-toast.out{opacity:0;transform:translateX(30px)}
.cn-av{flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1a6dff,#7c4dff);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.cn-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--muted)}.cn-tx b{color:var(--ink);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cn-tx span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cn-x{flex:none;background:transparent;border:0;color:var(--muted);width:26px;height:26px;border-radius:50%;font-size:12px;cursor:pointer}
@keyframes cnin{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@media(max-width:600px){.wc-notif{position:fixed;left:8px;right:8px;top:58px;width:auto;max-width:none;max-height:calc(100vh - 80px);overflow:auto}}

/* v70: schedule, approvals, ticket dialog */
.wc-sched{top:auto;bottom:48px;right:-40px;width:340px;max-width:calc(100vw - 20px);padding:12px;max-height:70vh;overflow:auto}
.wc-sched h4{margin:0 0 6px;font-size:14px;color:var(--ink)}
.wcs-pre{font-size:12.5px;color:var(--muted);background:var(--surface-2);border-radius:10px;padding:8px 10px;margin-bottom:10px;line-height:1.4;word-break:break-word}
.wcs-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.wc-sched .wcs-q{text-align:center;border:1px solid var(--line-2);border-radius:10px;padding:8px 6px;font-weight:700;font-size:12.5px;background:var(--card)}.wc-sched .wcs-q:hover:not(:disabled){background:var(--blue-light,#e6f0ff);border-color:var(--blue,#1a6dff)}.wc-sched .wcs-q:disabled{opacity:.45}
.wcs-custom{display:flex;gap:6px;align-items:center}.wcs-custom input{flex:1;min-width:0;border:1px solid var(--line-2);border-radius:9px;padding:7px 8px;background:var(--card);color:var(--ink);font-size:12.5px}
.wcs-h{margin:12px 2px 4px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.wcs-item{display:flex;gap:8px;align-items:flex-start;padding:7px 4px;border-top:1px solid var(--line-2)}.wcs-item.done{opacity:.6}
.wcs-it{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;font-size:12.5px}.wcs-it b{font-size:12px}.wcs-it span{color:var(--muted);word-break:break-word}.wcs-it em{font-style:normal;color:#c0392b;font-size:11.5px}.wcs-it em.ok{color:#19a56b}
.wc-sched .wcs-x{width:26px!important;flex:none;padding:2px 0;text-align:center;border-radius:50%;color:var(--muted)}
.wc-appr{position:relative}.wc-appr i{position:absolute;top:0;right:0;font-style:normal;background:#e5484d;color:#fff;border-radius:99px;font-size:10px;font-weight:800;padding:1px 5px;min-width:16px;text-align:center}
.wca-list{display:flex;flex-direction:column;gap:12px;min-width:min(480px,80vw)}.wca-empty{text-align:center;padding:26px 8px;color:var(--muted)}
.wca-card{border:1px solid var(--line-2);border-radius:14px;padding:12px 14px;background:var(--card);transition:opacity .3s,transform .3s}.wca-card.gone{opacity:0;transform:translateX(24px)}
.wca-h{display:flex;gap:10px;align-items:center}.wca-t{flex:1;min-width:0;display:flex;flex-direction:column}.wca-t b{font-size:14px}.wca-t span{font-size:12.5px;color:var(--muted)}
.wca-st{font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;background:var(--amber-light,#fff3d6);color:#8a5d00;white-space:nowrap}
.wca-r{margin:8px 0 2px;font-size:13px;line-height:1.45;color:var(--ink)}.wca-ap{display:block;color:var(--muted);margin-bottom:8px}
.wca-a{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.wca-note{flex:1;min-width:120px;border:1px solid var(--line-2);border-radius:9px;padding:8px 10px;background:var(--card);color:var(--ink);font-size:13px}
.wca-ok,.wca-no{border:0;border-radius:10px;padding:9px 16px;font-weight:800;font-size:13px;cursor:pointer}.wca-ok{background:#19a56b;color:#fff}.wca-no{background:#fdecec;color:#c0392b}.wca-ok:disabled,.wca-no:disabled{opacity:.5}
.wct-l{display:block;margin-bottom:10px;font-size:12px;font-weight:700;color:var(--muted)}.wct-in{display:block;width:100%;margin-top:4px;box-sizing:border-box;border:1px solid var(--line-2);border-radius:10px;padding:9px 10px;background:var(--card);color:var(--ink);font:inherit;font-size:13.5px;font-weight:500}
.wct-n{font-size:12px;color:var(--muted);margin:6px 0 12px;display:block}
@media(max-width:600px){.wc-sched{right:-60px}}
.wcs-custom{flex-direction:column;align-items:stretch}.wcs-custom input{width:100%!important;flex:none;box-sizing:border-box}.wcs-custom .wc-btn{width:100%}
.wca-list{min-width:0!important;width:min(520px,calc(100vw - 80px))}.wca-card{box-sizing:border-box;max-width:100%}.wca-h{flex-wrap:wrap}.wca-note{flex:1 1 100%!important;box-sizing:border-box;width:100%}
.wca-ok,.wca-no{flex:1 1 120px}
.wca-list{width:100%!important;max-width:100%}.wc-mb{overflow-x:hidden}