:root,[data-theme=light]{--color-bg: #f7f6f2;--color-surface: #f9f8f5;--color-surface-2: #fbfbf9;--color-surface-offset: #f3f0ec;--color-surface-offset-2: #edeae5;--color-surface-dynamic: #e6e4df;--color-divider: #dcd9d5;--color-border: #d4d1ca;--color-text: #313131;--color-text-muted: #6f6e6b;--color-text-faint: #b3b2ad;--color-text-inverse: #f9f8f4;--color-accent-dark: #313131;--color-primary: #7a1e2c;--color-primary-hover: #661923;--color-primary-active: #51141b;--color-primary-highlight: #f1dade;--color-success: #437a22;--color-success-highlight: #d4dfcc;--color-warning: #964219;--color-warning-highlight: #ddcfc6;--color-error: #a12c7b;--color-notification: #a13544;--color-cta: #b00f14;--color-cta-hover: #930c11;--color-cta-active: #7a0a0e;--color-gold: #bfa980;--color-gold-hover: #a98f64;--color-gold-soft: #efe7d6;--shadow-sm: 0 1px 2px oklch(.2 .01 80 / .06);--shadow-md: 0 4px 12px oklch(.2 .01 80 / .08);--shadow-lg: 0 12px 32px oklch(.2 .01 80 / .12);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--transition: .18s cubic-bezier(.16, 1, .3, 1);--font-body: "Inter", "Helvetica Neue", sans-serif;--font-display: "Instrument Serif", Georgia, serif}[data-theme=dark]{--color-bg: #0f0e0d;--color-surface: #161514;--color-surface-2: #1c1b19;--color-surface-offset: #1d1c1a;--color-surface-offset-2: #22211f;--color-surface-dynamic: #2d2c2a;--color-divider: #262523;--color-border: #333230;--color-text: #d4d3d0;--color-text-muted: #797876;--color-text-faint: #4a4947;--color-text-inverse: #2b2a28;--color-accent-dark: #d4d3d0;--color-primary: #cf8893;--color-primary-hover: #d99aa3;--color-primary-active: #b96f7a;--color-primary-highlight: #3b2024;--color-success: #6daa45;--color-success-highlight: #1e2e18;--color-warning: #bb653b;--color-warning-highlight: #2e1f18;--color-error: #d163a7;--color-notification: #dd6974;--color-cta: #e8484d;--color-cta-hover: #ef5a5f;--color-cta-active: #d33b40;--color-gold: #cdb88c;--color-gold-hover: #d8c79f;--color-gold-soft: #2e2820;--shadow-sm: 0 1px 2px oklch(0 0 0 / .3);--shadow-md: 0 4px 12px oklch(0 0 0 / .4);--shadow-lg: 0 12px 32px oklch(0 0 0 / .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);transition:background var(--transition),color var(--transition)}button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}.screen{display:none;min-height:100dvh}.screen.active{display:flex}#screen-login{flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);padding:var(--space-8) var(--space-4)}.login-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-lg)}.login-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.logo-svg{color:var(--color-primary)}.brand-logo{display:block;width:auto;color:var(--color-text)}.brand-logo--login{height:38px}.brand-logo--header{height:24px}.logo-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.01em}.logo-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.login-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);text-align:center}.login-desc{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-5)}.login-tabs{display:flex;gap:4px;background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--space-5)}.login-tab{flex:1;padding:9px 10px;border:none;background:transparent;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);border-radius:calc(var(--radius-md) - 3px);transition:background var(--transition),color var(--transition)}.login-tab.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition)}.form-input::placeholder{color:var(--color-text-faint)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 15%,transparent)}.btn-primary{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-cta);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;transition:background var(--transition),transform 80ms;margin-top:var(--space-2)}.btn-primary:hover{background:var(--color-cta-hover)}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{opacity:.6;cursor:default}.security-note{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-surface-offset);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-muted)}.security-note svg{flex-shrink:0;color:var(--color-warning)}.form-error{color:var(--color-notification);font-size:var(--text-sm);text-align:center;margin-top:var(--space-3);min-height:1.2em}#screen-sms{flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);padding:var(--space-8) var(--space-4)}.sms-card{width:100%;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-lg)}.sms-icon{width:56px;height:56px;background:var(--color-primary-highlight);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);color:var(--color-primary)}.otp-row{display:flex;gap:var(--space-3);justify-content:center;margin:var(--space-5) 0}.otp-input{width:48px;height:56px;text-align:center;font-size:var(--text-lg);font-weight:600;background:var(--color-surface-offset);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition)}.otp-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 15%,transparent)}.resend-row{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4)}.resend-link{color:var(--color-primary);cursor:pointer}.resend-link:hover{color:var(--color-primary-hover)}#screen-portal{flex-direction:column;min-height:100dvh}.portal-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);height:60px;background:var(--color-surface);border-bottom:1px solid var(--color-divider);position:sticky;top:0;z-index:50;flex-shrink:0}.header-logo{display:flex;align-items:center;gap:var(--space-3)}.header-logo-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:400;letter-spacing:-.01em}.header-divider{width:1px;height:20px;background:var(--color-divider);margin:0 var(--space-3)}.header-case-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.header-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted);transition:background var(--transition),color var(--transition)}.header-btn:hover{background:var(--color-surface-offset);color:var(--color-text)}.avatar-btn{width:32px;height:32px;background:var(--color-primary-highlight);color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:opacity var(--transition)}.avatar-btn:hover{opacity:.8}.avatar-btn svg{display:block}.case-tabs{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-8);background:var(--color-surface);border-bottom:1px solid var(--color-divider);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.case-tabs::-webkit-scrollbar{display:none}.case-tab{flex:0 0 auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--color-text-muted);background:transparent;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--transition),color var(--transition),border-color var(--transition)}.case-tab:hover{background:var(--color-surface-offset);color:var(--color-text)}.case-tab.active{background:var(--color-primary-highlight);color:var(--color-primary);border-color:var(--color-primary)}.case-banner{background:var(--color-surface);border-bottom:1px solid var(--color-divider);padding:var(--space-5) var(--space-8)}.case-banner-inner{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;gap:var(--space-4)}.case-info{display:flex;flex-direction:column;gap:var(--space-1)}.case-id{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.case-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);line-height:1.25}.case-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-1);flex-wrap:wrap}.case-date{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.status-active{background:var(--color-success-highlight);color:var(--color-success)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.progress-track{display:flex;align-items:center;gap:var(--space-3);min-width:280px}.progress-label{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.progress-bar-outer{flex:1;height:6px;background:var(--color-surface-dynamic);border-radius:var(--radius-full);overflow:hidden}.progress-bar-inner{height:100%;background:var(--color-primary);border-radius:var(--radius-full);width:45%;transition:width 1s cubic-bezier(.16,1,.3,1)}.progress-pct{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);white-space:nowrap}.portal-body{display:grid;grid-template-columns:280px 1fr;grid-template-rows:auto auto;flex:1;min-height:0;max-width:1280px;margin:0 auto;width:100%;padding:var(--space-6) var(--space-8);gap:var(--space-6);align-items:start}.portal-body .main-content{grid-column:2;grid-row:1}.portal-body .info-grid{grid-column:2;grid-row:2}.sidebar{display:flex;flex-direction:column;gap:var(--space-2);position:sticky;top:calc(60px + var(--space-6));grid-column:1;grid-row:1 / span 2}.sidebar-section-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-2) var(--space-3);margin-top:var(--space-2)}.sidebar-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-muted);width:100%;text-align:left;transition:background var(--transition),color var(--transition);cursor:pointer;border:none;background:none;font-family:var(--font-body)}.sidebar-btn:hover{background:var(--color-surface-offset);color:var(--color-text)}.sidebar-btn.active{background:var(--color-primary-highlight);color:var(--color-primary);font-weight:500}.sidebar-btn svg{flex-shrink:0}.sidebar-btn .btn-label{flex:1}.sidebar-btn .badge{font-size:10px;font-weight:700;background:var(--color-notification);color:#fff;padding:1px 6px;border-radius:var(--radius-full)}.main-content{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.chat-panel{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;min-height:480px;box-shadow:var(--shadow-sm)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider);background:var(--color-surface-2)}.chat-header-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text);min-width:0}.chat-online-dot{width:7px;height:7px;flex-shrink:0;background:var(--color-success);border-radius:50%}.chat-badge{font-size:var(--text-xs);background:var(--color-gold-soft);color:var(--color-text);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.chat-availability{font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap;flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.message{display:flex;gap:var(--space-3);max-width:82%}.message.user{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:30px;height:30px;flex-shrink:0;background:var(--color-primary-highlight);color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-top:2px}.message.user .msg-avatar{background:var(--color-surface-dynamic);color:var(--color-text-muted)}.msg-body{display:flex;flex-direction:column;gap:4px}.msg-name{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:500}.message.user .msg-name{text-align:right}.msg-bubble{padding:var(--space-3) var(--space-4);background:var(--color-surface-offset);border:1px solid var(--color-divider);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.55;color:var(--color-text);white-space:pre-wrap}.message.user .msg-bubble{background:var(--color-primary);border-color:var(--color-primary);color:#fff;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-sm)}.msg-bubble strong{font-weight:700}.msg-bubble em{font-style:italic}.msg-bubble a{color:var(--color-primary);text-decoration:underline;word-break:break-word}.message.user .msg-bubble a{color:#fff}.msg-bubble code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--color-surface-dynamic);padding:1px 5px;border-radius:var(--radius-sm)}.msg-time{font-size:11px;color:var(--color-text-faint)}.message.user .msg-time{text-align:right}.typing-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-offset);border:1px solid var(--color-divider);border-radius:var(--radius-lg);width:fit-content;margin-top:var(--space-1)}.typing-dots{display:flex;gap:3px}.typing-dot{width:5px;height:5px;background:var(--color-text-muted);border-radius:50%;animation:bounce 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.typing-label{font-size:11px;color:var(--color-text-muted)}.quick-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-divider);background:var(--color-surface)}.quick-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);background:var(--color-surface-offset);cursor:pointer;transition:all var(--transition);white-space:nowrap}.quick-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-highlight)}.chat-input-area{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-divider);background:var(--color-surface-2)}.chat-input-row{display:flex;align-items:flex-end;gap:var(--space-3);background:var(--color-surface-offset);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);transition:border-color var(--transition),box-shadow var(--transition)}.chat-input-row:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 12%,transparent)}.chat-textarea{flex:1;background:none;border:none;outline:none;resize:none;font:inherit;font-size:var(--text-sm);color:var(--color-text);line-height:1.5;max-height:120px;overflow-y:auto;padding:0}.chat-textarea::placeholder{color:var(--color-text-faint)}.chat-send-btn{width:36px;height:36px;flex-shrink:0;background:var(--color-cta);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:background var(--transition),transform 80ms}.chat-send-btn:hover{background:var(--color-cta-hover)}.chat-send-btn:active{transform:scale(.95)}.chat-input-hint{font-size:11px;color:var(--color-text-faint);text-align:center;margin-top:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}kbd{background:var(--color-surface-dynamic);border:1px solid var(--color-border);border-radius:3px;padding:1px 5px;font-family:var(--font-body);font-size:10px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.info-card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.info-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.info-card-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.info-card-title svg{color:var(--color-primary)}.info-card-action{font-size:var(--text-xs);color:var(--color-primary);cursor:pointer}.info-card-action:hover{color:var(--color-primary-hover)}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:var(--space-3);position:relative;padding-bottom:var(--space-4)}.timeline-item:last-child{padding-bottom:0}.timeline-left{display:flex;flex-direction:column;align-items:center;gap:0}.timeline-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;border:2px solid var(--color-primary);background:var(--color-bg);margin-top:4px}.timeline-dot.done{background:var(--color-primary)}.timeline-dot.pending{border-color:var(--color-border)}.timeline-line{width:1.5px;flex:1;background:var(--color-divider);margin:4px 0;min-height:20px}.timeline-item:last-child .timeline-line{display:none}.timeline-label{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.timeline-label.pending{color:var(--color-text-muted)}.timeline-date{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:2px}.contact-list{display:flex;flex-direction:column;gap:var(--space-3)}.contact-item{display:flex;align-items:center;gap:var(--space-3)}.contact-avatar{width:36px;height:36px;background:var(--color-primary-highlight);color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.contact-name{font-size:var(--text-sm);font-weight:500}.contact-role{font-size:var(--text-xs);color:var(--color-text-muted)}.docs-list{display:flex;flex-direction:column;gap:var(--space-2)}.doc-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition);cursor:pointer;text-decoration:none}.doc-row:hover{background:var(--color-surface-offset)}.doc-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.doc-icon.pdf{background:#fde8ec;color:#c0392b}[data-theme=dark] .doc-icon.pdf{background:#2e1a1c;color:#e07070}.doc-icon.doc{background:#e8f0fe;color:#1a73e8}[data-theme=dark] .doc-icon.doc{background:#1a2230;color:#7baaf7}.doc-name{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.doc-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.doc-size{font-size:var(--text-xs);color:var(--color-text-faint);margin-left:auto;flex-shrink:0}.theme-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition),color var(--transition)}.theme-toggle:hover{background:var(--color-surface-offset);color:var(--color-text)}.lang-toggle{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface)}.lang-toggle button{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 8px;border:none;background:none;color:var(--color-text-muted);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:background var(--transition),color var(--transition)}.lang-toggle button:hover{color:var(--color-text)}.lang-toggle button.active{background:var(--color-primary-highlight);color:var(--color-primary)}.login-controls{margin-top:var(--space-5);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.login-beta{margin-top:var(--space-3);text-align:center;font-size:var(--text-xs);color:var(--color-text-faint)}@media (max-width: 900px){.portal-body{display:flex;flex-direction:column;align-items:stretch;padding:var(--space-4);gap:var(--space-5)}.header-divider,.header-case-label{display:none}.brand-logo--header{height:22px}.portal-body .main-content{order:1}.portal-body .sidebar{order:2}.portal-body .info-grid{order:3}.chat-panel{min-height:68vh}.chat-header{flex-direction:column;align-items:flex-start;gap:4px}.chat-header-title{flex-wrap:wrap}.sidebar{position:static;flex-direction:column;gap:var(--space-2);width:100%}.sidebar-section-label{padding:var(--space-1) var(--space-1);margin-top:var(--space-3)}.sidebar-btn{width:100%;min-height:52px;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:var(--text-base)}.sidebar-btn:active{background:var(--color-surface-offset)}.sidebar-btn.active{background:var(--color-primary-highlight);border-color:var(--color-primary)}.info-grid{grid-template-columns:1fr}.info-card{width:100%}.case-banner-inner{flex-direction:column;align-items:flex-start}.progress-track{min-width:100%}.portal-header{padding:0 var(--space-4)}.case-banner{padding:var(--space-4)}.case-tabs{padding:var(--space-2) var(--space-4)}.docs-toolbar{padding:var(--space-3) var(--space-4)}.docs-scroll{padding:var(--space-4)}.docs-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}.doc-modal{padding:0}.doc-modal-card{width:100%;height:100%;border-radius:0}}@media (max-width: 480px){.otp-input{width:42px;height:50px}}.portal-scroll-wrapper{flex:1;overflow-y:auto;display:flex;flex-direction:column}.hidden{display:none!important}.sidebar-docs-btn{background:var(--color-surface);border:1px solid var(--color-divider);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3);font-weight:600;color:var(--color-text)}.sidebar-docs-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface)}.sidebar-docs-btn .sidebar-chevron{margin-left:auto;opacity:.5;flex-shrink:0}#screen-docs{flex-direction:column;background:var(--color-bg)}.docs-back{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:4px 2px}.docs-back:hover{color:var(--color-primary)}.docs-toolbar{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--color-surface);border-bottom:1px solid var(--color-divider)}.docs-breadcrumbs{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;min-height:16px}.crumb{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm)}.crumb:hover{color:var(--color-primary)}.crumb-sep{color:var(--color-text-faint)}.docs-search-wrap{display:flex;align-items:center;gap:var(--space-2);width:100%;max-width:340px;background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:7px 10px;color:var(--color-text-muted)}.docs-search{border:none;background:none;outline:none;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);width:100%}.docs-current{width:100%;max-width:340px;font-family:var(--font-body);font-size:var(--text-lg);font-weight:700;color:var(--color-text);line-height:1.2;word-break:break-word;margin-top:2px}.docs-current:empty{display:none}.docs-tools-row{display:flex;align-items:center;gap:var(--space-3);width:100%;flex-wrap:wrap}.docs-tools-row .docs-search-wrap{flex:1 1 220px}.docs-upload-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 14px;flex-shrink:0;background:var(--color-cta);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-sm)}.docs-upload-btn:hover{filter:brightness(1.06)}.docs-upload-btn:disabled,.docs-upload-btn.busy{opacity:.65;cursor:default}.docs-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);max-width:min(92vw,460px);text-align:center;background:var(--color-text);color:var(--color-surface);padding:12px 18px;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.45;box-shadow:0 8px 24px #0000002e;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:60}.docs-toast.show{opacity:1;transform:translate(-50%)}.docs-toast.ok{background:#2e7d32;color:#fff}.docs-toast.err{background:#b3261e;color:#fff}.docs-scroll{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8)}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-4);max-width:1280px;margin:0 auto}.docs-empty{grid-column:1/-1;text-align:center;color:var(--color-text-muted);padding:var(--space-12) var(--space-4);font-size:var(--text-sm)}.doc-tile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:border-color var(--transition),box-shadow var(--transition)}.doc-tile:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.folder-ic{color:#e3b341}.tile-name{font-size:var(--text-xs);font-weight:600;color:var(--color-text);width:100%;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-sub{font-size:11px;color:var(--color-text-faint)}.file-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:.03em;color:#fff;background:var(--color-text-muted)}.file-badge.kind-pdf{background:#c0392b}.file-badge.kind-doc{background:#2a6cc0}.file-badge.kind-img{background:#2e9e6b}.file-badge.kind-mail{background:#7a1e2c}.file-badge.kind-ds{background:#6b4fa0}.file-badge.kind-sheet{background:#1e7d52}.file-badge.kind-txt{background:#6f6e6b}.file-badge.kind-file{background:#8a8a86}.doc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.doc-modal[hidden]{display:none}.doc-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.doc-modal-card{position:relative;z-index:1;width:min(960px,100%);height:min(86vh,100%);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.doc-modal-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider);background:var(--color-surface-2)}.doc-modal-title{flex:1;min-width:0;font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-modal-actions{display:flex;align-items:center;gap:var(--space-2)}.doc-modal-dl{font-size:var(--text-xs);font-weight:600;text-decoration:none;color:var(--color-primary);border:1px solid var(--color-primary);padding:5px 12px;border-radius:var(--radius-md);white-space:nowrap}.doc-modal-dl:hover{background:var(--color-primary-highlight)}.doc-modal-x{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;padding:4px;border-radius:var(--radius-sm)}.doc-modal-x:hover{background:var(--color-surface-offset);color:var(--color-text)}.doc-modal-body{flex:1;min-height:0;overflow:auto;background:var(--color-surface-offset)}.doc-frame{width:100%;height:100%;border:none;background:#fff}.doc-image{display:block;max-width:100%;margin:0 auto}.doc-pdf-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);text-align:center;min-height:100%;padding:var(--space-10) var(--space-6);color:var(--color-text-muted)}.doc-pdf-cta p{font-size:var(--text-sm);line-height:1.5;max-width:320px}.doc-pdf-open{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);background:var(--color-cta);color:#fff;font-size:var(--text-base);font-weight:600;text-decoration:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.doc-pdf-open:active{opacity:.9}.doc-richtext{padding:var(--space-6);max-width:800px;margin:0 auto;background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);line-height:1.7}.doc-richtext h1,.doc-richtext h2,.doc-richtext h3{margin:1em 0 .4em;line-height:1.3}.doc-richtext p{margin:.5em 0}.doc-richtext ul,.doc-richtext ol{margin:.5em 0 .5em 1.4em}.doc-richtext table{border-collapse:collapse;margin:.8em 0;width:100%}.doc-richtext th,.doc-richtext td{border:1px solid var(--color-divider);padding:4px 8px;text-align:left}.doc-richtext a{color:var(--color-primary)}.doc-richtext img{max-width:100%;height:auto}.doc-spinner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.spinner{width:32px;height:32px;border:3px solid var(--color-divider);border-top-color:var(--color-primary);border-radius:50%;animation:docspin .8s linear infinite}@keyframes docspin{to{transform:rotate(360deg)}}