.cliportal{--ink:#0b1d3a;--ink2:#33425e;--mut:#5b6b85;--accent:#14b8a6;--accent-d:#0e9384;--blue:#1e3a8a;--bg:#f1f5f9;--card:#fff;--line:#e2e8f0;--line2:#cbd5e1;--ok:#0e9384;--okbg:#e6f7f4;--warn:#b45309;--warnbg:#fef3c7;--err:#b91c1c;--errbg:#fee2e2;--shadow:0 1px 2px #0b1d3a0d, 0 8px 24px -12px #0b1d3a1f;box-sizing:border-box;background:var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0px);font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}.cliportal *,.cliportal :before,.cliportal :after{box-sizing:inherit;margin:0;padding:0}.cliportal button{font:inherit;cursor:pointer}.cliportal input,.cliportal textarea,.cliportal select{font:inherit;color:inherit}.cliportal a{color:var(--accent-d)}.cliportal :focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){.cliportal *{transition:none!important;animation:none!important}}.cliportal .topbar{top:env(safe-area-inset-top,0px);z-index:50;background:var(--card);border-bottom:1px solid var(--line);position:sticky}.cliportal .topbar .in{justify-content:space-between;align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:10px 20px;display:flex}.cliportal .logo-w{border-radius:8px;align-items:center;display:inline-flex}.cliportal .logo-w img{height:30px;display:block}.cliportal .signout{border:1px solid var(--line2);color:var(--ink2);background:0 0;border-radius:10px;min-height:40px;padding:8px 14px;font-size:.85rem;font-weight:700}.cliportal .signout:hover{border-color:var(--accent);color:var(--accent-d)}.cliportal .statband{top:calc(env(safe-area-inset-top,0px) + 51px);z-index:40;background:var(--card);border-bottom:1px solid var(--line);transition:box-shadow .2s;position:sticky}.cliportal .statband.raised{box-shadow:var(--shadow)}.cliportal .statband .in{scrollbar-width:none;align-items:center;gap:10px;max-width:1080px;margin:0 auto;padding:10px 20px;display:flex;overflow-x:auto}.cliportal .statband .in::-webkit-scrollbar{display:none}.cliportal .addr{border-right:1px solid var(--line);flex:none;max-width:220px;padding-right:14px}.cliportal .addr .a1{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:800;overflow:hidden}.cliportal .addr .a2{color:var(--mut);white-space:nowrap;font-size:.72rem}.cliportal .stat{flex:none;padding:0 6px}.cliportal .stat .k{letter-spacing:.06em;color:var(--mut);font-size:.66rem;font-weight:700}.cliportal .stat .v{letter-spacing:-.01em;font-size:1rem;font-weight:800}.cliportal .stat .v .pend{color:var(--warn);vertical-align:middle;margin-left:6px;font-size:.66rem;font-weight:700}.cliportal .editlink{color:var(--accent-d);background:0 0;border:none;flex:none;min-height:40px;margin-left:auto;padding:0 6px;font-size:.82rem;font-weight:800;text-decoration:none}.cliportal .shell{grid-template-columns:190px 1fr;gap:26px;max-width:1080px;margin:0 auto;padding:22px 20px 96px;display:grid}.cliportal nav.rail{top:calc(env(safe-area-inset-top,0px) + 116px);flex-direction:column;align-self:start;gap:4px;display:flex;position:sticky}.cliportal .navbtn{color:var(--ink2);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;min-height:44px;padding:11px 13px;font-size:.93rem;font-weight:700;text-decoration:none;display:flex}.cliportal .navbtn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:19px;height:19px}.cliportal .navbtn[aria-current=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.cliportal .navbtn[aria-current=true] svg{stroke:var(--accent)}.cliportal .navbtn:hover{color:var(--ink)}.cliportal .navbtn .badge{background:var(--accent);color:#fff;border-radius:99px;margin-left:auto;padding:1px 7px;font-size:.68rem;font-weight:800}.cliportal main{min-width:0}.cliportal section.page{animation:.18s cp-swap}@keyframes cp-swap{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}.cliportal .card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.cliportal .card+.card{margin-top:16px}.cliportal .card .hd{padding:16px 20px 0}.cliportal .card .hd h2{letter-spacing:-.01em;font-size:1.02rem;font-weight:800}.cliportal .card .hd p{color:var(--mut);margin-top:2px;font-size:.85rem}.cliportal .card .bd{padding:16px 20px 18px}.cliportal .hero{background:var(--ink);color:#fff;border-radius:16px;padding:22px 22px 20px;position:relative;overflow:hidden}.cliportal .hero:after{content:"";background:var(--accent);opacity:.14;border-radius:50%;width:210px;height:210px;position:absolute;top:-60px;right:-60px}.cliportal .hero .hi{color:#7fd8cd;font-size:.8rem;font-weight:700}.cliportal .hero h1{letter-spacing:-.02em;margin:2px 0 4px;font-size:1.45rem;font-weight:800}.cliportal .hero .sub{color:#b9c6dc;font-size:.88rem}.cliportal .hero .chip{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:99px;padding:5px 12px;font-size:.74rem;font-weight:800;position:absolute;top:18px;right:18px}.cliportal .track{margin-top:16px}.cliportal .track .row{gap:6px;display:flex}.cliportal .track .seg{background:#ffffff2e;border-radius:99px;flex:1;height:7px}.cliportal .track .seg.done{background:var(--accent)}.cliportal .track .seg.warn{background:#f59e0b}.cliportal .track .labels{gap:6px;margin-top:8px;display:flex}.cliportal .track .labels span{color:#8fa0b8;flex:1;font-size:.68rem;font-weight:700;line-height:1.25}.cliportal .track .labels span.cur{color:#fff;font-weight:800}.cliportal .statusline{color:var(--ink2);align-items:flex-start;gap:10px;font-size:.92rem;display:flex}.cliportal .statusline .dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px;margin-top:6px}.cliportal .alertcard{background:var(--warnbg);border:1px solid #f4d48a;border-radius:12px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.cliportal .alertcard b{color:var(--warn)}.cliportal .alertcard .go{background:var(--warn);color:#fff;border:none;border-radius:10px;flex:none;min-height:40px;margin-left:auto;padding:8px 12px;font-size:.8rem;font-weight:800;text-decoration:none;display:inline-block}.cliportal .acts{list-style:none}.cliportal .acts li{border-top:1px solid var(--line);gap:12px;padding:11px 0;font-size:.88rem;display:flex}.cliportal .acts li:first-child{border-top:none}.cliportal .acts .t{color:var(--mut);flex:0 0 96px;font-size:.76rem}.cliportal .acts .you{color:var(--accent-d);font-weight:800}.cliportal .docitem{border-top:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.cliportal .docitem:first-child{border-top:none}.cliportal .docitem .ic{background:var(--bg);border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cliportal .docitem .ic svg{width:18px;height:18px;stroke:var(--ink2);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.cliportal .docitem .nm{font-size:.92rem;font-weight:700}.cliportal .docitem .why{color:var(--mut);font-size:.78rem}.cliportal .chip{border-radius:99px;flex:none;margin-left:auto;padding:4px 11px;font-size:.72rem;font-weight:800}.cliportal .chip.need{background:var(--warnbg);color:var(--warn)}.cliportal .chip.rev{background:var(--bg);color:var(--ink2)}.cliportal .chip.ok{background:var(--okbg);color:var(--ok)}.cliportal .chip.chg{background:var(--errbg);color:var(--err)}.cliportal .dz{border:2px dashed var(--line2);text-align:center;border-radius:14px;margin-top:4px;padding:26px 18px;transition:border-color .15s,background .15s}.cliportal .dz.over{border-color:var(--accent);background:var(--okbg)}.cliportal .dz .big{font-size:.95rem;font-weight:800}.cliportal .dz .small{color:var(--mut);margin-top:2px;font-size:.8rem}.cliportal .dz .pick{background:var(--accent);color:#fff;border:none;border-radius:11px;min-height:44px;margin-top:12px;padding:11px 20px;font-weight:800}.cliportal .dz .pick:hover{background:var(--accent-d)}.cliportal .upl{text-align:left;margin-top:12px}.cliportal .upl .f{align-items:center;gap:10px;font-size:.88rem;font-weight:700;display:flex}.cliportal .upl .bar{background:var(--line);border-radius:99px;height:6px;margin-top:8px;overflow:hidden}.cliportal .upl .bar i{background:var(--accent);border-radius:99px;width:0%;height:100%;transition:width .25s;display:block}.cliportal .upl .done{color:var(--ok);margin-top:8px;font-size:.85rem;font-weight:800}.cliportal .doclist-empty{color:var(--mut);font-size:.85rem}.cliportal .docdl{background:var(--bg);color:var(--ink2);border:none;border-radius:99px;flex:none;margin-left:auto;padding:4px 11px;font-size:.72rem;font-weight:800}.cliportal .thread{flex-direction:column;gap:10px;max-height:430px;padding:4px 2px;display:flex;overflow-y:auto}.cliportal .msg{white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:78%;padding:10px 14px;font-size:.92rem}.cliportal .msg .who{margin-bottom:2px;font-size:.7rem;font-weight:800}.cliportal .msg .tm{opacity:.65;margin-top:4px;font-size:.68rem}.cliportal .msg.them{background:var(--bg);border:1px solid var(--line);align-self:flex-start}.cliportal .msg.them .who{color:var(--accent-d)}.cliportal .msg.me{background:var(--ink);color:#fff;align-self:flex-end}.cliportal .msg.me .who{color:#7fd8cd}.cliportal .composer{gap:10px;margin-top:14px;display:flex}.cliportal .composer textarea{resize:none;border:1px solid var(--line2);background:var(--card);border-radius:12px;flex:1;min-height:48px;padding:11px 14px}.cliportal .composer button{background:var(--accent);color:#fff;border:none;border-radius:12px;min-height:48px;padding:0 22px;font-weight:800}.cliportal .composer button:hover{background:var(--accent-d)}.cliportal .composer button:disabled{opacity:.5}.cliportal .grid2{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.cliportal .field label{letter-spacing:.04em;color:var(--mut);margin-bottom:4px;font-size:.72rem;font-weight:800;display:block}.cliportal .field .val{font-size:1.02rem;font-weight:800}.cliportal .field input{border:1px solid var(--line2);background:var(--card);border-radius:11px;width:100%;padding:10px 13px;font-weight:700}.cliportal .lockedmsg{background:var(--bg);border:1px solid var(--line);color:var(--ink2);border-radius:12px;margin-top:14px;padding:12px 14px;font-size:.86rem}.cliportal .btnrow{gap:10px;margin-top:16px;display:flex}.cliportal .btn{border:none;border-radius:12px;min-height:44px;padding:11px 20px;font-weight:800}.cliportal .btn.pri{background:var(--accent);color:#fff}.cliportal .btn.pri:hover{background:var(--accent-d)}.cliportal .btn.pri:disabled{opacity:.5}.cliportal .btn.ghost{border:1px solid var(--line2);color:var(--ink2);background:0 0}.cliportal .savedok{color:var(--ok);margin-top:10px;font-size:.86rem;font-weight:800}.cliportal .toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);background:var(--ink);color:#fff;box-shadow:var(--shadow);opacity:0;z-index:90;pointer-events:none;border-radius:12px;padding:11px 18px;font-size:.86rem;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%)translateY(20px)}.cliportal .toast.on{opacity:1;transform:translate(-50%)translateY(0)}.cliportal .tabbar{display:none}@media(max-width:860px){.cliportal .shell{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 86px);grid-template-columns:1fr}.cliportal nav.rail{display:none}.cliportal .tabbar{z-index:60;background:var(--card);border-top:1px solid var(--line);padding:6px 8px calc(env(safe-area-inset-bottom,0px) + 6px);display:flex;position:fixed;bottom:0;left:0;right:0}.cliportal .tabbar a{color:var(--mut);background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:52px;font-size:.66rem;font-weight:800;text-decoration:none;display:flex;position:relative}.cliportal .tabbar a svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.cliportal .tabbar a[aria-current=true]{color:var(--accent-d)}.cliportal .tabbar .badge{background:var(--accent);color:#fff;border-radius:99px;padding:0 5px;font-size:.6rem;font-weight:800;position:absolute;top:4px;right:22%}.cliportal .grid2{grid-template-columns:1fr}.cliportal .hero .chip{margin-top:10px;display:inline-block;position:static}.cliportal .addr{max-width:150px}}