:root{--navy: #061C44;--navy-light: #0d2d6b;--blue: #007DBA;--blue-light: #e3f2fd;--rose: #C58A84;--grey: #54585A;--light-grey: #F4F5F7;--border-grey: #e0e2e5;--white: #ffffff;--green: #2A7A3B;--green-light: #e8f5e9;--green-border: #a5d6a7;--amber: #F59E0B;--amber-light: #fffbeb;--red: #DC2626;--topbar-height: 54px;--nav-width: 232px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow-xs: 0 1px 2px rgba(0,0,0,.06);--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow: 0 2px 8px rgba(0,0,0,.1);--shadow-md: 0 4px 16px rgba(0,0,0,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:var(--grey);background:var(--light-grey);-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:28px 32px;background:var(--light-grey)}.topbar{height:var(--topbar-height);background:var(--navy);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0;z-index:100}.topbar-brand{display:flex;align-items:center;gap:8px;text-decoration:none}.brand-mark{width:28px;height:28px;background:linear-gradient(135deg,var(--blue) 0%,var(--navy-light) 100%);border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:"DM Serif Display",serif;color:#fff;font-size:14px}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text-top{font-size:9px;font-weight:600;letter-spacing:.08em;color:#ffffff8c;text-transform:uppercase}.brand-text-bottom{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--blue);text-transform:uppercase}.topbar-divider{width:1px;height:24px;background:#ffffff1f}.matter-chip{display:flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:4px 12px 4px 4px;cursor:default}.matter-chip-avatar{width:22px;height:22px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;letter-spacing:.02em}.matter-chip-label{font-size:12px;font-weight:500;color:#fffc;letter-spacing:.01em}.matter-chip-number{font-size:11px;color:#ffffff73}.topbar-clio-badge{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 10px;font-size:11px;color:#ffffff80}.clio-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.user-avatar{width:30px;height:30px;background:var(--rose);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;cursor:default}.topbar-tool-label{font-size:11px;font-weight:600;letter-spacing:.06em;color:#ffffff59;text-transform:uppercase}.left-nav{width:var(--nav-width);background:var(--navy);flex-shrink:0;overflow-y:auto;padding:16px 0 24px;display:flex;flex-direction:column}.nav-section-header{padding:12px 16px 6px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 16px;cursor:pointer;border-left:3px solid transparent;transition:all .15s ease;text-decoration:none}.nav-item:hover{background:#ffffff0f}.nav-item.active{background:#007dba2e;border-left-color:var(--blue)}.nav-item.done{opacity:.7}.nav-item-code{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:#ffffff14;color:#fff9;flex-shrink:0;letter-spacing:0}.nav-item.active .nav-item-code{background:var(--blue);color:#fff}.nav-item.done .nav-item-code{background:var(--green);color:#fff}.nav-item-label{font-size:12.5px;font-weight:500;color:#ffffffa6;flex:1;line-height:1.2}.nav-item.active .nav-item-label{color:#fffffff2;font-weight:600}.nav-item-status{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-dot{width:6px;height:6px;border-radius:50%;background:#fff3}.status-check{color:var(--green);font-size:13px;line-height:1}.nav-generate-btn{margin:16px 12px 0;padding:10px;background:var(--blue);color:#fff;border:none;border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s}.nav-generate-btn:hover{background:#0069a0}.nav-divider{height:1px;background:#ffffff14;margin:12px 0}.section-header{margin-bottom:20px}.section-eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}.section-title{font-family:"DM Serif Display",serif;font-size:22px;color:var(--navy);font-weight:400;margin-bottom:4px;line-height:1.2}.section-subtitle{font-size:13px;color:var(--grey)}.section-docs-badge{display:inline-flex;align-items:center;gap:4px;background:var(--blue-light);color:var(--blue);border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;margin-top:8px}.prefill-banner{display:flex;align-items:center;gap:10px;background:var(--green-light);border:1px solid var(--green-border);border-radius:var(--radius);padding:10px 14px;margin-bottom:20px;font-size:12.5px;color:var(--green);font-weight:500}.prefill-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.q-card{background:var(--white);border-radius:var(--radius);border-left:3px solid var(--border-grey);padding:20px 24px;margin-bottom:10px;box-shadow:var(--shadow-xs);transition:border-color .15s ease}.q-card.prefilled{border-left-color:var(--green-border)}.q-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.q-card-number{width:22px;height:22px;border-radius:50%;background:var(--light-grey);color:var(--grey);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;margin-top:1px}.q-card.prefilled .q-card-number{background:var(--green-light);color:var(--green)}.q-card-meta{flex:1}.q-card-label{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:3px}.q-card-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;font-weight:600;padding:1px 7px;border-radius:10px;letter-spacing:.03em}.tag-prefilled{background:var(--green-light);color:var(--green)}.tag-required{background:#fef3f2;color:var(--red)}.tag-optional{background:var(--light-grey);color:var(--grey)}.tag-docs{background:var(--blue-light);color:var(--blue)}.q-card-hint{font-size:11.5px;color:#888;margin-top:6px;font-style:italic}.field-input{width:100%;padding:9px 12px;border:1.5px solid var(--border-grey);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:13.5px;color:var(--navy);background:#fff;transition:border-color .15s ease,box-shadow .15s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #007dba1f}.field-input.prefilled{background:var(--green-light);border-color:var(--green-border);color:var(--navy)}.field-input.prefilled:focus{border-color:var(--green);box-shadow:0 0 0 3px #2a7a3b1f}.field-textarea{resize:vertical;min-height:80px;line-height:1.5}.field-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%2354585A' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:32px;cursor:pointer}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.field-group{display:flex;flex-direction:column;gap:5px}.field-group-label{font-size:11px;font-weight:600;color:var(--grey);text-transform:uppercase;letter-spacing:.05em}.yesno-group{display:flex;gap:8px;margin-top:2px}.yesno-btn{padding:8px 20px;border-radius:var(--radius-sm);border:1.5px solid var(--border-grey);background:#fff;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:var(--grey);cursor:pointer;transition:all .15s ease}.yesno-btn:hover{border-color:var(--blue);color:var(--blue)}.yesno-btn.selected{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}.person-picker{position:relative}.person-picker-input-row{display:flex;gap:8px}.person-picker-input-row .field-input{flex:1}.people-btn{padding:9px 14px;border:1.5px solid var(--border-grey);border-radius:var(--radius-sm);background:var(--light-grey);font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--grey);cursor:pointer;white-space:nowrap;transition:all .15s ease;display:flex;align-items:center;gap:6px}.people-btn:hover{border-color:var(--blue);background:var(--blue-light);color:var(--blue)}.people-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid var(--border-grey);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:50;overflow:hidden}.people-dropdown-title{padding:10px 14px 6px;font-size:10px;font-weight:700;color:var(--grey);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-grey)}.people-list{padding:6px}.person-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s ease}.person-chip:hover{background:var(--light-grey)}.person-chip-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.person-chip-info{flex:1}.person-chip-name{font-size:13px;font-weight:600;color:var(--navy)}.person-chip-rel{font-size:11px;color:var(--grey)}.people-dropdown-divider{height:1px;background:var(--border-grey);margin:4px 0}.children-warning{display:flex;align-items:flex-start;gap:10px;background:var(--amber-light);border:1px solid #fcd34d;border-radius:var(--radius);padding:12px 14px;margin-top:12px;font-size:12.5px;color:#92400e;line-height:1.5}.warning-icon{font-size:14px;flex-shrink:0;margin-top:1px}.section-nav-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-grey)}.btn-back{padding:10px 20px;background:#fff;border:1.5px solid var(--border-grey);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:var(--grey);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.btn-back:hover{border-color:var(--navy);color:var(--navy)}.btn-continue{padding:10px 24px;background:var(--navy);border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;gap:8px}.btn-continue:hover{background:#0a2d72}.btn-continue.generate{background:var(--blue)}.btn-continue.generate:hover{background:#0069a0}.generate-panel{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.generate-panel-header{background:var(--navy);padding:24px 28px}.generate-panel-title{font-family:"DM Serif Display",serif;font-size:20px;color:#fff;font-weight:400;margin-bottom:4px}.generate-panel-subtitle{font-size:13px;color:#ffffff8c}.generate-panel-body{padding:20px 28px 28px}.doc-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.doc-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--border-grey);border-radius:var(--radius);transition:border-color .15s ease}.doc-row:hover{border-color:var(--blue)}.doc-row.generating{border-color:var(--blue);background:var(--blue-light)}.doc-row.success{border-color:var(--green-border);background:var(--green-light)}.doc-row.error-state{border-color:#fca5a5;background:#fef2f2}.doc-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:var(--light-grey)}.doc-row.success .doc-icon{background:var(--green-light)}.doc-info{flex:1}.doc-name{font-size:13.5px;font-weight:600;color:var(--navy)}.doc-meta{font-size:11.5px;color:var(--grey);margin-top:2px}.doc-meta-fields{font-size:11px;color:#aaa;margin-top:2px}.doc-status{font-size:11px;font-weight:600;padding:3px 9px;border-radius:10px;white-space:nowrap}.doc-status.ready{background:var(--green-light);color:var(--green)}.doc-status.missing{background:var(--amber-light);color:#92400e}.doc-status.done{background:var(--green-light);color:var(--green)}.doc-status.generating-status{background:var(--blue-light);color:var(--blue)}.doc-status.error-status{background:#fef2f2;color:var(--red)}.generate-doc-btn{padding:8px 16px;background:var(--navy);border:none;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.generate-doc-btn:hover{background:#0a2d72}.generate-doc-btn:disabled{opacity:.45;cursor:not-allowed}.generate-doc-btn.success-btn{background:var(--green)}.generate-all-btn{width:100%;padding:14px;background:var(--blue);border:none;border-radius:var(--radius);font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.generate-all-btn:hover{background:#0069a0}.generate-all-btn:disabled{opacity:.5;cursor:not-allowed}.missing-fields-notice{display:flex;align-items:flex-start;gap:10px;background:var(--amber-light);border:1px solid #fcd34d;border-radius:var(--radius);padding:12px 16px;margin-top:16px;font-size:12.5px;color:#92400e;line-height:1.5}.progress-bar-wrap{background:#ffffff1a;border-radius:10px;height:4px;margin-top:12px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--blue);border-radius:10px;transition:width .4s ease}.progress-label{font-size:11px;color:#ffffff73;margin-top:6px}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner-blue{border-color:#007dba40;border-top-color:var(--blue)}@keyframes spin{to{transform:rotate(360deg)}}.text-green{color:var(--green)}.text-blue{color:var(--blue)}.text-navy{color:var(--navy)}.text-grey{color:var(--grey)}.text-red{color:var(--red)}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.flex{display:flex}.flex-center{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.auth-screen{min-height:100vh;background:var(--light-grey);display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 24px #061c441a;padding:48px 40px;width:100%;max-width:420px}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.auth-title{font-family:"DM Serif Display",serif;font-size:28px;color:var(--navy);margin-bottom:10px}.auth-subtitle{font-size:14px;color:var(--grey);line-height:1.6;margin-bottom:32px}.auth-clio-btn{width:100%;padding:14px 20px;background:var(--navy);color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s}.auth-clio-btn:hover:not(:disabled){background:var(--navy-light)}.auth-clio-btn:disabled{opacity:.7;cursor:not-allowed}.auth-clio-icon{font-size:18px}.auth-error{margin-top:12px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);color:var(--red);font-size:13px;line-height:1.5}.auth-error code{background:#0000000f;padding:1px 4px;border-radius:3px;font-family:monospace}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 16px;color:#bbb;font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-grey)}.auth-mock-btn{width:100%;padding:10px;background:transparent;border:1.5px solid var(--border-grey);border-radius:var(--radius);color:var(--grey);font-size:14px;cursor:pointer;transition:border-color .15s,color .15s}.auth-mock-btn:hover{border-color:var(--blue);color:var(--blue)}.auth-mock-hint{text-align:center;font-size:12px;color:#aaa;margin-top:8px}.matter-selector-screen{min-height:100vh;background:var(--light-grey);display:flex;align-items:flex-start;justify-content:center;padding:48px 24px}.matter-selector-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 24px #061c441a;width:100%;max-width:640px;overflow:hidden}.matter-selector-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-grey)}.matter-selector-body{padding:28px 24px}.matter-selector-title{font-family:"DM Serif Display",serif;font-size:22px;color:var(--navy);margin-bottom:6px}.matter-selector-subtitle{font-size:14px;color:var(--grey);margin-bottom:20px}.matter-search-wrap{position:relative;margin-bottom:16px}.matter-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#aaa;pointer-events:none}.matter-search-input{width:100%;padding:10px 14px 10px 38px;border:1.5px solid var(--border-grey);border-radius:var(--radius);font-size:14px;font-family:DM Sans,sans-serif;color:var(--grey);background:#fff;box-sizing:border-box;transition:border-color .15s}.matter-search-input:focus{outline:none;border-color:var(--blue)}.matter-results{border:1px solid var(--border-grey);border-radius:var(--radius);overflow:hidden}.matter-results-loading,.matter-results-empty{padding:20px;text-align:center;color:#aaa;font-size:14px}.matter-result-row{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-grey);transition:background .1s}.matter-result-row:last-child{border-bottom:none}.matter-result-row:hover{background:var(--light-grey)}.matter-result-avatar{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.matter-result-info{flex:1}.matter-result-name{font-weight:600;color:var(--navy);font-size:14px}.matter-result-meta{font-size:12px;color:#888;margin-top:2px}.matter-result-status{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.05em}.matter-result-arrow{color:#ccc;font-size:16px}.matter-logout-btn{padding:6px 14px;background:transparent;border:1.5px solid var(--border-grey);border-radius:var(--radius-sm);font-size:13px;color:var(--grey);cursor:pointer;transition:border-color .15s,color .15s}.matter-logout-btn:hover{border-color:var(--red);color:var(--red)}.topbar-clio-badge.connected{color:var(--green)}.clio-dot.connected{background:var(--green)!important}.topbar-logout-btn{padding:4px 10px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);font-size:12px;color:#ffffffb3;cursor:pointer;transition:border-color .15s,color .15s}.topbar-logout-btn:hover{border-color:#ffffff80;color:#fff}.clio-save-btn{padding:7px 12px;background:transparent;border:1.5px solid var(--navy);border-radius:var(--radius-sm);color:var(--navy);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;transition:background .15s,color .15s}.clio-save-btn:hover:not(:disabled){background:var(--navy);color:#fff}.clio-save-btn.saved{border-color:var(--green);color:var(--green);cursor:default}.clio-save-btn:disabled{opacity:.6;cursor:not-allowed}.app-shell.embedded .topbar{padding:0 12px}.app-shell.embedded .topbar-brand,.app-shell.embedded .left-nav{display:none}.app-shell.embedded .main-content{padding:16px}