:root{--bg:#f5f8fc;--card:#fff;--ink:#1e293b;--ink-soft:#334155;--muted:#64748b;--line:#e2e8f0;--line-soft:#eef2f7;--blue:#1565ff;--blue-deep:#0d47c9;--blue-tint:#eaf2ff;--red:#d92d20;--red-tint:#fef3f2;--amber:#b54708;--amber-tint:#fffaeb;--green:#067647;--green-tint:#ecfdf3;--violet:#6e56cf;--violet-tint:#f5f3ff;--teal:#0e7490;--teal-tint:#ecfeff;--shadow:0 1px 2px #0f172a0a, 0 6px 20px #0d47c90f;--radius:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;word-break:auto-phrase;overflow-wrap:anywhere;margin:0;font-family:BIZ UDPGothic,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,system-ui,sans-serif;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}.btn{appearance:none;border:1px solid #0000;border-radius:10px;padding:9px 16px;font-size:.92rem;font-weight:700;line-height:1.2}.btn:disabled{opacity:.45;cursor:default}.btn-main{background:var(--blue);color:#fff}.btn-main:not(:disabled):hover{background:var(--blue-deep)}.btn-ghost{color:var(--blue-deep);background:#fff;border-color:#1565ff4d}.btn-ghost:hover{background:var(--blue-tint)}.btn-text{color:var(--muted);background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:.85rem}.btn-text:hover{background:var(--line-soft);color:var(--ink)}.input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px}.input:focus,select:focus{border-color:var(--blue);outline:2px solid #1565ff40}.topbar{z-index:10;-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.topbar-in{align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:10px 20px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{width:auto;height:22px;display:block}.brand .sep{background:var(--line);width:1px;height:18px}.brand .name{letter-spacing:.02em;font-weight:800}.brand .name em{color:var(--blue);font-style:normal}.tenant{color:var(--muted);background:var(--line-soft);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.82rem}.nav{gap:4px;margin-left:8px;display:flex}.nav button{color:var(--muted);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.92rem;font-weight:700;display:inline-flex}.nav button:hover{background:var(--line-soft);color:var(--ink)}.nav button.on{color:var(--blue-deep);background:var(--blue-tint)}.user{margin-left:auto;position:relative}.user summary{cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:4px 8px 4px 4px;list-style:none;display:flex}.user summary::-webkit-details-marker{display:none}.user summary:hover,.user[open] summary{background:var(--line-soft)}.menu{border:1px solid var(--line);z-index:20;background:#fff;border-radius:12px;min-width:240px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0f172a1f}.menu-mail{color:var(--muted);border-bottom:1px solid var(--line-soft);word-break:break-all;margin-bottom:4px;padding:8px 10px;font-size:.8rem}.menu button,.menu a{box-sizing:border-box;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;border-radius:8px;padding:9px 10px;font-size:.9rem;text-decoration:none;display:block}.menu button:hover,.menu a:hover{background:var(--line-soft)}.avatar{background:var(--blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:grid}.user .mail{color:var(--ink-soft);font-size:.85rem}.page{max-width:1280px;margin:0 auto;padding:24px 20px 40px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.page-head h1{letter-spacing:.01em;margin:0;font-size:1.45rem}.page-head p{color:var(--muted);margin:2px 0 0;font-size:.9rem}.foot{text-align:center;color:var(--muted);padding:8px 0 28px;font-size:.78rem}.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.tile{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:14px;padding:14px 16px;display:flex}.tile-icon{border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.tile-body{gap:0;display:grid}.tile.red .tile-icon{background:var(--red-tint);color:var(--red)}.tile.amber .tile-icon{background:var(--amber-tint);color:#f79009}.tile.blue .tile-icon{background:var(--blue-tint);color:var(--blue)}.tile.violet .tile-icon{background:var(--violet-tint);color:#8b74e8}.tile.teal .tile-icon{background:var(--teal-tint);color:#0891b2}.tile:hover{border-color:#1565ff59}.tile.on{border-color:var(--blue);box-shadow:0 0 0 3px #1565ff1f}.tile .label{color:var(--muted);font-size:.82rem;font-weight:700}.tile .num{font-size:1.8rem;font-weight:800;line-height:1.15}.tile.red .num{color:var(--red)}.tile.amber .num{color:var(--amber)}.tile.blue .num{color:var(--blue-deep)}.tile.violet .num{color:#7c66dc}.tile.teal .num{color:var(--teal)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search{flex:280px;max-width:420px;position:relative}.search .icon{color:var(--muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search .input{padding-left:36px}.clear{font-size:.85rem}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:10px;max-width:190px;padding:8px 10px;font-size:.85rem}.filter.on{border-color:var(--blue);color:var(--blue-deep);background:var(--blue-tint);font-weight:700}.check{color:var(--ink-soft);cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--blue)}.opts{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:10px;display:flex}.opts-label{color:var(--ink-soft);font-size:.85rem;font-weight:700}.seg{border:1px solid var(--line);background:#fff;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.seg button.on{background:var(--blue-tint);color:var(--blue-deep)}.kanban{grid-template-columns:repeat(4,minmax(240px,1fr));align-items:start;gap:14px;padding-bottom:4px;display:grid;overflow-x:auto}.col{border-radius:var(--radius);background:#eef3f9;min-height:160px;padding:10px}.col-head{align-items:center;gap:8px;padding:4px 6px 10px;font-size:.9rem;font-weight:800;display:flex}.col-head .count{color:var(--muted);background:#fff;border-radius:999px;margin-left:auto;padding:1px 8px;font-size:.75rem;font-weight:700}.col-icon{background:#fff;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.col.todo .col-icon{color:#64748b}.col.doing .col-icon{color:var(--blue)}.col.wait .col-icon{color:#f79009}.col.done .col-icon{color:#12b76a}.col.drop{outline:2px dashed var(--blue);outline-offset:-4px;background:var(--blue-tint)}.col-empty{color:#94a3b8;text-align:center;padding:18px 0;font-size:.82rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:12px;position:relative;box-shadow:0 1px 2px #0f172a0a}.ai-badge{color:var(--violet);background:var(--violet-tint);border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}.card.ai .client{padding-right:70px}.card{cursor:pointer}.card:hover{box-shadow:var(--shadow);border-color:#1565ff4d}.card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.card[draggable]:active{cursor:grabbing}.reply-badge{color:var(--teal);background:var(--teal-tint)}.card.reply .client{padding-right:80px}.col.done .card{border-color:var(--line);background:#fff}.card .client{color:var(--muted);margin-bottom:2px;font-size:.75rem;font-weight:700}.card .content{margin-bottom:8px;font-size:.95rem;font-weight:700;line-height:1.5}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{background:var(--line-soft);color:var(--ink-soft);border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.74rem;font-weight:700;display:inline-flex}.chip.late{background:var(--red-tint);color:var(--red)}.chip.today{background:var(--amber-tint);color:var(--amber)}.chip.ai{background:var(--violet-tint);color:var(--violet)}.chip.pri{color:#fff}.chip.pri-高{background:#d92d20}.chip.pri-中{color:#4e1d09;background:#fac515}.chip.pri-低{background:#079455}.chip .ava{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:.62rem;display:grid}.card-foot{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.card-foot select{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:8px;padding:3px 6px;font-size:.8rem}.card-foot a{color:var(--blue-deep);align-items:center;gap:4px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.card-foot a:hover{text-decoration:underline}.chip.mini{vertical-align:1px;margin-right:6px;padding:1px 5px;font-size:.66rem}.list-panel{padding:0;overflow-x:auto}.tasks-table tbody tr{cursor:pointer}.tasks-table tbody tr:hover{background:#f8fbff}.tasks-table tr.muted td{color:var(--muted)}.tasks-table td{vertical-align:middle}.t-content{min-width:220px;font-weight:700}.dim{color:var(--muted);font-size:.82rem}.st{background:var(--line-soft);color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:700}.st-対応中{background:var(--blue-tint);color:var(--blue-deep)}.st-先方待ち{background:var(--amber-tint);color:var(--amber)}.st-完了{background:var(--green-tint);color:var(--green)}.center-sm{text-align:center;color:var(--muted)}.drawer-back{z-index:30;background:#0f172a52;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;flex-direction:column;width:min(480px,100%);height:100%;animation:.18s ease-out slide;display:flex;box-shadow:-12px 0 40px #0f172a29}@keyframes slide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.drawer-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 10px;display:flex}.drawer-head h2{margin:4px 0 0;font-size:1.1rem}.drawer-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.drawer-client{color:var(--muted);font-size:.82rem;font-weight:700}.drawer-body{flex:1;align-content:start;gap:14px;padding:16px 20px;display:grid;overflow-y:auto}.drawer-foot{border-top:1px solid var(--line-soft);justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.confirm-box{background:var(--violet-tint);color:#4b3a9c;border:1px solid #e4dcff;border-radius:12px;gap:10px;margin:14px 20px 0;padding:12px 14px;font-size:.88rem;display:grid}.confirm-box .btn{justify-self:start;align-items:center;gap:6px;display:inline-flex}.field{color:var(--ink-soft);gap:6px;font-size:.82rem;font-weight:700;display:grid}.field .input{font-size:.92rem;font-weight:400}textarea.input{resize:vertical;line-height:1.6}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.facts{background:#f8fafc;border-radius:10px;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;padding:10px 12px;font-size:.85rem;display:grid}.facts:empty{display:none}.facts dt{color:var(--muted)}.facts dd{margin:0}.open-link{color:var(--blue-deep);align-items:center;gap:6px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-flex}.open-link:hover{text-decoration:underline}.empty{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--muted);align-items:center;gap:20px;margin-bottom:16px;padding:20px 24px;display:flex}.empty strong{color:var(--ink);margin-bottom:2px;font-size:1.05rem;display:block}.empty span{font-size:.9rem}.illust img{width:100%;height:auto;display:block}.illust-fallback{width:100%;height:100%;color:var(--blue);place-items:center}.empty-illust{background:#f1f5fb;border-radius:16px;flex:none;place-items:center;width:190px;min-height:110px;display:grid;overflow:hidden}.login-illust{border-radius:14px;max-width:340px;margin:2px auto 18px;display:block;overflow:hidden}.connect-illust{border-radius:10px;flex:none;width:168px;display:block;overflow:hidden}.desc-row{align-items:center;gap:16px;margin-bottom:14px;display:flex}.desc-row .desc{margin:0}.h-icon{background:var(--blue-tint);width:30px;height:30px;color:var(--blue);border-radius:9px;place-items:center;display:inline-grid}.banner{border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 16px;font-size:.9rem;line-height:1.6;display:flex}.banner .icon{flex:none;margin-top:2px}.banner.warn{background:var(--red-tint);color:#912018;border:1px solid #fbd0cb}.banner.info{background:var(--violet-tint);color:#4b3a9c;border:1px solid #e4dcff}.banner strong{margin-right:4px}.usage-now{gap:8px;margin-bottom:14px;display:grid}.usage-now strong{color:var(--blue-deep);margin:0 4px 0 10px;font-size:1.6rem}.usage-label{color:var(--ink-soft);font-size:.85rem;font-weight:700}.usage-of{color:var(--muted);font-size:.85rem}.meter{background:var(--line-soft);border-radius:999px;height:10px;overflow:hidden}.meter span{background:var(--blue);border-radius:999px;height:100%;display:block}.usage-table{max-width:520px}.usage-bill{color:var(--ink-soft);font-size:.9rem}.fine-note{color:var(--muted);margin:8px 0 10px;font-size:.8rem}.new-tag{margin-left:8px}.sub-h{align-items:center;gap:8px;margin:20px 0 8px;font-size:.95rem;display:flex}.usage-bill strong{color:var(--ink);margin:0 4px}.conv{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:14px;display:grid}.conv-rooms{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:4px;max-height:70vh;padding:8px;display:grid;overflow-y:auto}.conv-rooms button{text-align:left;color:var(--ink-soft);background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:9px 10px;font-size:.9rem;display:flex}.conv-rooms button:hover{background:var(--line-soft)}.conv-rooms button.on{background:var(--blue-tint);color:var(--blue-deep);font-weight:700}.conv-room-name{flex:1}.conv-kind{color:var(--muted);background:var(--line-soft);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:.7rem}.conv-main{padding:0;overflow:hidden}.conv-head{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.conv-head h2{margin:0 auto 0 0;font-size:1.05rem}.conv-search{flex:0 300px}.msgs{max-height:70vh;margin:0;padding:6px 18px 16px;list-style:none;overflow-y:auto}.msgs li{border-bottom:1px solid var(--line-soft);padding:12px 0}.msgs li:last-child{border-bottom:none}.msg-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-size:.85rem;display:flex}.avatar.sm{width:24px;height:24px;font-size:.72rem}.msg-open{color:var(--blue-deep);align-items:center;gap:4px;margin-left:auto;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.msg-open:hover{text-decoration:underline}.msg-body{white-space:pre-wrap;padding-left:32px;font-size:.92rem;line-height:1.7}.msg-files{flex-wrap:wrap;gap:10px;padding:6px 0 0 32px;display:flex}.msg-files a{color:var(--blue-deep);background:var(--blue-tint);border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.note{background:var(--blue-tint);color:var(--blue-deep);border-radius:10px;margin:0 0 16px;padding:10px 14px;font-size:.9rem}.error{background:var(--red-tint);color:var(--red);border-radius:10px;padding:10px 14px;font-size:.9rem}.center{text-align:center;color:var(--muted);padding:72px 16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.panel h2{align-items:center;gap:10px;margin:0 0 4px;font-size:1.05rem;display:flex}.panel .desc{color:var(--muted);margin:0 0 14px;font-size:.88rem}.status{border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700}.status.ok{background:var(--green-tint);color:var(--green)}.status.ng{background:var(--amber-tint);color:var(--amber)}.form-row{flex-wrap:wrap;gap:10px;display:flex}.form-row .input{flex:280px}.members{border:1px solid var(--line);border-radius:12px;margin:0 0 14px;padding:0;list-style:none;overflow:hidden}.members li{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:10px 14px;font-size:.92rem;display:flex}.members li:last-child{border-bottom:none}.rooms{border:1px solid var(--line);border-radius:12px;max-height:420px;margin:0;padding:0;list-style:none;overflow:hidden auto}.rooms li{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:.92rem;display:flex}.rooms li:last-child{border-bottom:none}.rooms li.off .room-name{color:var(--muted)}.rooms label{cursor:pointer;flex:240px;align-items:center;gap:10px;display:flex}.rooms input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}.room-saved{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.78rem}.role{color:var(--muted);background:var(--line-soft);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.75rem;font-weight:700}.role.admin{color:var(--blue-deep);background:var(--blue-tint)}.role-select{border:1px solid var(--line);background:var(--line-soft);color:var(--muted);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:.8rem;font-weight:700}.role-select.admin{color:var(--blue-deep);background:var(--blue-tint);border-color:#0000}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);background:#f8fafc;padding:10px 12px;font-size:.78rem;font-weight:700}.table td{border-bottom:1px solid var(--line-soft);padding:12px}.toggle{border:1px solid var(--line);background:#fff;border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700}.toggle.on{background:var(--green-tint);color:var(--green);border-color:#0000}.toggle.off{background:var(--red-tint);color:var(--red);border-color:#0000}.login-wrap{background:radial-gradient(1200px 600px at 50% -10%, #dfeaff 0%, var(--bg) 60%);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:20px;width:100%;max-width:420px;padding:36px 28px 28px;box-shadow:0 20px 50px #0d47c91a}.login .login-logo{height:26px;margin-bottom:18px}.login h1{letter-spacing:.01em;margin:0 0 6px;font-size:1.9rem}.login h1 em{color:var(--blue);font-style:normal}.login p{color:var(--muted);margin:0;font-size:.92rem}.gbtn{justify-content:center;min-height:44px;margin:26px 0 8px;display:flex}.login .fine{margin-top:18px;font-size:.75rem}@media (width<=1100px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.user .mail{display:none}}@media (width<=720px){.desc-row{flex-direction:column;align-items:flex-start}.empty{text-align:center;flex-direction:column}.kanban{grid-template-columns:1fr}.topbar-in{flex-wrap:wrap;gap:8px;padding:8px 14px}.nav{order:3;width:100%;margin-left:0}.tenant{display:none}.page{padding:16px 14px 32px}.field-row,.conv{grid-template-columns:1fr}.conv-rooms{max-height:180px}.msg-body,.msg-files{padding-left:0}.filter{flex:140px;max-width:none}}