.client-project-tabs{border:1px solid rgb(var(--wa-border) / .7);background:rgb(var(--wa-background) / .97);border-radius:1rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;padding:.35rem;display:grid}.client-project-tabs [role=tab]{min-height:2.75rem;color:rgb(var(--wa-secondary-text));border-radius:.7rem;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.875rem;font-weight:600;display:inline-flex}.client-project-tabs [aria-selected=true]{color:rgb(var(--wa-on-primary));background:rgb(var(--wa-primary))}.client-project-tabs [role=tab]:focus-visible,.client-project-panel:focus-visible{outline:2px solid rgb(var(--wa-primary));outline-offset:3px}.client-tab-count{background:rgb(var(--wa-primary) / .15);border-radius:999px;padding:.1rem .3rem;font-size:.7rem;line-height:1}.client-project-panel[hidden]{display:none!important}.client-quote{border:1px solid rgb(var(--wa-border) / .7);background:rgb(var(--wa-background) / .25);border-radius:1rem;min-width:0;padding:1.25rem}.client-quote-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.client-quote-heading h2{overflow-wrap:anywhere;margin-top:.3rem;font-family:Space Grotesk,Inter,sans-serif;font-size:1.45rem;font-weight:600}.client-quote-heading p:not(.client-quote-eyebrow),.client-quote-intro,.client-quote-sign>p,.client-quote-confirmed p{color:rgb(var(--wa-secondary-text));margin-top:.5rem;font-size:.875rem;line-height:1.65}.client-quote-eyebrow{color:rgb(var(--wa-primary));letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.client-quote-file-actions{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.client-quote-file-actions a,.client-quote-confirmed a{border:1px solid rgb(var(--wa-border));min-height:44px;color:rgb(var(--wa-text));border-radius:.7rem;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.client-quote-file-actions a:hover,.client-quote-confirmed a:hover{border-color:rgb(var(--wa-primary));background:rgb(var(--wa-primary) / .1)}.client-quote-file-actions svg,.client-quote-confirmed a svg{width:1rem;height:1rem}.client-quote-sign{border-top:1px solid rgb(var(--wa-border) / .7);gap:.8rem;margin-top:1.25rem;padding-top:1.25rem;display:grid}.client-quote-sign h3,.client-quote-confirmed h3{font-size:1.1rem;font-weight:600}.client-quote-sign>label:not(.client-quote-consent){font-size:.875rem;font-weight:600}.client-quote-consent{border:1px solid rgb(var(--wa-border));cursor:pointer;border-radius:.75rem;align-items:flex-start;gap:.75rem;padding:.85rem;font-size:.875rem;line-height:1.6;display:flex}.client-quote-consent input{width:1.1rem;height:1.1rem;accent-color:rgb(var(--wa-primary));flex:none;margin-top:.2rem}.client-quote-sign .client-quote-signature-help{margin-top:0;font-size:.75rem}.client-quote-confirmed{background:#34d39912;border:1px solid #34d3994d;border-radius:1rem;align-items:flex-start;gap:.8rem;margin-top:1.25rem;padding:1rem;display:flex}.client-quote-confirmed>svg{color:#6ee7b7;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.15rem}.client-quote-confirmed a{margin-top:.8rem}.client-quote-loading{min-height:100px;color:rgb(var(--wa-secondary-text));align-items:center;gap:.6rem;font-size:.875rem;display:flex}.client-quote-error{color:#fca5a5;border:1px solid #f871714d;border-radius:.7rem;margin:.8rem 0;padding:.8rem;font-size:.875rem;line-height:1.6}.client-quote-empty{padding:1.5rem 0 .75rem}.client-quote-empty>svg{width:1.5rem;height:1.5rem;color:rgb(var(--wa-secondary-text));margin-bottom:.8rem}.client-quote-empty h3{font-weight:600}.client-quote-empty p{color:rgb(var(--wa-secondary-text));margin-top:.5rem;font-size:.875rem;line-height:1.6}.client-quote :is(a,summary):focus-visible{outline:2px solid rgb(var(--wa-primary));outline-offset:3px}.client-project-timeline summary{line-height:1.5}.client-document-carousel{min-width:0;margin-top:1rem}.client-document-carousel-help{color:rgb(var(--wa-secondary-text));margin:0 0 .75rem;font-size:.8125rem;line-height:1.5}.client-document-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-width:0;display:grid}.client-document-card{border:1px solid rgb(var(--wa-border) / .7);background:rgb(var(--wa-background) / .3);border-radius:1rem;min-width:0;padding:1rem}.client-document-card-heading{flex-direction:column;gap:1rem;display:flex}.client-document-card-heading>button{cursor:pointer;min-height:44px}.client-document-card-heading>button:hover:not(:disabled){background:rgb(var(--wa-primary) / .2)}.client-document-card-heading>button:focus-visible{outline:2px solid rgb(var(--wa-primary));outline-offset:3px}.client-document-priority{color:rgb(var(--wa-secondary-text));margin-bottom:.35rem;font-size:.6875rem;font-weight:600;line-height:1.5}.client-document-navigation{display:none}.weball-client-portal,.client-project-card,.client-project-workspace,.client-project-panel,.client-account-header{min-width:0}.weball-client-portal :is(input,textarea,select){max-width:100%}.weball-client-portal :is(h1,h2,h3,p,a,button){overflow-wrap:anywhere}.client-tab-icon{flex:none;width:1rem;height:1rem}.client-project-tabs{gap:.4rem}.client-project-tabs [role=tab]{gap:.5rem;padding-inline:.8rem}.client-quote-workspace{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:1.25rem;display:grid}.client-quote-workspace>.client-quote-reader{grid-area:1/1}.client-quote-workspace>.client-quote-sign{border:1px solid rgb(var(--wa-border) / .7);background:rgb(var(--wa-background) / .35);border-radius:1rem;grid-area:1/2;margin-top:0;padding:1rem}.client-quote-file-actions{align-items:center}.client-quote-file-actions a{white-space:nowrap;justify-content:center}.client-quote-sign-title{align-items:flex-start;gap:.65rem;display:flex}.client-quote-sign-title>svg{width:1.15rem;height:1.15rem;color:rgb(var(--wa-primary));flex:none;margin-top:.15rem}.client-quote-sign-title p{color:rgb(var(--wa-secondary-text));margin-top:.4rem;font-size:.8125rem;line-height:1.6}.client-signature-drawing-heading{justify-content:space-between;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.client-signature-drawing-heading span,.client-signature-drawing-heading button{align-items:center;gap:.4rem;display:inline-flex}.client-signature-drawing-heading svg{width:1rem;height:1rem}.client-signature-drawing-heading button{min-height:44px;color:rgb(var(--wa-secondary-text));border-radius:.5rem;padding:.4rem .6rem}.client-signature-drawing-heading button:hover:enabled{background:rgb(var(--wa-primary) / .12)}.client-signature-drawing-heading button:disabled{opacity:.4}.client-signature-paper{background:#fff;border:1px solid #c9d2e0;border-radius:.75rem;width:100%;position:relative;overflow:hidden}.client-signature-paper canvas{z-index:1;aspect-ratio:960/280;touch-action:none;cursor:crosshair;width:100%;min-height:110px;display:block;position:relative}.client-signature-paper span{color:#8090aa;pointer-events:none;font-size:.6875rem;position:absolute;bottom:.5rem;right:.8rem}.client-signature-paper:after{content:"";pointer-events:none;background:#d8dfe9;height:1px;position:absolute;inset:auto 1rem 1.8rem}.client-signature-drawing>p{color:rgb(var(--wa-secondary-text));margin-top:.5rem;font-size:.75rem;line-height:1.5}.client-quote-sign .client-quote-signature-ready{color:#83dcbf;align-items:center;gap:.5rem;margin-top:0;font-size:.75rem;display:flex}.client-quote-signature-ready svg{flex:none;width:1rem;height:1rem}.client-quote-reader{border:1px solid rgb(var(--wa-border) / .8);background:#111827;border-radius:.85rem;min-width:0;overflow:hidden}.client-quote-reader-error{padding:.7rem}.client-quote-reader-error button{border:1px solid rgb(var(--wa-border));border-radius:.6rem;min-height:44px;padding:.6rem .8rem;font-size:.8125rem}.client-quote-confirmed+.client-quote-reader{margin-top:1rem}.client-quote-reader-toolbar{justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .85rem;display:flex}.client-quote-reader-toolbar>div:first-child{gap:.15rem;display:grid}.client-quote-reader-toolbar strong{font-size:.8125rem;font-weight:600}.client-quote-reader-toolbar span{color:rgb(var(--wa-secondary-text));font-size:.6875rem}.client-quote-page-navigation{align-items:center;gap:.35rem;display:flex}.client-quote-page-navigation button{border:1px solid rgb(var(--wa-border));border-radius:.6rem;place-items:center;width:44px;height:44px;display:grid}.client-quote-page-navigation button:disabled{opacity:.3}.client-quote-page-navigation svg{width:1rem;height:1rem}.client-quote-pdf-page{background:#fff;width:100%;min-width:0;position:relative}.client-quote-pdf-page>canvas{width:100%;height:100%;display:block}.client-quote :is(button,canvas):focus-visible{outline:2px solid rgb(var(--wa-primary));outline-offset:3px}.client-quote-reader-modes{align-items:center;gap:.3rem!important;display:flex!important}.client-quote-reader-modes button,.client-quote-erase,.client-quote-reader-footer>button{border:1px solid #0000;border-radius:.6rem;justify-content:center;align-items:center;gap:.45rem;min-height:44px;padding:.55rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.client-quote-reader-modes button[aria-pressed=true]{color:#eee9ff;background:#7954d026;border-color:#7954d0}.client-quote-reader-modes button:disabled,.client-quote-erase:disabled{opacity:.4;cursor:not-allowed}.client-quote-reader-modes svg,.client-quote-erase svg,.client-quote-reader-footer>button svg{width:1rem;height:1rem}.client-quote-document-viewport{overscroll-behavior:contain;background:#d5dae2;width:100%;max-width:100%;max-height:65dvh;overflow:auto}.client-quote-document-viewport .client-quote-pdf-page{flex:none;max-width:none;margin-inline:auto}.client-quote-document-viewport.client-quote-sign-focus{background:#fff;min-height:150px;max-height:320px;overflow:hidden}.client-quote-sign-instruction{color:rgb(var(--wa-secondary-text));border-top:1px solid rgb(var(--wa-border));padding:.8rem 1rem;font-size:.8125rem;line-height:1.6}.client-signature-direct{z-index:1;background:#7954d009;border:1.5px dashed #6442b9;border-radius:.2rem;position:absolute;overflow:hidden}.client-signature-direct canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.client-signature-direct span{pointer-events:none;color:#77668c;font-size:.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.client-signature-preview{-o-object-fit:contain;object-fit:contain;-o-object-position:top left;object-position:top left;pointer-events:none;position:absolute}.client-quote-reader-footer{border-top:1px solid rgb(var(--wa-border));background:#111827;justify-content:space-between;align-items:center;gap:.5rem;min-height:56px;padding:.4rem .75rem;display:flex}.client-quote-reader-footer>span{color:rgb(var(--wa-secondary-text));font-size:.75rem}.client-quote-submit{gap:.45rem;display:grid}.client-quote-submit>button{width:100%}.client-quote-submit>p{text-align:center;color:rgb(var(--wa-secondary-text));font-size:.6875rem;line-height:1.5}.client-quote-workspace>.client-quote-sign{top:calc(var(--weball-shell-height,86px) + 1rem);position:sticky}.client-document-carousel,.client-document-rail{width:100%;max-width:100%}.client-document-rail{contain:inline-size}.client-document-card,#client-panel-documents>div,#client-panel-documents>details{max-width:100%}#client-panel-documents :is(p,a,span,h2,h3){overflow-wrap:anywhere}@media (width>=1024px){.client-quote-workspace{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.client-quote-workspace>.client-quote-reader{max-height:none;position:static;overflow:hidden}.client-quote-reader-toolbar{z-index:2;border-bottom:1px solid rgb(var(--wa-border));background:#111827;position:sticky;top:0}}@media (width<=1023px){.client-quote-workspace{flex-direction:column;display:flex}.client-quote-workspace>.client-quote-sign,.client-quote-workspace>.client-quote-reader{width:100%}.client-quote-workspace>.client-quote-sign{position:static}}@media (width<=639px){.client-quote{padding:1rem}.client-quote-heading{flex-wrap:wrap;gap:.6rem}.client-quote-file-actions a{flex:1;justify-content:center}.client-project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.client-account-header>div{min-width:0}.client-account-header .inline-flex{margin-bottom:.4rem;padding:.2rem .45rem;font-size:.65rem}.client-account-header>button{flex-shrink:0;padding-inline:.65rem;font-size:.75rem}.client-portal-container{padding:.8rem .75rem calc(1rem + env(safe-area-inset-bottom))}.client-project-workspace{padding-bottom:calc(5.8rem + env(safe-area-inset-bottom))}.client-project-card{box-shadow:none;-webkit-backdrop-filter:none;border-radius:1rem}.client-project-card-heading{padding-bottom:.75rem}.client-project-card-heading .client-project-description{display:none}.client-project-card-heading>div>div{min-width:0}.client-project-card-heading h3{font-size:1.3rem}.client-account-header{box-shadow:none;backdrop-filter:none;padding:.75rem .9rem}.client-account-header h1{font-size:1rem}.client-has-project .client-account-header{background:0 0;border-color:#0000;padding-block:.45rem}.client-has-project .client-account-header>div>.inline-flex{display:none}.client-has-project .client-account-header h1{color:rgb(var(--wa-secondary-text));font-size:.85rem}.client-account-header .client-logout-label{display:none}.client-account-header>button{border-radius:.65rem;width:40px;height:40px;padding:0}.client-account-header>button svg{margin:0}.client-project-tabs{inset:auto .65rem calc(.6rem + env(safe-area-inset-bottom));z-index:35;background:#101725;border-color:#354059;border-radius:1rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;padding:.35rem;display:grid;position:fixed;overflow:visible;box-shadow:0 5px 35px #0009}.client-project-tabs [role=tab]{flex-direction:column;gap:.3rem;min-height:54px;padding:.45rem .1rem;font-size:.625rem;line-height:1.2;position:relative}.client-project-tabs [aria-selected=true]{background:rgb(var(--wa-primary) / .2);color:#c7b6ff}.client-tab-icon{width:1.1rem;height:1.1rem}.client-tab-count{position:absolute;top:.2rem;right:.1rem}.client-quote{border-radius:.85rem;padding:.85rem}.client-quote-heading h2{font-size:1.15rem}.client-quote-heading>button{min-height:40px;padding-inline:.6rem;font-size:.75rem}.client-quote-heading>button svg{width:.85rem;height:.85rem}.client-quote-intro{font-size:.8rem}.client-quote-file-actions{flex-wrap:nowrap;gap:.4rem}.client-quote-file-actions a{white-space:normal;text-align:center;padding:.6rem .5rem;font-size:.6875rem}.client-quote-file-actions a svg{flex:none;width:.9rem;height:.9rem}.client-quote-workspace>.client-quote-sign{padding:.8rem}.client-quote-workspace{gap:.75rem}.client-quote-workspace>.client-quote-sign{border:0;border-top:1px solid rgb(var(--wa-border));background:0 0;border-radius:0;padding:.85rem 0 0}.client-quote-sign-title p{font-size:.75rem}.client-quote-workspace>.client-quote-sign .client-quote-sign-title>svg{display:none}.client-quote-document-viewport{max-height:52svh}.client-quote-reader-toolbar{gap:.3rem;padding:.4rem .5rem}.client-quote-reader-modes button,.client-quote-erase{padding-inline:.55rem}.client-quote-sign-instruction{padding:.65rem .75rem;font-size:.75rem}.client-quote-sign .client-quote-signature-ready{font-size:.75rem}.weball-client-portal :is(input:not([type=checkbox]):not([type=radio]),textarea,select,[role=combobox]){min-width:0;font-size:16px}.client-quote-consent{padding:.7rem;font-size:.75rem}.client-signature-drawing-heading{font-size:.75rem}.client-messages-layout{flex-direction:column;display:flex}.client-messages-layout>form{order:2}.client-messages-layout>div{overscroll-behavior-y:contain;order:1;max-height:46svh;overflow-y:auto}.client-document-rail{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;gap:.75rem;padding:.2rem .15rem .65rem;display:flex;overflow-x:auto}.client-document-card{scroll-snap-align:start;flex:0 0 calc(100% - 1rem);scroll-margin-inline:.15rem}.client-document-navigation{justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.client-document-navigation>button{border:1px solid rgb(var(--wa-border));width:44px;height:44px;color:rgb(var(--wa-text));cursor:pointer;border-radius:50%;place-items:center;display:grid}.client-document-navigation>button:hover:not(:disabled){background:rgb(var(--wa-primary) / .15);border-color:rgb(var(--wa-primary))}.client-document-navigation>button:focus-visible{outline:2px solid rgb(var(--wa-primary));outline-offset:3px}.client-document-navigation>button:disabled{opacity:.35;cursor:not-allowed}.client-document-navigation>span{text-align:center;min-width:2.5rem;color:rgb(var(--wa-secondary-text));font-size:.8125rem}}
