:root{--blue:#1677ff;--light:#dceeff;--dark:#252b33;--ink:#202b39;--muted:#748190;--line:#e4eaf0;--bg:#f5f7fa}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #80b7ff;outline-offset:3px}input,textarea,select{border:1px solid #d6dfe9;border-radius:8px;background:white;padding:12px;color:var(--ink);max-width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #a4ceff;border-color:var(--blue)}label{display:grid;gap:8px;font-size:13px;font-weight:600;margin:18px 0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}h2{font-size:28px}p{line-height:1.6}button{border:0}.primary,.secondary,.text-btn,.icon-btn,.tool{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;font-weight:600;min-height:42px;padding:11px 18px;white-space:nowrap}.primary{background:var(--blue);color:white;box-shadow:0 4px 10px #1677ff18}.primary:hover{background:#0867e8}.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:#eef5fd}.text-btn{color:var(--blue);background:transparent}.full{width:100%}.muted{color:var(--muted)}.tiny{font-size:12px;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:750;color:var(--blue)}.pill{font-size:10px;letter-spacing:.12em;background:var(--light);color:#2670bb;display:inline-block;padding:8px 12px;border-radius:5px;font-weight:700}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.06em;font-weight:800;font-size:19px;color:white}.brand-icon{height:33px;width:33px;background:var(--blue);border-radius:9px;display:grid;place-items:center;color:white;font-size:22px;font-style:italic;letter-spacing:-.09em}.brand-dot{color:#6ab4ff;margin-left:-7px}.auth{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--dark);color:white;padding:50px 10% 40px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.auth-story:after{content:'';position:absolute;right:-220px;bottom:45px;height:400px;width:400px;border:80px solid #354454;border-radius:50%;opacity:.3;pointer-events:none}.auth-story .brand{margin-bottom:100px}.auth-story .eyebrow{color:#7dbbff}.auth-story h1{font-size:clamp(42px,5vw,70px);line-height:1.09;margin:25px 0}.auth-story p{color:#b8c4d0;font-size:16px}.auth-story small{margin-top:auto;color:#8b9aa9;font-size:11px;padding-top:70px}.story-tiles{display:grid;gap:14px;margin-top:30px;color:#d7e8fc}.auth-form{display:flex;align-items:center;justify-content:center;padding:40px}.auth-card{max-width:380px;width:100%}.auth-card h2{font-size:34px;margin:25px 0 10px}.auth-card>p{color:var(--muted)}.auth-card .primary{margin-top:10px;justify-content:space-between}.form-error{color:#c33838;margin-top:15px}.shell{display:flex;min-height:100dvh}.sidebar{width:246px;background:var(--dark);color:white;position:fixed;inset:0 auto 0 0;padding:35px 22px 22px;display:flex;flex-direction:column}.workspace{font-size:9px;letter-spacing:.15em;color:#7d8a99;margin:62px 15px 20px}.nav-item{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px;color:#acb8c6;background:transparent;border-radius:8px;margin-bottom:8px}.nav-item>span:first-child{font-size:20px}.nav-item.active{color:#fff;background:#1677ff}.nav-count{margin-left:auto;font-size:11px;background:#ffffff25;padding:2px 7px;border-radius:4px}.sidebar-bottom{margin-top:auto}.sidebar-bottom>p{font-size:12px;color:#8091a3;padding:15px 12px}.server-dot{font-size:11px;color:#b8cadb;padding:0 12px}.server-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#7bc4ff;margin-right:9px}.profile{border-top:1px solid #ffffff12;padding:22px 4px 0;display:flex;align-items:center;gap:12px;background:transparent;color:white;text-align:left;width:100%}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#405369;color:#b9ddff;font-weight:700}.profile strong{display:block;font-size:12px}.profile small{font-size:10px;color:#92a1b2;display:block;margin-top:4px}.main{margin-left:246px;width:calc(100% - 246px)}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#ffffffb0;color:var(--muted);font-size:11px}.topbar strong{color:#3b4654}.top-badge{font-size:9px;letter-spacing:.13em;color:#7a8a9b}.content{padding:40px 44px;min-height:calc(100dvh - 135px);max-width:1540px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading h1{font-size:33px;margin:8px 0 6px}.page-heading p{color:var(--muted);margin:0;font-size:13px}.hero{border-radius:16px;background:#dceeff;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:32px 36px;margin-bottom:32px;position:relative;overflow:hidden}.hero h2{font-size:29px;margin:10px 0}.hero p{max-width:460px;color:#506f8b;font-size:13px;margin-bottom:0}.hero-graphic{width:168px;min-width:168px;height:144px;position:relative;display:grid;place-items:center}.mini-paper{background:#fff;width:112px;height:135px;border:1px solid #fff;border-radius:10px;transform:rotate(8deg);box-shadow:0 12px 20px #659ad22a;padding:20px 16px}.mini-paper:before{content:'PDF';font-size:10px;letter-spacing:.08em;color:#1677ff;font-weight:800;border-bottom:2px solid #dceeff;display:block;padding-bottom:12px}.mini-paper i{display:block;height:5px;width:100%;background:#dceeff;border-radius:3px;margin:11px 0}.sign-bubble{position:absolute;background:#1677ff;color:#fff;bottom:2px;left:5px;border-radius:10px;padding:12px 18px;font-family:cursive;font-size:22px;transform:rotate(-8deg);box-shadow:0 5px 12px #1677ff30}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 18px}.section-head h3{margin:0;font-size:17px;letter-spacing:-.02em}.section-head small{color:var(--muted);font-weight:400}.search{max-width:270px;width:100%;padding:10px 14px;font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.project-card{background:white;border:1px solid var(--line);padding:23px;border-radius:12px;text-align:left;color:var(--ink);transition:transform .15s,border-color .15s}.project-card:hover{border-color:#99c4ff;transform:translateY(-3px)}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.folder-icon{height:39px;width:43px;display:grid;place-items:center;background:#edf5ff;color:var(--blue);border-radius:9px;font-size:23px}.status{font-size:9px;letter-spacing:.08em;font-weight:700;color:#507393;background:#f0f6fc;padding:6px 9px;border-radius:4px}.project-card h3{font-size:17px;margin:0 0 8px;overflow-wrap:anywhere}.project-card p{font-size:12px;color:var(--muted);margin:0 0 24px;min-height:38px;overflow-wrap:anywhere}.project-meta{border-top:1px solid #edf1f5;display:flex;justify-content:space-between;padding-top:17px;font-size:11px;color:#718197}.empty{border:1px dashed #c8d8e9;border-radius:12px;padding:40px;text-align:center;color:#728397;background:#ffffff80;grid-column:1/-1}.empty strong{display:block;color:#3d536a;font-size:19px;margin-bottom:10px}.empty p{font-size:13px;margin-bottom:18px}.project-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px}.panel{border:1px solid var(--line);border-radius:12px;background:white;padding:24px;margin-bottom:20px}.panel h3{font-size:17px;margin:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.doc-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #edf1f5}.doc-row:last-child{border-bottom:0}.pdf-icon{background:#eaf3ff;border-radius:8px;color:#1677ff;font-size:10px;letter-spacing:.04em;font-weight:750;width:40px;height:48px;display:grid;place-items:center;flex-shrink:0}.doc-info{min-width:0;flex:1}.doc-info strong{font-size:13px;display:block;overflow-wrap:anywhere}.doc-info small{color:var(--muted);font-size:10px;display:block;margin-top:7px}.doc-row .secondary{font-size:11px;padding:8px 13px;min-height:36px}.upload-zone{background:#f5f9ff;border:1px dashed #b6d4f7;border-radius:9px;text-align:center;padding:23px;color:#6c85a0;font-size:12px;cursor:pointer;display:block;font-weight:400}.upload-zone strong{display:block;color:var(--blue);margin-bottom:6px}.task-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f5;font-size:13px;overflow-wrap:anywhere}.task-row input{width:17px;height:17px;accent-color:var(--blue);flex-shrink:0}.task-row.done span{text-decoration:line-through;color:var(--muted)}.inline-form{display:flex;gap:8px;margin-top:17px}.inline-form input{min-width:0;flex:1;font-size:12px}.inline-form .primary{padding:8px 13px}.event{border-left:2px solid #dceeff;padding:0 0 20px 15px;margin:0 0 0 4px;font-size:12px;overflow-wrap:anywhere}.event time{display:block;font-size:10px;color:#9aa7b3;margin-top:6px}.event:last-child{padding-bottom:0}.panel textarea{width:100%;font-size:12px}.back-link{background:transparent;color:var(--blue);padding:0;margin-bottom:15px;font-size:12px}.team-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.team-row small{display:block;color:var(--muted);margin-top:5px}footer{padding:20px 44px;color:#91a0af;font-size:9px;letter-spacing:.08em;display:flex;gap:20px}footer span:last-child{margin-left:auto}dialog{border:1px solid #dae4ef;border-radius:16px;padding:32px;width:480px;max-width:calc(100% - 28px);box-shadow:0 30px 80px #102b4b33;color:var(--ink)}dialog::backdrop{background:#14283d88;backdrop-filter:blur(3px)}dialog h2{margin:12px 0 20px}dialog p{color:var(--muted);font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.signature-dialog{width:620px}.signature-pad{background:#f8fbff;border:1px dashed #adc7e3;border-radius:10px;position:relative;height:200px}.signature-pad canvas{width:100%;height:100%;display:block;touch-action:none}.signature-pad>span{position:absolute;bottom:14px;left:20px;right:20px;border-top:1px solid #d3dfec;padding-top:7px;font-size:10px;color:#a0b2c4;pointer-events:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#252b33;color:white;padding:13px 23px;border-radius:10px;box-shadow:0 6px 30px #142b4333;max-width:90%;font-size:13px;display:none}#toast.error{background:#a92d3a}.editor{position:fixed;inset:0;background:#e9edf2;z-index:30;display:flex;flex-direction:column}.editor-header{min-height:76px;background:#fff;display:flex;gap:12px;align-items:center;padding:12px 24px;border-bottom:1px solid var(--line)}.icon-btn{background:transparent;color:#637589;padding:8px 13px;font-size:20px;min-width:40px}.editor-title{min-width:0;flex:1}.editor-title strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-title small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.editor-header .primary,.editor-header .secondary{font-size:12px}.editor-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 24px;background:white;border-bottom:1px solid #dce4ed;flex-wrap:wrap}.tool-group{display:flex;gap:5px}.tool{background:transparent;color:#627489;font-size:12px;padding:9px 13px;min-height:38px}.tool.active{background:#dceeff;color:#126ce0}.pdf-workspace{display:flex;min-height:0;flex:1}.pdf-help{width:255px;min-width:255px;background:#fafcff;border-right:1px solid #dce4ed;padding:30px 25px;overflow:auto}.pdf-help h2{font-size:25px;line-height:1.15;margin:15px 0}.pdf-help p{font-size:12px;color:#758698}.help-box{background:#eaf3ff;border:1px solid #d5e8ff;border-radius:9px;padding:17px;margin:25px 0}.help-box strong{font-size:12px;color:#3976b4}.help-box p{font-size:11px;margin:10px 0 0;color:#5f7c99}#selection-panel h3{font-size:15px}#selection-panel label{font-size:11px}.page-area{flex:1;min-width:0;display:flex;flex-direction:column}.page-nav{display:flex;justify-content:center;gap:13px;align-items:center;padding:9px;font-size:11px;min-height:52px}.page-nav select{padding:7px;font-size:10px;background:#f5f8fc}.paper-scroll{overflow:auto;flex:1;padding:8px 25px 35px}.paper-wrap{width:100%;max-width:850px;margin:auto;transition:width .15s}.paper{position:relative;background:white;box-shadow:0 5px 25px #20334c1f;line-height:0;user-select:none}.paper>img{width:100%;display:block;pointer-events:none}.paper.placing{cursor:crosshair}.pdf-field{position:absolute;border:1px solid #1677ff75;background:#eff7ffed;color:#15283d;padding:0 3px;border-radius:2px;line-height:1.1;min-width:0;box-shadow:none;resize:none;font-family:Arial,sans-serif}.pdf-field:focus{outline:2px solid #1677ff;z-index:3}.pdf-field[type=checkbox],.pdf-field[type=radio]{accent-color:var(--blue);margin:0;cursor:pointer;padding:0}.pdf-field.sig-field{background:#dceeff88;font-size:10px;color:#126ce0;min-height:0;padding:0}.pdf-field:disabled{opacity:.6}.pdf-mark{position:absolute;line-height:1.18;border:1px dashed #1677ff88;white-space:pre-wrap;overflow:hidden;cursor:move;touch-action:none;user-select:none;padding:0;color:#142133;font-family:Arial,sans-serif;z-index:5}.pdf-mark.selected{outline:2px solid #1677ff;background:#dceeff30}.pdf-mark img{height:100%;width:100%;object-fit:contain;pointer-events:none}.pdf-tip{font-size:10px;color:#76889b;text-align:center;margin:0;padding:10px;background:#f2f5f9}.loading{padding:50px;color:var(--muted);text-align:center}[hidden]{display:none!important}
@media(min-width:1600px){.content{padding-top:55px}}@media(max-width:1100px){.sidebar{width:205px;padding:28px 17px}.main{margin-left:205px;width:calc(100% - 205px)}.content{padding:30px 26px}.topbar{padding:0 26px}.project-layout{grid-template-columns:minmax(0,1fr)}.project-layout>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pdf-help{width:215px;min-width:215px;padding:25px 20px}}
@media(max-width:740px){body{font-size:14px}.auth{grid-template-columns:1fr}.auth-story{padding:30px;min-height:280px}.auth-story .brand{margin-bottom:30px}.auth-story h1{font-size:38px;margin:15px 0}.auth-story p,.auth-story small,.story-tiles{display:none}.auth-story:after{height:180px;width:180px;border-width:40px;right:-60px;bottom:-40px}.auth-form{padding:32px 25px}.auth-card h2{font-size:28px}.sidebar{position:sticky;top:0;z-index:10;width:100%;height:auto;inset:auto;flex-direction:row;align-items:center;padding:14px 18px;gap:20px}.shell{display:block}.sidebar .brand{font-size:15px}.brand-icon{height:28px;width:28px;font-size:20px}.workspace,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:6px;margin-left:auto}.nav-item{margin:0;width:auto;padding:8px;font-size:11px;gap:6px}.nav-item>span:first-child,.nav-count{display:none}.main{width:100%;margin:0}.topbar{height:48px;padding:0 20px;font-size:10px}.top-badge{display:none}.content{padding:26px 18px;min-height:75dvh}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:28px}.page-heading .primary{font-size:11px;padding:10px 13px}.hero{padding:25px;gap:5px;margin-bottom:27px}.hero h2{font-size:23px}.hero p{font-size:11px}.hero-graphic{transform:scale(.75);transform-origin:right center;width:115px;min-width:115px}.section-head{flex-wrap:wrap;gap:12px}.section-head .search{max-width:none}.project-grid{grid-template-columns:1fr}.project-card{padding:22px}.project-top{margin-bottom:18px}.project-card p{min-height:0;margin-bottom:18px}.project-layout>div:last-child{display:block}.panel{padding:20px}.panel-head .primary{font-size:11px}.doc-row{gap:10px}.doc-row .secondary{padding:8px}.doc-info strong{font-size:12px}.inline-form input,dialog input,dialog textarea{font-size:16px}footer{padding:20px;font-size:8px}footer>span:nth-child(2){display:none}dialog{padding:24px}.dialog-actions{flex-wrap:wrap}.dialog-actions button{font-size:12px;padding:10px 13px}.editor-header{padding:10px;min-height:66px;gap:5px}.editor-header .icon-btn{padding:6px;min-width:30px}.editor-header .primary,.editor-header .secondary{font-size:10px;padding:10px;min-height:36px}.editor-title strong{font-size:11px}.editor-title small{font-size:9px}.editor-tools{padding:7px;gap:4px;justify-content:center}.tool{font-size:10px;padding:8px;gap:4px;min-height:34px}.pdf-help{display:none}.paper-scroll{padding:5px 8px 25px}.pdf-tip{font-size:9px;line-height:1.5}.page-nav{font-size:10px;gap:7px}.pdf-field:focus{font-size:16px!important;z-index:8;min-height:25px}.page-nav .icon-btn{font-size:16px}.signature-pad{height:190px}.signature-dialog h2{font-size:25px}#pdf-download{max-width:100px;white-space:normal}#selection-panel{display:none}.team-row{flex-wrap:wrap}.pdf-mark.selected:after{content:'';position:absolute;right:0;bottom:0;width:12px;height:12px;border-radius:2px;background:#1677ff}.hero .eyebrow{font-size:8px}.editor-header button{flex-shrink:0}}
.template-notice{background:#dceeff;border:1px solid #c5dffb;padding:22px 25px;line-height:1.7;border-radius:12px;color:#52708d;margin-bottom:26px;font-size:13px}.template-notice strong{display:block;color:#245d99;font-size:17px;margin-bottom:5px}.template-card{cursor:default;display:flex;flex-direction:column}.template-card:hover{transform:none}.template-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.template-actions .primary{width:100%;font-size:12px}.template-actions .secondary,.template-actions .text-btn{font-size:11px}.template-preview-dialog{width:900px;max-height:90dvh}.template-preview-dialog h2{font-size:23px;margin:0}.template-preview-dialog img{width:100%;display:block;border:1px solid #e4eaf0}.project-doc-actions{display:flex;gap:8px;flex-wrap:wrap}.project-doc-actions button{font-size:11px;padding:10px 12px}@media(max-width:740px){.sidebar{gap:8px;padding:12px}.sidebar .brand{font-size:13px;gap:6px}.nav-item{font-size:10px;padding:8px 6px}.sidebar nav{gap:2px}.project-doc-actions{justify-content:flex-end}.panel-head{align-items:flex-start}.template-preview-dialog{padding:15px}.template-preview-dialog h2{font-size:17px}}
.pdf-mark.bound{cursor:default}.pdf-mark.bound.selected:after{display:none}
.direct-form-hint{font-size:11px;color:#6c8195;margin:0}.account-area{display:flex;gap:12px;align-items:center}.compact{font-size:10px;padding:7px 9px;min-height:30px}.project-select-heading{margin:8px 0!important}.project-select-heading select{font-size:29px;font-weight:750;letter-spacing:-.035em;background:transparent;border:0;cursor:pointer;padding:5px 30px 5px 0;max-width:100%}.project-list{display:grid;gap:0;background:white;border:1px solid var(--line);border-radius:14px;overflow:visible}.project-list-card{display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;position:relative;background:transparent}.project-list-card:last-child{border-bottom:0}.project-list-card:hover{transform:none;background:#f8fbff}.project-open{background:transparent;color:var(--ink);display:flex;align-items:center;gap:20px;text-align:left;padding:25px 28px;flex:1;min-width:0}.project-color{width:5px;min-width:5px;height:60px;border-radius:3px;background:#1677ff}.project-color.is-archived{background:#8b9eaf}.project-list-copy{display:grid;gap:7px;min-width:0;flex:1}.project-list-copy strong{font-size:17px;overflow-wrap:anywhere}.project-list-copy small,.project-list-copy>span{font-size:11px;color:#7c8d9e;overflow-wrap:anywhere}.project-list-date{font-size:10px;color:#7c8d9e;white-space:nowrap}.project-menu{position:relative;align-self:flex-start;margin:24px 23px 0 0}.project-menu summary{list-style:none;cursor:pointer;min-width:35px;min-height:35px;text-align:center;font-weight:800;color:#61758b}.project-menu summary::-webkit-details-marker{display:none}.project-menu button{position:absolute;right:0;top:30px;z-index:10;padding:14px 20px;border-radius:9px;border:1px solid #d3e3f4;background:white;color:#2467aa;box-shadow:0 10px 30px #17375622;white-space:nowrap;font-size:12px}.archive-notice,.admin-notice{background:#dceeff;border:1px solid #c8e0f9;border-radius:10px;padding:18px 22px;line-height:1.7;margin-bottom:20px;color:#426c96;font-size:13px}.project-archive-action{display:flex;justify-content:flex-end;margin:0 0 20px}.team-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.team-controls .secondary{font-size:11px;min-height:34px;padding:8px 12px}.inactive-user .team-identity{opacity:.55}.danger{color:#be3c47}.template-status-control{max-width:300px;margin-bottom:22px}.editor-header{flex-wrap:wrap}.editor-title{min-width:150px}.pdf-mark.bound.selected:after{display:none}@media(max-width:740px){.topbar{height:auto;min-height:48px;gap:8px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}.account-area{margin-left:auto;gap:4px}.account-area .top-badge{display:block;font-size:8px;letter-spacing:0}.project-select-heading select{font-size:23px;padding-right:17px}.project-open{padding:21px 15px;gap:13px;flex-wrap:wrap}.project-list-copy strong{font-size:15px}.project-list-date{margin-left:18px;width:100%}.project-menu{margin:16px 10px 0 0}.direct-form-hint{font-size:10px;line-height:1.6;text-align:center;width:100%}.editor-tools{justify-content:space-between}.editor-title{min-width:130px}.editor-header .primary,.editor-header .secondary{font-size:10px;padding:9px 10px}.editor-header #pdf-print{margin-left:auto}.editor-header #pdf-download{max-width:none}.team-row{align-items:flex-start}.team-controls{justify-content:flex-start;gap:10px;width:100%}.team-controls .pill{font-size:9px}.admin-notice{font-size:12px;padding:16px}.archive-notice{font-size:12px}.project-archive-action .secondary{font-size:11px}}
.project-tabs{display:flex;gap:8px;margin:0 0 22px;border-bottom:1px solid var(--line);padding-bottom:12px;overflow-x:auto}.project-tabs button{padding:13px 18px;border-radius:8px;background:transparent;color:#72859b;white-space:nowrap;font-weight:600;font-size:12px}.project-tabs button.active{background:#dceeff;color:#126ce0}.project-tabs small{margin-left:7px;font-size:10px}.document-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.document-actions .text-btn{font-size:10px;padding:8px;white-space:normal}.project-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.file-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-width:0;background:#fbfdff}.file-card img{display:block;width:100%;height:150px;object-fit:cover}.file-card>strong{font-size:12px;overflow-wrap:anywhere;padding:14px 13px 7px}.file-card>small{font-size:10px;color:#8394a7;padding:0 13px}.file-card .text-btn{font-size:11px;justify-content:flex-start;margin-top:auto}.file-generic-icon{height:100px;display:grid;place-items:center;background:#eff6ff;font-size:40px;color:#78aee6}.chat-panel{max-width:950px;margin:0 auto}.chat-panel .panel-head{align-items:flex-start}.chat-panel .panel-head p{margin:8px 0 0}.chat-messages{height:430px;max-height:55dvh;overflow:auto;background:#f5f8fc;border:1px solid #e5edf7;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:14px}.chat-message{padding:14px 17px;background:white;border:1px solid #e0e9f3;border-radius:11px;max-width:85%;align-self:flex-start;min-width:150px}.chat-message.own-message{align-self:flex-end;background:#dceeff;border-color:#c5e1ff}.chat-message>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.chat-message strong{font-size:11px;color:#326d9f}.chat-message time{font-size:9px;color:#8396aa}.chat-message p{margin:9px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.chat-compose{display:flex;align-items:flex-end;gap:12px;margin-top:18px}.chat-compose textarea{flex:1;min-width:0;resize:vertical}.chat-compose .primary{font-size:12px}@media(max-width:740px){.project-tabs{gap:3px}.project-tabs button{font-size:11px;padding:10px}.project-doc-actions{gap:6px}.project-doc-actions button{font-size:10px;padding:8px}.doc-row{flex-wrap:wrap}.document-actions{margin-left:auto}.chat-messages{padding:10px;height:400px}.chat-message{max-width:95%;padding:11px 13px}.chat-message>div{gap:12px;flex-wrap:wrap}.chat-compose{gap:8px}.chat-compose textarea{font-size:16px}.chat-compose .primary{font-size:11px;padding:11px}.project-files-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.chat-panel .panel-head{flex-wrap:wrap}.file-card img{height:130px}}
.pdf-field.sig-field.signed-field{background:transparent;border:1px dashed #1677ff80;display:flex;align-items:flex-start;justify-content:flex-end;padding:2px;font-size:9px;line-height:1.2;color:#126ce0}.pdf-field.sig-field.signed-field:disabled{border-color:transparent;color:transparent}
/* 0.3.2: compact project overview and mobile navigation */
.mobile-nav,.project-add{display:none}
.projects-overview{background:#252b33;color:#f6f9fd;max-width:none;min-height:calc(100dvh - 135px);padding:32px 36px 44px}
.projects-heading{position:relative;display:flex;align-items:center;justify-content:center;min-height:70px;margin-bottom:24px;padding:0 180px}
.projects-heading .project-select-heading{min-width:0;text-align:center}
.projects-heading .project-select-heading select{color:#f6f9fd;font-size:29px;text-align:center;letter-spacing:-.02em;padding:8px 26px 8px 8px;width:100%}
.project-select-heading select option{color:#252b33;background:white}
.projects-heading .desktop-new{position:absolute;right:0;font-size:12px}
.project-toolbar{display:flex;align-items:center;gap:14px;margin:0 0 14px}
.project-search{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:#ffffff18;border:1px solid #ffffff0e;border-radius:8px;padding:0 16px;margin:0}
.project-search svg{width:24px;height:24px;color:#dceeff;flex-shrink:0}
.project-search input{background:transparent;border:0;color:#f6f9fd;border-radius:8px;min-width:0;width:100%;height:52px;padding:8px 0;font-size:16px;box-shadow:none;margin:0}
.project-search input::placeholder{color:#b4bfcc}
.project-search:focus-within{outline:2px solid #68aaff;outline-offset:2px}
.toolbar-menu{position:relative;flex-shrink:0}
.toolbar-menu summary{display:grid;place-items:center;list-style:none;width:48px;height:48px;cursor:pointer;border-radius:8px;color:#dceeff}
.toolbar-menu summary::-webkit-details-marker{display:none}
.toolbar-menu summary svg{width:28px;height:28px}
.toolbar-menu[open] summary,.toolbar-menu summary:hover,.toolbar-menu.has-filter summary{background:#1677ff;color:white}
.toolbar-popover{position:absolute;right:0;top:56px;width:245px;background:#f6f9fd;color:#252b33;z-index:30;border:1px solid #c8d9ec;box-shadow:0 12px 35px #0005;border-radius:12px;padding:18px}
.toolbar-popover label{display:grid;gap:9px;margin:0;font-size:12px;font-weight:600}
.toolbar-popover select{width:100%;font-size:14px;padding:10px;background:white;color:#252b33;margin:0}
.toolbar-popover small{display:block;font-size:11px;color:#687c91;margin-top:12px}
.project-list-caption{display:flex;justify-content:space-between;gap:15px;color:#a9bacd;font-size:11px;margin:18px 4px 12px}
.projects-overview .project-list{background:#2e353e;border:1px solid #ffffff0b;border-radius:18px}
.projects-overview .project-list-card{display:block;border-bottom:1px solid #ffffff12;padding:0;min-height:112px}
.projects-overview .project-list-card:first-child{border-radius:18px 18px 0 0}
.projects-overview .project-list-card:last-child{border:0;border-radius:0 0 18px 18px}
.projects-overview .project-list-card:only-child{border-radius:18px}
.projects-overview .project-list-card:hover{background:#343e49}
.projects-overview .project-open{display:grid;grid-template-columns:7px minmax(0,1fr) auto;grid-template-rows:1fr auto;column-gap:22px;row-gap:14px;width:100%;min-height:112px;padding:22px 28px;color:#f6f9fd;border-radius:inherit;align-items:start;white-space:normal}
.projects-overview .project-color{grid-column:1;grid-row:1 / 3;background:#1677ff;width:7px;min-width:7px;min-height:64px;height:100%;border-radius:1px}
.projects-overview .project-color.is-archived{background:#82bcff}
.projects-overview .project-list-copy{grid-column:2;grid-row:1;display:grid;gap:10px;margin-right:35px}
.projects-overview .project-list-copy strong{font-size:17px;line-height:1.4}
.projects-overview .project-list-copy small{font-size:12px;line-height:1.5;color:#b9c8d7;font-weight:400}
.projects-overview .project-list-meta{grid-column:2;grid-row:2;font-size:11px;line-height:1.5;color:#a9bacd;font-weight:400}
.projects-overview .project-list-date{grid-column:3;grid-row:2;align-self:end;text-align:right;width:auto;margin:0;color:#dceeff;font-size:12px;font-weight:400}
.projects-overview .project-menu{position:absolute;right:22px;top:16px;margin:0;z-index:5}
.projects-overview .project-menu summary{color:#f6f9fd;font-size:20px;line-height:32px;border-radius:7px}
.projects-overview .project-menu[open] summary{background:#1677ff}
.projects-overview .project-menu button{top:38px;font-weight:500;min-height:44px}
.projects-overview .empty{color:#dceeff;padding:45px 25px}
.projects-overview .empty strong{color:#f6f9fd}
.project-open:focus-visible,.mobile-nav button:focus-visible,.toolbar-menu summary:focus-visible,.project-menu summary:focus-visible,.project-add:focus-visible{outline:3px solid #82bcff;outline-offset:-3px}
@media(min-width:741px) and (max-width:1100px){.projects-heading{padding:0 0 60px}.projects-heading .desktop-new{bottom:0}.projects-overview{padding:26px}.projects-heading .project-select-heading select{font-size:25px}}
@media(max-width:740px){
 .sidebar{display:none}.main{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
 .mobile-nav{display:flex;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));height:74px;z-index:40;background:#1b2026f5;backdrop-filter:blur(15px);border:1px solid #ffffff26;border-radius:40px;box-shadow:0 8px 30px #0005;padding:6px}
 .mobile-nav button{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;color:#dce6f1;border-radius:32px;padding:6px 2px;font-size:11px;font-weight:500}
 .mobile-nav button svg{width:25px;height:25px}
 .mobile-nav button[aria-current=page]{background:#080c12;color:#68aaff}
 .projects-overview{padding:18px 10px 105px;min-height:calc(100dvh - 100px)}
 .project-overview-shell .topbar,.project-overview-shell footer{display:none}
 .project-overview-shell .main{background:#252b33}
 .projects-heading{min-height:65px;padding:0 8px;margin-bottom:14px}
 .projects-heading .project-select-heading{width:100%;margin:0!important}
 .projects-heading .project-select-heading select{font-size:23px;width:auto;max-width:100%;padding:10px 23px 10px 5px}
 .projects-heading .desktop-new{display:none}
 .project-toolbar{gap:5px;margin:0 5px 10px}
 .project-search{padding:0 12px;gap:9px;border-radius:5px}
 .project-search input{height:47px;font-size:16px}
 .project-search svg{width:21px;height:21px}
 .toolbar-menu summary{width:42px;height:44px}
 .toolbar-menu summary svg{width:25px;height:25px}
 .toolbar-popover{width:230px;top:51px}
 .project-list-caption{font-size:10px;margin:14px 8px 10px}
 .project-list-caption>span:last-child{display:none}
 .projects-overview .project-list{border-radius:15px}
 .projects-overview .project-list-card{min-height:101px}
 .projects-overview .project-open{min-height:101px;padding:17px 16px;column-gap:14px;row-gap:11px;grid-template-columns:6px minmax(0,1fr) auto}
 .projects-overview .project-color{width:6px;min-width:6px;min-height:64px}
 .projects-overview .project-list-copy{gap:8px;grid-column:2 / 4;margin-right:29px}
 .projects-overview .project-list-copy strong{font-size:15px;line-height:1.4}
 .projects-overview .project-list-copy small{font-size:11px}
 .projects-overview .project-list-meta{font-size:9px;line-height:1.5}
 .projects-overview .project-list-date{font-size:11px;align-self:end}
 .projects-overview .project-menu{right:10px;top:12px}
 .projects-overview .project-menu summary{font-size:18px;min-width:32px;min-height:32px}
 .project-add{display:grid;place-items:center;position:fixed;right:20px;bottom:calc(101px + env(safe-area-inset-bottom,0px));width:57px;height:57px;background:#1677ff;color:white;border-radius:50%;font-size:37px;line-height:1;font-weight:400;box-shadow:0 6px 22px #0006;z-index:20;padding:0}
 .project-select-heading select{font-size:23px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Personal employee colors and delegated archive permission. */
.employee-color-dot{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #0002;margin:0 8px 0 0;vertical-align:middle;flex-shrink:0}
.team-identity .employee-color-dot{float:left;margin-top:2px}
.archive-right-label{font-size:11px;color:#6c8195}
#user-color{height:48px;width:100%;padding:5px;cursor:pointer}
.last-editor{display:block;margin-top:3px;color:#dceeff;font-size:10px}
@media(max-width:740px){.last-editor{font-size:9px}.archive-right-label{font-size:10px}}

.projects-overview .project-list-meta{overflow-wrap:anywhere;min-width:0}

#signature-format-dialog{max-width:520px}#signature-format-dialog h2{font-size:25px}#signature-format-form p{line-height:1.65}#signature-format-scale{width:100%;padding:0;accent-color:#1677ff}#signature-scale-value{color:#1677ff;font-weight:600}#signature-format-dialog .dialog-actions{flex-wrap:wrap}
@media(max-width:740px){.editor-tools .tool-group{flex-wrap:wrap;justify-content:center}#signature-format-dialog{padding:22px}}

#editor-exit-dialog{max-width:560px}#editor-exit-dialog .dialog-actions{flex-wrap:wrap}#editor-exit{flex-shrink:0}

#local-files-dialog{width:min(650px,calc(100% - 24px));max-height:85dvh;overflow:auto}.local-pdf-row{padding:16px 0;border-bottom:1px solid var(--line)}.local-pdf-row p{overflow-wrap:anywhere;margin:8px 0}.account-area{flex-wrap:wrap}#local-files-status{overflow-wrap:anywhere}

.document-color{display:block;flex:0 0 5px;width:5px;min-height:48px;border-radius:4px}.doc-info .document-author{color:#45617c;font-size:11px;font-weight:600}

.template-view-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}.template-view-buttons button{min-width:160px}.template-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;padding:2px 7px;border-radius:20px;background:#1677ff14}.template-view-buttons .primary .template-count{background:#ffffff2b}@media(max-width:480px){.template-view-buttons{gap:8px}.template-view-buttons button{flex:1;min-width:0;padding:12px 10px}}

/* The top account/breadcrumb strip is intentionally hidden. */
.topbar{display:none!important}@media(min-width:741px){.main{display:flex;flex-direction:column;min-height:100dvh}.content{flex:1}}

/* The worker stays in the free area of the fixed desktop sidebar. */
.sidebar-worker{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;margin:12px 0 16px;overflow:hidden;pointer-events:none}
.sidebar-worker img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;user-select:none}
.sidebar>.brand,.sidebar>nav,.sidebar-bottom{flex-shrink:0}
@media(max-height:620px){.sidebar-worker{display:none}}

.project-menu-actions{position:absolute;right:0;top:30px;z-index:10;background:white;border:1px solid #d3e3f4;border-radius:9px;box-shadow:0 10px 30px #17375622;overflow:hidden}.project-menu .project-menu-actions button{position:static;display:block;width:100%;border:0;border-radius:0;box-shadow:none;text-align:left}.project-menu-actions button:hover{background:#eaf3ff}

.brand .brand-logo{width:38px;height:38px;flex-shrink:0;object-fit:contain;background:white;border-radius:7px;letter-spacing:normal}.sidebar>.brand{font-size:17px;gap:8px;letter-spacing:.035em}

/* Fill the available main column instead of shrinking between auto margins. */
.content.projects-overview{width:100%;max-width:none;min-width:0;margin:0;box-sizing:border-box}.project-overview-shell .main{background:#252b33}.project-overview-shell footer{background:#252b33;color:#a9bacd}

.brand .brand-logo{background:transparent;border-radius:0}