.contact-us-page{min-height:calc(100vh - 200px);background:var(--surface-ground)}.cu-container{max-width:1280px;margin:0 auto;padding:0 24px}.cu-hero{position:relative;min-height:420px;display:flex;align-items:center;overflow:hidden;background-image:linear-gradient(90deg,rgba(0,61,42,.95),rgba(0,61,42,.85),rgba(0,61,42,.7)),url(/images/contact-hero.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.cu-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--usc-green),var(--usc-gold),var(--usc-green));z-index:2}.cu-hero-content{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:72px 24px 100px;text-align:center;z-index:1}.cu-hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--usc-gold);color:var(--usc-green-darker);padding:8px 18px;border-radius:50px;font-size:var(--text-md,14px);font-weight:700;font-family:var(--font-primary)}.cu-hero-badge-dot{width:8px;height:8px;background:var(--usc-green-darker);border-radius:50%;animation:cu-pulse 2s infinite}@keyframes cu-pulse{0%,to{opacity:1}50%{opacity:.4}}.cu-hero-title{color:var(--permanent-white,#fff);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;margin:20px 0 16px;letter-spacing:-.02em;line-height:1.1}.cu-hero-desc,.cu-hero-title{font-family:var(--font-primary)}.cu-hero-desc{color:rgba(255,255,255,.85);font-size:var(--text-xl,19px);max-width:640px;margin:0 auto;line-height:1.55}.cu-qc-section{position:relative;margin-top:-56px;z-index:5;padding:0 24px}.cu-qc-card{max-width:880px;margin:0 auto;background:var(--surface-elevated,var(--usc-white));border-radius:16px;padding:8px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);border:1px solid var(--border-default,var(--gray-200));position:relative;display:grid;grid-template-columns:1fr 1px 1fr;align-items:stretch}.cu-qc-top-accent{position:absolute;top:0;left:32px;right:32px;height:3px;background:linear-gradient(90deg,var(--usc-green),var(--usc-gold),var(--usc-green));border-radius:0 0 3px 3px}.cu-qc-divider{background:var(--gray-200)}.cu-qc-tile{display:flex;align-items:center;gap:14px;padding:18px 22px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;border-radius:12px;transition:background .18s ease;width:100%;color:inherit}.cu-qc-tile:hover{background:var(--surface-nested,var(--gray-50))}.cu-qc-icon{width:48px;height:48px;border-radius:12px;background:var(--usc-green-light);color:var(--usc-green);display:grid;place-items:center;flex-shrink:0}.cu-qc-icon svg{width:22px;height:22px}.cu-qc-text{flex:1 1;min-width:0;display:block}.cu-qc-label{font-size:var(--text-xs,12px);color:var(--gray-500);text-transform:uppercase;letter-spacing:.06em}.cu-qc-label,.cu-qc-value{display:block;font-weight:700;margin-bottom:10px}.cu-qc-value{font-size:var(--text-lg,17px);color:var(--gray-900);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cu-qc-sub{display:block;font-size:var(--text-xs,12px);color:var(--gray-500)}.cu-qc-sub.is-copied{color:var(--usc-green);font-weight:600}.cu-qc-copy{color:var(--gray-400);flex-shrink:0;transition:color .18s ease;display:inline-flex}.cu-qc-copy svg{width:18px;height:18px}.cu-qc-tile:hover .cu-qc-copy{color:var(--usc-green)}.cu-options{padding:96px 0 64px;background:var(--surface-section,var(--gray-50))}.cu-options-header{text-align:center;margin-bottom:40px}.cu-options-overline{color:var(--usc-green);font-weight:600;font-size:var(--text-md,14px);letter-spacing:.06em;margin-bottom:8px;font-family:var(--font-primary)}.cu-options-header h2{font-size:var(--text-4xl,36px);font-weight:700;color:var(--gray-900);margin:0;font-family:var(--font-primary)}.cu-options-divider{width:72px;height:4px;background:var(--usc-gold);border-radius:999px;margin:16px auto 0}.cu-options-grid{max-width:1280px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.cu-action-card{background:var(--surface-card,var(--usc-white));border:1px solid var(--border-default,var(--gray-200));border-radius:20px;padding:32px;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;position:relative;overflow:hidden}.cu-action-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--usc-green),var(--usc-gold));opacity:0;transition:opacity .25s ease}.cu-action-card:hover{border-color:var(--usc-green);box-shadow:0 18px 40px rgba(0,103,71,.16);transform:translateY(-4px)}.cu-action-card:hover:after{opacity:1}.cu-action-icon{width:56px;height:56px;border-radius:14px;background:var(--usc-green-light);color:var(--usc-green);display:grid;place-items:center;margin-bottom:20px;transition:background .25s ease,color .25s ease}.cu-action-icon svg{width:28px;height:28px}.cu-action-card:hover .cu-action-icon{background:var(--usc-green);color:var(--permanent-white,#fff)}.cu-action-title{font-size:var(--text-2xl-plus,22px);font-weight:700;margin:0 0 8px;color:var(--gray-900);font-family:var(--font-primary)}.cu-action-desc{font-size:var(--text-base,15px);color:var(--gray-600);line-height:1.55;margin:0}.cu-action-cta{margin-top:20px;color:var(--usc-green);font-weight:500;font-size:var(--text-md,14px);display:inline-flex;align-items:center;gap:8px;transition:gap .25s ease}.cu-action-card:hover .cu-action-cta{gap:12px}.cu-visit{padding:64px 0 96px;background:var(--surface-section,var(--gray-50))}.cu-visit-card{background:var(--surface-card,var(--usc-white));border-radius:20px;padding:40px;display:grid;grid-template-columns:1.1fr 1fr;grid-gap:40px;gap:40px;align-items:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);border:1px solid var(--border-default,var(--gray-200))}.cu-section-label{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cu-section-label-bar{width:4px;height:32px;background:var(--usc-gold);border-radius:2px}.cu-section-label-text{color:var(--gray-700);font-size:var(--text-xs,12px);letter-spacing:.12em}.cu-section-label-text,.cu-visit-title{font-weight:700;font-family:var(--font-primary)}.cu-visit-title{font-size:var(--text-4xl,30px);margin:0 0 20px;color:var(--gray-900)}.cu-visit-line{margin:0 0 4px;color:var(--gray-600)}.cu-visit-line-last{margin-bottom:20px}.cu-visit-hours{display:flex;gap:32px;margin-bottom:24px;flex-wrap:wrap}.cu-visit-hours-label{font-size:var(--text-xs,12px);font-weight:700;color:var(--gray-500);letter-spacing:.08em;margin-bottom:4px}.cu-visit-hours-value{font-size:var(--text-lg,16px);font-weight:600;color:var(--gray-900)}.cu-btn-directions{display:inline-flex;align-items:center;gap:8px;background:var(--usc-green);padding:12px 22px;border-radius:8px;font-weight:600;font-size:var(--text-base,15px);transition:background .2s ease,transform .2s ease,box-shadow .2s ease;font-family:var(--font-primary)}.cu-btn-directions,.cu-btn-directions:hover{color:var(--permanent-white,#fff);text-decoration:none}.cu-btn-directions:hover{background:var(--usc-green-dark);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,103,71,.3)}.cu-btn-directions-desktop{display:inline-flex}.cu-btn-directions-mobile{display:none}.cu-map-wrap{position:relative;padding:14px 18px 18px 14px}.cu-map-deco{position:absolute;z-index:0;border-radius:14px}.cu-map-deco-green{top:0;left:0;width:84px;height:84px;background:rgba(0,103,71,.22)}.cu-map-deco-gold{right:0;bottom:0;width:130px;height:130px;background:var(--usc-gold);border-radius:16px}.cu-map-card{position:relative;z-index:1;border-radius:16px;overflow:hidden;border:4px solid var(--usc-green);box-shadow:0 20px 40px rgba(0,103,71,.2);background:var(--surface-card,var(--usc-white))}.cu-map-frame{position:relative;height:320px}.cu-map-svg{width:100%;height:100%;display:block}.cu-map-addr{position:absolute;top:18px;left:18px;background:var(--surface-card,var(--usc-white));border-radius:10px;padding:12px 14px;box-shadow:0 6px 18px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.08);max-width:280px;display:grid;grid-template-columns:1fr auto auto;grid-gap:8px;gap:8px;align-items:start}.cu-map-addr-text{min-width:0}.cu-map-addr-name{font-weight:700;font-size:var(--text-md,14px);color:var(--gray-900);line-height:1.25}.cu-map-addr-street{font-size:var(--text-xs,12px);color:var(--gray-600);margin-top:4px;line-height:1.4}.cu-map-addr-meta{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:var(--text-xs,12px);color:var(--gray-700)}.cu-map-addr-meta strong{font-weight:700}.cu-map-addr-star{color:var(--accent-warning)}.cu-map-addr-meta a{color:#1d4ed8;text-decoration:underline}.cu-map-addr-info{width:14px;height:14px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid var(--gray-400);color:var(--gray-500);font-size:10px;font-weight:700}.cu-map-addr-btn{width:28px;height:28px;padding:0;border-radius:8px;border:none;background:#eff5ff;color:#1d4ed8;cursor:pointer;display:grid;place-items:center;text-decoration:none}.cu-map-addr-btn svg{width:16px;height:16px}body.dark-theme .cu-options,body.dark-theme .cu-visit,html.dark-theme .cu-options,html.dark-theme .cu-visit{background:var(--surface-ground)}body.dark-theme .cu-action-card,body.dark-theme .cu-qc-card,body.dark-theme .cu-visit-card,html.dark-theme .cu-action-card,html.dark-theme .cu-qc-card,html.dark-theme .cu-visit-card{background:var(--surface-card);border-color:var(--border-default)}body.dark-theme .cu-qc-tile:hover,html.dark-theme .cu-qc-tile:hover{background:var(--surface-card-hover,#2c2c2c)}body.dark-theme .cu-qc-divider,html.dark-theme .cu-qc-divider{background:var(--border-default)}body.dark-theme .cu-map-addr,html.dark-theme .cu-map-addr{background:var(--surface-card);box-shadow:0 6px 18px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.35)}body.dark-theme .cu-action-cta,body.dark-theme .cu-options-overline,html.dark-theme .cu-action-cta,html.dark-theme .cu-options-overline{color:#4dbd8f}body.dark-theme .cu-hero-badge,html.dark-theme .cu-hero-badge{color:var(--permanent-black)}body.dark-theme .cu-hero-badge-dot,html.dark-theme .cu-hero-badge-dot{background:var(--permanent-black)}@media (max-width:1024px){.cu-visit-card{grid-template-columns:1fr}.cu-btn-directions-desktop{display:none}.cu-btn-directions-mobile{display:flex;width:100%;box-sizing:border-box;justify-content:center;margin-top:20px}}@media (max-width:768px){.cu-hero{min-height:0}.cu-hero-content{padding:44px 16px 64px}.cu-hero-badge{padding:4px 12px;font-size:11px;gap:6px}.cu-hero-badge-dot{width:6px;height:6px}.cu-hero-title{font-size:20px;line-height:1.2;margin:8px 0 6px}.cu-hero-desc{font-size:12px;line-height:1.45;max-width:320px}.cu-qc-card{display:flex;flex-direction:column;gap:10px;grid-template-columns:1fr;padding:0;background:transparent;border:none;box-shadow:none;border-radius:0}.cu-qc-divider,.cu-qc-top-accent{display:none}.cu-qc-tile{background:var(--surface-card,#fff);border:1px solid var(--border-default,var(--gray-200));border-radius:12px;padding:12px 14px;gap:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.cu-qc-icon{width:36px;height:36px;border-radius:10px}.cu-qc-icon svg{width:18px;height:18px}.cu-qc-label{font-size:10px;margin-bottom:4px;letter-spacing:.05em}.cu-qc-value{font-size:15px;font-weight:600;color:var(--gray-800);margin-bottom:2px}.cu-qc-sub{font-size:11px}.cu-qc-copy svg{width:16px;height:16px}.cu-qc-section{padding:0 16px;margin-top:-40px}.cu-options{padding:25px 0 0}.cu-options,.cu-visit{background:var(--surface-ground)}.cu-options-header{margin-bottom:22px}.cu-options-overline{font-size:11px;margin-bottom:4px}.cu-options-header h2{font-size:20px}.cu-options-divider{width:48px;height:3px;margin-top:10px}.cu-container{padding:0 16px}.cu-options-grid{grid-template-columns:1fr;padding:0;gap:12px}.cu-action-card{padding:18px;border-radius:14px}.cu-action-icon{width:38px;height:38px;border-radius:10px;margin-bottom:12px}.cu-action-icon svg{width:20px;height:20px}.cu-action-title{font-size:15px;margin-bottom:6px}.cu-action-desc{font-size:12px;line-height:1.45}.cu-action-cta{font-size:13px;margin-top:12px}.cu-visit{padding:28px 0 40px}.cu-visit-card{padding:18px;gap:16px;border-radius:14px;grid-template-columns:1fr}.cu-section-label-bar{display:none}.cu-section-label-text{font-size:10px;letter-spacing:.1em}.cu-section-label{margin-bottom:6px}.cu-visit-title{font-size:18px;margin-bottom:10px;line-height:1.25}.cu-visit-info{position:relative;padding-left:14px}.cu-visit-info:before{content:"";position:absolute;left:0;top:0;width:3px;height:58px;background:var(--usc-gold);border-radius:2px}.cu-visit-line{font-size:12px;margin:0 0 2px;line-height:1.25}.cu-visit-line-last{margin-bottom:10px}.cu-visit-hours{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:0;margin-bottom:14px}.cu-visit-hours-label{margin-bottom:2px;font-size:10px;line-height:1.2}.cu-visit-hours-value{font-size:12px;line-height:1.25}.cu-map-frame{height:130px}.cu-map-card{border:none;box-shadow:none}.cu-map-deco-gold{width:70px;height:70px}.cu-map-deco-green{width:46px;height:46px}.cu-map-addr{display:none}}@media (max-width:480px){.cu-hero{min-height:0}.cu-hero-content{padding:44px 16px 64px}.cu-qc-tile{padding:12px 14px}.cu-qc-icon{width:36px;height:36px;background:var(--gray-100,#f3f4f6);color:var(--gray-600,#4b5563)}.cu-action-card{padding:16px}.cu-visit-card{padding:16px;gap:16px}.cu-visit-title{font-size:17px}.cu-map-deco-gold,.cu-map-deco-green{display:none}.cu-map-wrap{padding:0}.cu-map-frame{height:130px}.cu-map-card{border:none;box-shadow:none}.cu-map-addr{max-width:calc(100% - 24px);padding:10px 12px;top:12px;left:12px;right:12px;grid-template-columns:1fr auto auto}}@media (max-width:380px){.cu-visit-hours{grid-template-columns:1fr 1fr}.cu-visit-hours>:nth-child(3){grid-column:1/-1}}.settings-page{--icon-appearance-bg:#ede9fe;--icon-appearance-color:#6d28d9;--icon-access-bg:#d1fae5;--icon-access-color:#047857;--notice-info-bg:var(--status-ok-bg);--notice-info-color:var(--status-ok-color);--notice-info-border:var(--status-ok-icon);--toggle-sun-color:var(--feedback-warning);--toggle-moon-color:var(--gray-400);--toggle-moon-active:#60a5fa;--toggle-active-track:var(--usc-green);min-height:calc(100vh - 200px);width:100%;max-width:100%;overflow-x:hidden}.settings-page,.settings-page *,.settings-page :after,.settings-page :before{box-sizing:border-box}body.dark-theme .settings-page{--icon-appearance-bg:rgba(79,70,229,0.15);--icon-appearance-color:#818cf8;--icon-access-bg:rgba(5,150,105,0.15);--icon-access-color:#34d399;--toggle-moon-active:#93c5fd;--toggle-active-track:var(--surface-nested)}.settings-content-section{padding:2rem 0 3rem;background-color:var(--surface-ground)}.settings-page .section-container{max-width:1440px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}.settings-container{max-width:760px;margin:0 auto;width:100%;box-sizing:border-box}.settings-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:var(--text-md);margin-bottom:1.25rem;line-height:1.5}.settings-notice-info{background:var(--notice-info-bg);color:var(--notice-info-color);border:1px solid var(--notice-info-border)}.settings-notice i{flex-shrink:0}.settings-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;margin-bottom:1.25rem;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04)}.settings-card-header{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--border-subtle)}.settings-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0}.sc-icon-appearance{background:var(--icon-appearance-bg);color:var(--icon-appearance-color)}.sc-icon-access{background:var(--icon-access-bg);color:var(--icon-access-color)}.sc-icon-tour{background:linear-gradient(135deg,var(--icon-bg-warning),#fde68a);color:var(--priority-normal)}body.dark-theme .sc-icon-tour{background:rgba(180,83,9,.15);color:var(--accent-amber)}.settings-card-title{font-size:var(--text-xl);font-weight:600;color:var(--gray-800);margin:0;line-height:1.3}.settings-card-desc{font-size:var(--text-base);color:var(--gray-500);margin:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--border-subtle)}.setting-row:last-child{border-bottom:none}.setting-info{flex:1 1;min-width:0}.setting-label{display:block;font-size:var(--text-lg);font-weight:600;color:var(--gray-700);line-height:1.3}.setting-desc{display:block;font-size:var(--text-base);color:var(--gray-500);margin-top:2px;line-height:1.4}.theme-toggle{cursor:pointer;flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent}.theme-toggle:focus-visible .theme-toggle-track{box-shadow:var(--search-focus-ring)}.theme-toggle-track{width:68px;height:34px;background:var(--gray-200);border-radius:100px;position:relative;display:flex;align-items:center;padding:0 6px;justify-content:space-between;transition:background .3s ease}.theme-icon-dark,.theme-icon-light{font-size:var(--text-sm);z-index:1;transition:opacity .3s,color .3s}.theme-icon-light{color:var(--toggle-sun-color);opacity:1}.theme-icon-dark{color:var(--toggle-moon-color);opacity:.5}.theme-toggle-thumb{position:absolute;left:3px;top:3px;width:28px;height:28px;background:var(--surface-card);border-radius:50%;box-shadow:var(--shadow-xs);transition:transform .3s cubic-bezier(.4,0,.2,1)}.theme-toggle.active .theme-toggle-track{background:var(--toggle-active-track)}.theme-toggle.active .theme-icon-light{opacity:.4}.theme-toggle.active .theme-icon-dark{color:var(--toggle-moon-active);opacity:1}.theme-toggle.active .theme-toggle-thumb{transform:translateX(34px)}.toggle-switch{position:relative;width:56px;height:30px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);border-radius:100px;transition:background-color .3s}.toggle-slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;bottom:3px;background-color:var(--surface-card);border-radius:50%;box-shadow:var(--shadow-xs);transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-switch input:checked+.toggle-slider{background-color:var(--usc-green)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.font-size-picker{display:flex;gap:3px;background:var(--surface-nested);padding:3px;border-radius:8px;flex-shrink:0}.font-size-btn{width:44px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;cursor:pointer;font-weight:600;color:var(--gray-500);-webkit-tap-highlight-color:transparent;transition:all .2s}.font-size-btn[data-size=small]{font-size:var(--text-2xs)}.font-size-btn[data-size=medium]{font-size:var(--text-md)}.font-size-btn[data-size=large]{font-size:var(--text-lg)}.font-size-btn[data-size=x-large]{font-size:var(--text-2xl)}.font-size-btn.active{background:var(--surface-card);color:var(--usc-green);box-shadow:var(--shadow-sm)}.tutorial-replay-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;background:var(--usc-green);color:var(--permanent-white);border:none;border-radius:8px;font-size:var(--text-base);font-weight:600;cursor:pointer;flex-shrink:0;font-family:inherit;-webkit-tap-highlight-color:transparent;min-height:48px;transition:all .2s ease}.tutorial-replay-btn:hover{background:var(--usc-green-dark)}.tutorial-replay-btn-outline{background:var(--surface-card);color:var(--gray-600);border:1px solid var(--border-default)}.tutorial-replay-btn-outline:hover{border-color:var(--usc-green);color:var(--usc-green);background:var(--surface-card)}.settings-footer-reset{text-align:center;padding:16px 0 0;margin-top:8px}.settings-reset-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:none;border:1px solid var(--gray-300);border-radius:8px;font-size:var(--text-md);font-weight:500;color:var(--gray-500);cursor:pointer;min-height:40px;-webkit-tap-highlight-color:transparent;transition:all .2s;font-family:inherit}.settings-reset-btn:hover{border-color:var(--color-error);color:var(--color-error)}.settings-footer-note{font-size:var(--text-sm);color:var(--gray-400);margin:8px 0 0}.settings-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding:20px 0;border-top:1px solid var(--border-default)}.settings-actions-anon{justify-content:flex-start}.settings-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:var(--text-md);font-weight:600;text-decoration:none;cursor:pointer;min-height:44px;border:none;-webkit-tap-highlight-color:transparent;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.settings-actions .settings-action-btn{width:100%;justify-content:center}.settings-btn-save{background-color:var(--usc-green);color:var(--permanent-white)}.settings-btn-save:hover{background-color:var(--usc-green-dark)}.settings-btn-save.has-changes{animation:pulse-save 2s infinite}@keyframes pulse-save{0%,to{box-shadow:0 0 0 0 var(--green-tint-50)}50%{box-shadow:0 0 0 8px transparent}}.settings-btn-cancel{background-color:var(--gray-100);color:var(--gray-700);border:1px solid var(--border-default)}.settings-btn-cancel:hover{background-color:var(--gray-200)}.settings-btn-back{background-color:var(--gray-100);color:var(--gray-700)}.settings-toast{position:fixed;bottom:20px;right:20px;background:var(--usc-green);color:var(--permanent-white);padding:12px 18px;border-radius:10px;font-size:var(--text-md);font-weight:500;display:flex;align-items:center;gap:8px;z-index:9999;box-shadow:var(--shadow-elevated);transform:translateY(80px);opacity:0;transition:all .3s ease;max-width:calc(100vw - 40px);box-sizing:border-box}.settings-toast.show{transform:translateY(0);opacity:1}@media (max-width:768px){.settings-page .setting-row:has(#focusHighlight){display:none}.settings-hero{padding:1.25rem 0 1.5rem}.settings-hero-title{font-size:var(--text-2xl);gap:10px;margin-bottom:4px}.settings-hero-title i{font-size:var(--text-xl)}.settings-hero-subtitle{font-size:var(--text-sm)}.settings-content-section{padding:1.25rem 0 2.5rem}.settings-page .section-container{padding:0 24px}.settings-container{max-width:100%}body:has(.settings-page) main{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}.settings-notice{font-size:var(--text-base);padding:14px 16px;gap:10px}.settings-card{border-radius:12px;margin-bottom:12px}.settings-card-header{padding:12px 14px;gap:10px}.settings-card-icon{width:32px;height:32px;font-size:var(--text-md);border-radius:10px}.settings-card-title{font-size:14px}.settings-card-desc{font-size:11px}.setting-row{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 14px;gap:12px}.setting-info{flex:1 1;min-width:0;width:auto}.setting-label{font-size:13px;font-weight:600;color:var(--gray-900);line-height:1.25}.setting-desc{font-size:11px;color:var(--gray-500);margin-top:2px;line-height:1.35}.theme-toggle{align-self:center;flex-shrink:0}.theme-toggle-track{width:56px;height:28px}.theme-toggle-thumb{width:22px;height:22px}.theme-toggle.active .theme-toggle-thumb{transform:translateX(28px)}.toggle-switch{align-self:center;width:44px;height:24px;flex-shrink:0}.toggle-slider:before{width:18px;height:18px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.setting-row:has(.font-size-picker){flex-direction:column;align-items:flex-start;gap:10px}.font-size-picker{align-self:flex-start;flex-wrap:nowrap;padding:3px;gap:4px}.font-size-btn{width:38px;height:36px;border-radius:8px}.tutorial-replay-btn{width:100%;justify-content:center;padding:14px 18px;min-height:54px;font-size:var(--text-lg)}.settings-footer-reset{padding-top:18px;text-align:center}.settings-reset-btn{display:inline-flex;width:auto;justify-content:center;min-height:40px;font-size:13px;font-weight:500;padding:8px 18px;border-radius:8px;background:transparent;border:1px solid var(--gray-300);color:var(--gray-700);gap:8px}.settings-footer-note{font-size:11px;margin-top:8px}.settings-actions{display:flex;flex-direction:row;gap:10px;margin-top:18px;margin-bottom:0;padding-bottom:0}.settings-page{min-height:0;padding-bottom:0}.settings-content-section{padding-bottom:1rem}.settings-action-btn{flex:1 1;width:auto;justify-content:center;min-height:46px;font-size:14px;font-weight:600;padding:12px 14px;border-radius:12px}.settings-toast{bottom:12px;right:12px;left:12px;max-width:none;font-size:var(--text-base);padding:14px 18px}}body.dark-theme .settings-content-section{background-color:#111827}body.dark-theme .settings-card{background:#1f2937;border-color:#374151}body.dark-theme .setting-row,body.dark-theme .settings-card-header{border-bottom-color:#374151}body.dark-theme .settings-card-title{color:#f3f4f6}body.dark-theme .settings-card-desc{color:#9ca3af}body.dark-theme .setting-label{color:#e5e7eb}body.dark-theme .setting-desc{color:#9ca3af}body.dark-theme .settings-notice-info{background:rgba(5,150,105,.1);color:#6ee7b7;border-color:rgba(5,150,105,.3)}body.dark-theme .theme-toggle-track{background:#374151}body.dark-theme .theme-toggle.active .theme-toggle-track{background:var(--usc-green)}body.dark-theme .theme-toggle-thumb{background:#f9fafb}body.dark-theme .toggle-slider{background-color:#4b5563}body.dark-theme .toggle-switch input:checked+.toggle-slider{background-color:var(--accent-emerald)}body.dark-theme .toggle-slider:before{background-color:#f9fafb}body.dark-theme .font-size-picker{background:var(--gray-900)}body.dark-theme .font-size-btn{color:#9ca3af}body.dark-theme .font-size-btn.active{background:#1f2937;color:#34d399}body.dark-theme .tutorial-replay-btn-outline{background:#1f2937;color:#d1d5db;border-color:#374151}body.dark-theme .tutorial-replay-btn-outline:hover{border-color:#34d399;color:#34d399}body.dark-theme .settings-reset-btn{background:#1f2937;color:#9ca3af;border-color:#374151}body.dark-theme .settings-reset-btn:hover{border-color:var(--priority-high);color:var(--priority-high);background:var(--priority-high-bg)}body.dark-theme .settings-footer-note{color:#6b7280}body.dark-theme .settings-btn-back,body.dark-theme .settings-btn-cancel{background-color:#1f2937;color:#d1d5db;border-color:#374151}body.dark-theme .settings-btn-cancel:hover{background-color:#374151}body.dark-theme .settings-actions{border-top-color:#374151}body.dark-theme .settings-toast{box-shadow:0 8px 24px rgba(0,0,0,.5)}body.high-contrast .settings-card-title{color:var(--gray-900);font-weight:700}body.high-contrast .settings-card-desc{color:#374151}body.high-contrast .setting-label{color:var(--gray-900);font-weight:700}body.high-contrast .setting-desc{color:#374151;font-weight:500}body.high-contrast .settings-notice{border-width:2px;font-weight:500}body.high-contrast .settings-card{border-width:2px;border-color:#6b7280}body.high-contrast .settings-card-header{border-bottom-width:2px;border-bottom-color:#9ca3af}body.high-contrast .setting-row{border-bottom-width:2px;border-bottom-color:#d1d5db}body.high-contrast .font-size-picker,body.high-contrast .theme-toggle-track,body.high-contrast .toggle-slider{border:2px solid #6b7280}body.high-contrast .font-size-btn.active{outline:2px solid var(--accent-emerald);outline-offset:-2px}body.high-contrast .settings-footer-note{color:#4b5563}body.high-contrast .settings-reset-btn{color:#374151;border-width:2px;font-weight:600}body.high-contrast .settings-btn-back,body.high-contrast .settings-btn-cancel{border-width:2px;font-weight:700}body.high-contrast .settings-btn-save{font-weight:700;box-shadow:0 0 0 2px var(--accent-emerald-dark)}body.high-contrast .tutorial-replay-btn{font-weight:700}body.high-contrast .tutorial-replay-btn-outline{color:#1f2937;border-width:2px;font-weight:700}body.dark-theme.high-contrast .settings-card-title{color:var(--permanent-white);font-weight:700}body.dark-theme.high-contrast .settings-card-desc{color:#d1d5db}body.dark-theme.high-contrast .setting-label{color:var(--permanent-white);font-weight:700}body.dark-theme.high-contrast .setting-desc{color:#d1d5db;font-weight:500}body.dark-theme.high-contrast .settings-card{border-color:#9ca3af}body.dark-theme.high-contrast .settings-card-header{border-bottom-color:#6b7280}body.dark-theme.high-contrast .setting-row{border-bottom-color:#4b5563}body.dark-theme.high-contrast .font-size-picker,body.dark-theme.high-contrast .theme-toggle-track,body.dark-theme.high-contrast .toggle-slider{border-color:#9ca3af}body.dark-theme.high-contrast .settings-notice-info{border-width:2px;border-color:rgba(5,150,105,.6);color:#86efac;font-weight:600}body.dark-theme.high-contrast .settings-reset-btn{border-color:#9ca3af;color:#d1d5db}body.dark-theme.high-contrast .settings-btn-back,body.dark-theme.high-contrast .settings-btn-cancel{border-color:#9ca3af;color:#f3f4f6}body.dark-theme.high-contrast .settings-footer-note{color:#9ca3af}body.dark-theme.high-contrast .settings-actions{border-top-color:#6b7280}body.dark-theme.high-contrast .tutorial-replay-btn-outline{border-color:#9ca3af;color:#e5e7eb}.edit-profile-page{background-color:var(--slate-50);min-height:100vh}.profile-hero{background:linear-gradient(135deg,var(--usc-green) 0,var(--usc-green-dark) 100%);padding:2.5rem 0}.profile-hero-content{text-align:center;color:var(--usc-white)}.profile-hero-title{font-family:var(--font-heading);font-size:calc(32px * var(--font-scale));font-weight:var(--font-bold);margin:0 0 .25rem;color:var(--usc-white)}.profile-hero-subtitle{font-size:var(--text-base);color:rgba(255,255,255,.85);margin:0}.profile-section{padding:2rem 0}.profile-container{max-width:700px;margin:0 auto}.profile-card{background:var(--usc-white);border:1px solid var(--slate-200);border-radius:var(--radius-2xl);padding:2rem;box-shadow:var(--shadow-lg)}.profile-header{display:flex;align-items:center;gap:1.25rem;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--slate-100)}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--usc-green) 0,var(--usc-green-dark) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-initials{color:var(--usc-white);font-family:var(--font-heading);font-size:var(--text-2xl-plus);font-weight:var(--font-bold);text-transform:uppercase}.profile-name-section{flex:1 1;min-width:0}.profile-full-name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--slate-900);margin:0 0 .25rem}.profile-email{font-size:var(--text-sm);color:var(--slate-500);margin:0;overflow:hidden;text-overflow:ellipsis}.profile-form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--slate-100)}.profile-form-section:last-of-type{border-bottom:none;margin-bottom:1.5rem}.section-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--slate-800);margin:0 0 1.25rem}.section-title i{color:var(--usc-green);font-size:var(--text-base)}.editable-section{background:var(--usc-green-light);margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem;border-radius:var(--radius-lg);border-bottom:none}.editable-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--usc-green);background:var(--usc-white);padding:2px 8px;border-radius:var(--radius-full);margin-left:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:flex;align-items:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--slate-700);margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:var(--text-base);color:var(--slate-900);background:var(--usc-white);border:1px solid var(--slate-200);border-radius:var(--radius-md);transition:all .2s;min-height:44px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--usc-green);box-shadow:0 0 0 3px var(--usc-green-light)}.readonly-field{cursor:not-allowed}.readonly-field,.readonly-field:focus{background:var(--slate-50);color:var(--slate-600);border-color:var(--slate-200)}.readonly-field:focus{box-shadow:none}.field-note{display:flex;align-items:center;gap:.375rem;font-size:var(--text-xs);color:var(--slate-500);margin-top:.375rem}.field-note i{font-size:var(--text-2xs)}.field-help{display:block;font-size:var(--text-xs);color:var(--slate-500);margin-top:.375rem}.form-messages{padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;display:none}.form-messages.success{display:flex;align-items:center;gap:.75rem;background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.form-messages.error{display:flex;align-items:center;gap:.75rem;background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.form-actions{display:flex;gap:1rem;padding-top:1rem}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--slate-600);background:var(--usc-white);border:1px solid var(--slate-200);border-radius:var(--radius-md);text-decoration:none;min-height:44px;transition:all .2s}.btn-secondary:hover{border-color:var(--slate-300);background:var(--slate-50);color:var(--slate-700)}.btn-primary{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--usc-white);background:var(--usc-green);border:none;border-radius:var(--radius-md);cursor:pointer;min-height:44px;transition:all .2s}.btn-primary:hover{background:var(--usc-green-dark);transform:translateY(-1px);box-shadow:var(--shadow-green)}.profile-info-note{display:flex;gap:.75rem;padding:1rem;background:var(--slate-50);border-radius:var(--radius-md);margin-top:1.5rem;border-left:3px solid var(--usc-green)}.profile-info-note i{color:var(--usc-green);flex-shrink:0;margin-top:2px}.profile-info-note p{font-size:var(--text-sm);color:var(--slate-600);margin:0;line-height:1.5}@media (max-width:768px){.profile-hero{padding:1.5rem 1rem}.profile-card{padding:1.5rem;border-radius:var(--radius-xl)}.profile-section{padding:1.5rem 0}.profile-header{flex-direction:column;text-align:center}.editable-section{margin-left:-1rem;margin-right:-1rem;padding:1rem}}@media (max-width:640px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.profile-hero{padding:1.25rem .75rem}.profile-card{padding:1rem}.profile-avatar{width:60px;height:60px}.avatar-initials{font-size:var(--text-2xl)}}.case-details-page{background-color:var(--surface-ground);min-height:100vh}.cd-header-section{background:radial-gradient(circle at 12% 0,rgba(0,103,71,.55),transparent 55%),radial-gradient(circle at 88% 100%,rgba(255,199,44,.1),transparent 60%),linear-gradient(135deg,#006747,#00583c 35%,#004029 70%,#002e1d);padding:1.5rem 0 2rem}.cd-container{max-width:1440px;margin:0 auto;padding:0 24px}.cd-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem}.cd-breadcrumb-link{color:rgba(255,255,255,.9);opacity:.8;text-decoration:none;font-size:calc(14px * var(--font-scale));transition:color .2s}.cd-breadcrumb-link:hover{color:var(--permanent-white)}.cd-breadcrumb-sep{color:rgba(255,255,255,.6);font-size:calc(10px * var(--font-scale))}.cd-breadcrumb-current{color:var(--permanent-white);font-size:calc(14px * var(--font-scale));font-weight:500;opacity:.95}.cd-back-chip{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.12);color:rgba(255,255,255,.95);opacity:.6;text-decoration:none;border:1px solid rgba(255,255,255,.18);margin-right:4px;transition:background .15s,transform .15s,border-color .15s;flex-shrink:0}.cd-back-chip:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.35);transform:translateX(-1px)}.cd-back-chip i{font-size:13px}.cd-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.cd-header-left{flex:1 1;min-width:300px}.cd-number-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.cd-case-number{font-size:calc(14px * var(--font-scale));font-weight:500;color:var(--usc-white);background:rgba(255,255,255,.25);padding:4px 12px;border-radius:4px}.cd-title{font-size:1.75rem;font-weight:600;color:var(--permanent-white);margin:0;line-height:1.3}.cd-header-actions{display:flex;gap:12px;flex-shrink:0}.cd-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:10px;font-weight:600;font-size:calc(16px * var(--font-scale));text-decoration:none;min-height:48px;cursor:pointer;transition:all .2s ease;border:none}.cd-btn-primary{background-color:var(--usc-yellow);color:var(--usc-green)}.cd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.cd-btn-secondary{background-color:rgba(255,255,255,.15);color:var(--permanent-white);border:1px solid rgba(255,255,255,.3)}.cd-btn-secondary:hover{background-color:rgba(255,255,255,.25)}.cd-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:5px;font-size:calc(12px * var(--font-scale));font-weight:600}.cd-badge.status-active{background:var(--badge-active-color);color:var(--permanent-white)}.cd-badge.status-resolved{background:var(--badge-resolved-color);color:var(--permanent-black);opacity:.9}.cd-badge.status-cancelled{background:var(--badge-cancelled-color);color:var(--permanent-black);opacity:.6}.cd-badge.priority-high{background:var(--badge-high-color);color:var(--permanent-black)}.cd-badge.priority-normal{background:var(--badge-normal-color);color:var(--permanent-black);opacity:.8}.cd-badge.priority-low{background:var(--badge-low-color);color:var(--permanent-black);opacity:.7}.cd-header-section .cd-badge.status-active{background:var(--badge-active-color);color:var(--permanent-black)}.cd-header-section .cd-badge.status-resolved{background:var(--badge-resolved-color);color:var(--permanent-black);opacity:.9}.cd-header-section .cd-badge.status-cancelled{background:var(--badge-cancelled-color);color:var(--permanent-black);opacity:.6}.cd-header-section .cd-badge.priority-high{background:var(--badge-high-color);color:var(--permanent-black)}.cd-header-section .cd-badge.priority-normal{background:var(--badge-normal-color);color:var(--permanent-black);opacity:.8}.cd-header-section .cd-badge.priority-low{background:var(--badge-low-color);color:var(--permanent-black);opacity:.7}.cd-content-section{padding:2rem 0 4rem}.cd-layout{display:grid;grid-template-columns:1fr 380px;grid-gap:24px;gap:24px;align-items:start}.cd-main{display:flex;flex-direction:column;gap:24px}.cd-card{background:var(--surface-card);border-radius:12px;border:1px solid var(--border-default);overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04)}.cd-card-header{background:var(--surface-nested);padding:18px 22px;border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;gap:12px}.cd-card-header[role=button]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.cd-card-header[role=button]:focus-visible{outline:2px solid var(--usc-green);outline-offset:-2px}.cd-card-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.cd-card-chevron{display:none;color:var(--gray-400);font-size:calc(14px * var(--font-scale));transition:transform .2s ease;flex-shrink:0}.cd-card-title{font-size:1rem;font-weight:600;color:var(--gray-800);margin:0;display:flex;align-items:center;gap:12px}.cd-card-title i{color:var(--usc-green);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:calc(15px * var(--font-scale));flex-shrink:0}.cd-card-body{padding:22px}.cd-description{font-size:calc(16px * var(--font-scale));line-height:1.75;color:var(--gray-600);white-space:pre-wrap}.cd-details-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.cd-detail-item{display:flex;flex-direction:column;gap:6px}.cd-detail-label{font-size:calc(13px * var(--font-scale));font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px}.cd-detail-value{font-size:calc(16px * var(--font-scale));color:var(--gray-800);display:flex;align-items:center;gap:8px}.cd-detail-icon{color:var(--usc-green);font-size:calc(14px * var(--font-scale))}.cd-detail-badge{background:var(--surface-nested);color:var(--gray-600);padding:5px 14px;border-radius:6px;font-size:calc(15px * var(--font-scale));font-weight:500}.cd-no-data{color:var(--gray-300);font-style:italic}.cd-sidebar{display:flex;flex-direction:column;gap:20px}.cd-sidebar-card{background:var(--surface-card);border-radius:12px;border:1px solid var(--border-default);padding:22px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.cd-highlight-card{background:linear-gradient(135deg,var(--usc-green) 0,var(--usc-green-dark) 100%);border:none;color:var(--permanent-white)}.cd-sidebar-title{font-size:calc(16px * var(--font-scale));font-weight:600;color:var(--gray-800);margin:0 0 16px;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-default)}.cd-sidebar-title i{color:var(--usc-green)}.cd-sidebar-content{display:flex;flex-direction:column;gap:16px}.cd-quick-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.15)}.cd-quick-item:last-child{border-bottom:none;padding-bottom:0}.cd-quick-item:first-child{padding-top:0}.cd-quick-icon{font-size:calc(18px * var(--font-scale));color:var(--usc-yellow);width:24px;text-align:center;flex-shrink:0;margin-top:2px}.cd-quick-content{display:flex;flex-direction:column;gap:2px}.cd-quick-label{font-size:calc(12px * var(--font-scale));color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.5px}.cd-quick-value{font-size:calc(15px * var(--font-scale));font-weight:600;color:var(--permanent-white)}.cd-quick-sub{font-size:calc(13px * var(--font-scale));color:rgba(255,255,255,.7)}.cd-contact-item{display:flex;flex-direction:column;gap:4px}.cd-contact-label{font-size:calc(12px * var(--font-scale));font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px}.cd-contact-value{font-size:calc(15px * var(--font-scale));color:var(--gray-800);display:flex;align-items:center;gap:8px}.cd-contact-icon{color:var(--usc-green);font-size:calc(12px * var(--font-scale))}.cd-action-list{display:flex;flex-direction:column;gap:10px}.cd-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--surface-nested);border:1px solid var(--border-default);border-radius:8px;color:var(--gray-700);font-size:calc(14px * var(--font-scale));font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.cd-action-btn:hover{background:var(--usc-green);border-color:var(--usc-green);color:var(--permanent-white)}.cd-action-btn:disabled{opacity:.5;cursor:not-allowed}.cd-action-btn:disabled:hover{background:var(--surface-nested);border-color:var(--border-default);color:var(--gray-600)}.cd-action-btn i{font-size:calc(14px * var(--font-scale))}.cd-action-reopen{background:rgba(59,130,246,.08);border-color:var(--accent-blue);color:#2563eb;font-weight:600}.cd-action-reopen:hover{background:#2563eb;border-color:#2563eb;color:var(--permanent-white)}.cd-attachment-list{display:flex;flex-direction:column;gap:10px}.cd-attachment-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--surface-nested);border:1px solid var(--border-default);border-radius:10px;transition:all .2s}.cd-attachment-item:hover{border-color:var(--usc-green);background:var(--surface-card)}.cd-attachment-icon{width:42px;height:42px;border-radius:8px;background:rgba(0,106,77,.08);color:var(--usc-green);display:flex;align-items:center;justify-content:center;font-size:calc(20px * var(--font-scale));flex-shrink:0}.cd-attachment-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.cd-attachment-name{font-size:calc(14px * var(--font-scale));font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-attachment-size{font-size:calc(12px * var(--font-scale));color:var(--gray-400)}.cd-attachment-actions{display:flex;gap:6px;flex-shrink:0}.cd-attachment-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--surface-card);border:1px solid var(--border-default);color:var(--gray-600);text-decoration:none;font-size:calc(14px * var(--font-scale));cursor:pointer;transition:all .2s}.cd-attachment-btn:hover{background:var(--usc-green);border-color:var(--usc-green);color:var(--permanent-white)}.cd-preview-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;animation:cdPreviewFade .2s ease}@keyframes cdPreviewFade{0%{opacity:0}to{opacity:1}}.cd-preview-modal{background:var(--surface-card);border-radius:14px;overflow:hidden;max-width:1100px;width:100%;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.4);animation:cdPreviewSlide .25s ease}@keyframes cdPreviewSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cd-preview-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--surface-nested);border-bottom:1px solid var(--border-default);gap:16px}.cd-preview-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1;font-size:calc(15px * var(--font-scale));font-weight:600;color:var(--gray-800)}.cd-preview-title i{color:var(--usc-green);font-size:calc(18px * var(--font-scale));flex-shrink:0}.cd-preview-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-preview-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.cd-preview-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--surface-card);border:1px solid var(--border-default);color:var(--gray-600);text-decoration:none;font-size:calc(14px * var(--font-scale));cursor:pointer;transition:all .2s}.cd-preview-action-btn:hover{background:var(--usc-green);border-color:var(--usc-green);color:var(--permanent-white)}.cd-preview-close{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--surface-card);border:1px solid var(--border-default);color:var(--gray-600);cursor:pointer;transition:all .2s;font-size:calc(16px * var(--font-scale))}.cd-preview-close:hover{background:#dc2626;border-color:#dc2626;color:var(--permanent-white)}.cd-preview-body{flex:1 1;min-height:0;overflow:auto;background:var(--surface-nested);display:flex;align-items:center;justify-content:center;padding:16px}.cd-preview-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.cd-preview-pdf{width:100%;height:80vh;border:none;border-radius:6px;background:white}.cd-preview-unsupported{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px;text-align:center;color:var(--gray-400)}.cd-preview-unsupported i{font-size:calc(48px * var(--font-scale));color:var(--gray-300)}.cd-preview-unsupported p{margin:0;font-size:calc(14px * var(--font-scale))}.cd-quickbar{padding:0;margin-bottom:24px}.cd-quickbar-inner{display:flex;align-items:stretch;justify-content:space-between;gap:14px;flex-wrap:wrap}.cd-quickbar-item{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1 1;min-width:170px;background:radial-gradient(circle at 12% 0,rgba(0,103,71,.55),transparent 55%),radial-gradient(circle at 88% 100%,rgba(255,199,44,.1),transparent 60%),linear-gradient(135deg,#006747,#00583c 35%,#004029 70%,#002e1d);border-radius:14px;padding:22px;border:1px solid rgba(255,255,255,.08)}.cd-quickbar-icon{font-size:calc(24px * var(--font-scale));color:#fde68a;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.cd-quickbar-text{display:flex;flex-direction:column;gap:2px;text-align:center}.cd-quickbar-label{font-size:calc(12px * var(--font-scale));color:rgba(255,255,255,.85);text-transform:uppercase;letter-spacing:.5px}.cd-quickbar-value{font-size:calc(16px * var(--font-scale));font-weight:500;color:var(--permanent-white)}.cd-quickbar-sub{font-size:calc(13px * var(--font-scale));color:rgba(255,255,255,.8)}.cd-quickbar-divider{display:none}@media (max-width:900px){.cd-quickbar-inner{gap:12px}.cd-quickbar-item{min-width:calc(50% - 12px)}.case-details-page .cd-layout{grid-template-columns:1fr!important}.case-details-page .cd-details-grid{grid-template-columns:1fr 1fr!important;gap:14px 12px}.case-details-page .cd-details-grid .cd-detail-badge{background:transparent;padding:0;border-radius:0;font-weight:500;color:var(--gray-800)}.case-details-page .cd-details-grid .cd-detail-value{font-size:var(--text-md);line-height:1.35}.case-details-page .cd-details-grid .cd-detail-label{font-size:10px;color:var(--gray-500);font-weight:600;letter-spacing:.06em}.case-details-page .cd-main,.case-details-page .cd-sidebar{min-width:0}.case-details-page .cd-container{padding:0 16px}.case-details-page .cd-sidebar{order:-1;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;min-width:0}.case-details-page .cd-sidebar>.cd-sidebar-card:nth-child(3){order:-1;grid-column:1/-1}.case-details-page .cd-sidebar>.cd-sidebar-card{padding:14px;min-width:0;overflow:hidden}.case-details-page .cd-sidebar>.cd-sidebar-card .cd-sidebar-title{margin-bottom:10px;padding-bottom:8px;gap:8px;font-size:16px!important}.case-details-page .cd-sidebar-content{min-width:0;gap:10px}.case-details-page .cd-contact-item{min-width:0}.case-details-page .cd-contact-label{font-size:10px!important;color:var(--gray-500)!important;font-weight:600!important;letter-spacing:.06em}.case-details-page .cd-contact-value{font-size:var(--text-md);color:var(--gray-900)!important;word-break:break-word;min-width:0;flex-wrap:nowrap;align-items:flex-start;gap:6px}.case-details-page .cd-contact-icon{flex-shrink:0;margin-top:2px}.case-details-page{overflow-x:hidden;max-width:100%}.case-details-page *{box-sizing:border-box}.case-details-page .cd-card-chevron{display:inline-block}.case-details-page .cd-card[data-collapsed] .cd-card-header{cursor:pointer}.case-details-page .cd-card[data-collapsed=true] .cd-card-chevron{transform:rotate(-90deg)}.case-details-page .cd-card[data-collapsed=true] .cd-card-body,.case-details-page .cd-card[data-collapsed=true] .cd-chat-closed-bar,.case-details-page .cd-card[data-collapsed=true] .cd-chat-input-bar,.case-details-page .cd-card[data-collapsed=true] .cd-chat-messages{display:none}.case-details-page .cd-card[data-collapsed=true] .cd-card-header{border-bottom:none}.case-details-page .cd-card .cd-card-title i,.case-details-page .cd-sidebar-card .cd-sidebar-title i{background:transparent!important;width:auto;height:auto;font-size:calc(16px * var(--font-scale));border-radius:0}.case-details-page .cd-card .cd-card-title i,.case-details-page .cd-quickbar-icon,.case-details-page .cd-sidebar-card .cd-sidebar-title i{-webkit-text-stroke:1px var(--usc-gold)!important;-webkit-text-fill-color:transparent!important;filter:none!important}.case-details-page .cd-contact-icon{-webkit-text-stroke:1px var(--gray-700)!important;-webkit-text-fill-color:transparent!important;color:transparent!important;background:transparent!important;filter:none!important}.case-details-page .cd-card-header{padding:14px 16px;background:var(--surface-card);border-bottom:1px solid var(--border-default)}.case-details-page .cd-card-body{padding:14px 16px}.case-details-page .cd-card-title{font-size:16px!important;font-weight:600!important;color:var(--gray-900)!important}.case-details-page .cd-sidebar-card .cd-sidebar-title{font-weight:500!important;color:var(--gray-900)!important}.case-details-page .cd-attachment-item{background:var(--gray-100);border:none;gap:12px;padding:10px 12px}.case-details-page .cd-attachment-item:hover{background:var(--gray-100);border:none}.case-details-page .cd-attachment-icon{width:38px;height:38px;background:var(--surface-card);color:var(--gray-600);border-radius:8px}.case-details-page .cd-attachment-name{font-size:13px}.case-details-page .cd-attachment-size{font-size:11px}.case-details-page .cd-attachment-actions{gap:4px}.case-details-page .cd-attachment-btn{width:28px;height:28px;background:transparent;border:none;color:var(--gray-600);font-size:14px}.case-details-page .cd-attachment-btn:hover{background:rgba(0,0,0,.05);border:none;color:var(--gray-800)}}@media (max-width:768px){.case-details-page .cd-breadcrumb{gap:8px;margin-bottom:10px;font-size:13px}.case-details-page .cd-breadcrumb .cd-breadcrumb-current,.case-details-page .cd-breadcrumb .cd-breadcrumb-link{display:inline;font-size:13px}.case-details-page .cd-breadcrumb .cd-breadcrumb-sep{display:inline;font-size:7px}.case-details-page .cd-back-chip{background:none!important;border:none!important;width:auto!important;height:auto!important;padding:0 4px 0 0;margin-right:0;color:var(--permanent-white)}.case-details-page .cd-back-chip:hover{background:none!important;border:none!important;transform:none}.case-details-page .cd-back-chip i{font-size:9px;font-weight:700}.case-details-page .cd-number-row{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;margin-bottom:10px}.case-details-page .cd-case-number,.case-details-page .cd-header-section .cd-badge{font-size:11px;padding:4px 10px}.case-details-page .cd-title{font-size:1.5rem}.case-details-page .cd-header-section{padding:1rem 0 .75rem}.case-details-page .cd-content-section{padding-top:0}.case-details-page .cd-quickbar{margin:0 -16px 16px;padding:16px}.case-details-page .cd-quickbar-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;flex-direction:row}.case-details-page .cd-quickbar-item{min-width:0;width:auto;max-width:none;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.case-details-page .cd-quickbar-item:last-child{grid-column:1/-1}.case-details-page .cd-quickbar-icon{font-size:var(--text-md);color:var(--usc-gold)}.case-details-page .cd-quickbar-text{align-items:center;gap:2px;display:flex;flex-direction:column}.case-details-page .cd-quickbar-label{padding-top:3px;font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.7);text-transform:uppercase}.case-details-page .cd-quickbar-value{font-size:var(--text-md);color:var(--permanent-white);font-weight:600}.case-details-page .cd-quickbar-sub{font-size:var(--text-sm);color:rgba(255,255,255,.65)}.case-details-page .cd-action-list{flex-direction:row;flex-wrap:wrap;gap:8px}.case-details-page .cd-action-btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px);min-width:0;max-width:100%}.case-details-page .cd-action-reopen{flex:1 1 100%}}@media (max-width:480px){.cd-container{padding:0 16px}.case-details-page .cd-quickbar-item{min-width:0}}.cd-chat-card{display:flex;flex-direction:column;overflow:hidden}.cd-chat-card .cd-card-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.cd-notes-refresh{background:none;border:1px solid var(--border-default);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);cursor:pointer;transition:all .2s;font-size:calc(14px * var(--font-scale))}.cd-notes-refresh:hover{color:var(--usc-green);border-color:var(--usc-green)}.cd-notes-refresh:disabled{opacity:.5;cursor:not-allowed}.cd-notes-count{background:var(--usc-green);color:var(--permanent-white);font-size:calc(11px * var(--font-scale));font-weight:700;padding:5px 8px;border-radius:100px;margin-left:4px}.cd-chat-messages{flex:1 1;overflow-y:auto;padding:20px;max-height:500px;min-height:120px;display:flex;flex-direction:column;gap:16px;background:var(--surface-nested)}.cd-chat-messages::-webkit-scrollbar{width:6px}.cd-chat-messages::-webkit-scrollbar-track{background:transparent}.cd-chat-messages::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}.cd-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}.cd-notes-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 20px;text-align:center;color:var(--gray-400);margin:auto}.cd-notes-empty-icon{font-size:calc(40px * var(--font-scale));color:var(--gray-200);margin-bottom:4px}.cd-notes-empty p{margin:0;font-weight:500;font-size:calc(17px * var(--font-scale));color:var(--gray-500)}.cd-notes-empty span{font-size:calc(13px * var(--font-scale))}.cd-chat-bubble{display:flex;gap:10px;align-items:flex-end}.cd-chat-other{justify-content:flex-start}.cd-chat-me{justify-content:flex-end}.cd-chat-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:calc(12px * var(--font-scale));font-weight:700;color:var(--permanent-white);background:linear-gradient(135deg,#6366f1,#8b5cf6)}.cd-chat-avatar-system{background:linear-gradient(135deg,var(--usc-green),#059669);font-size:calc(14px * var(--font-scale))}.cd-chat-avatar-me{background:linear-gradient(135deg,#f59e0b,#d97706)}.cd-chat-content{max-width:75%;min-width:0}.cd-chat-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;padding:0 4px}.cd-chat-author{font-size:calc(12px * var(--font-scale));font-weight:600;color:var(--gray-500)}.cd-chat-time{font-size:calc(11px * var(--font-scale));color:var(--gray-400)}.cd-chat-me .cd-chat-meta{justify-content:flex-end}.cd-chat-text{font-size:calc(16px * var(--font-scale));line-height:1.7;color:var(--gray-700);white-space:pre-wrap;word-break:break-word;padding:12px 16px;border-radius:16px;background:var(--surface-card);border:1px solid var(--border-default);box-shadow:0 1px 2px rgba(0,0,0,.04)}.cd-chat-other .cd-chat-text{border-bottom-left-radius:4px}.cd-chat-me .cd-chat-text{background:var(--accent-blue);color:var(--permanent-white);border-color:var(--accent-blue);border-bottom-right-radius:4px}.cd-chat-me .cd-chat-text .cd-no-data{color:rgba(255,255,255,.6)}.cd-chat-input-bar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--border-default);background:var(--surface-card);flex-shrink:0}.cd-chat-input{flex:1 1;padding:10px 14px;border:1px solid var(--border-default);border-radius:24px;font-size:calc(16px * var(--font-scale));background:var(--surface-nested);color:var(--gray-700);font-family:var(--font-primary);transition:border-color .2s,box-shadow .2s;outline:none}.cd-chat-input:focus{border-color:var(--usc-green);box-shadow:0 0 0 3px rgba(0,106,77,.1)}.cd-chat-input::placeholder{color:var(--gray-400)}.cd-chat-input:disabled{opacity:.6}.cd-chat-send{width:42px;height:42px;border-radius:50%;border:none;background:var(--usc-green);color:var(--permanent-white);font-size:calc(16px * var(--font-scale));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.cd-chat-send:hover:not(:disabled){background:var(--usc-green-dark);transform:scale(1.05)}.cd-chat-send:disabled{opacity:.95;cursor:not-allowed}.cd-chat-closed-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-top:1px solid var(--border-default);background:var(--surface-nested);color:var(--gray-400);font-weight:500}.cd-chat-closed-bar,.cd-chat-closed-bar i,.cd-toast{font-size:calc(14px * var(--font-scale))}.cd-toast{position:fixed;bottom:24px;right:24px;background:var(--usc-green);color:var(--permanent-white);padding:14px 20px;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:8px;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:cdSlideIn .3s ease}.cd-toast.hiding{animation:cdSlideOut .3s ease forwards}.status-banner-warning{background:var(--status-warn-bg);border-bottom:2px solid var(--status-warn-icon)}.status-banner-warning .status-banner-icon,.status-banner-warning .status-banner-title{color:var(--status-warn-color)}.status-banner-warning .status-banner-subtitle{color:var(--gray-600)}