.doc-tool{--doc-top:128px}.doc-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:16px;display:flex}.doc-bar-l{flex-wrap:wrap;gap:8px;display:flex}.doc-count:not(:empty){background:var(--t-navy);min-width:20px;height:20px;color:var(--c-navy);border-radius:99px;place-items:center;padding:0 6px;font-size:.72rem;font-weight:600;display:inline-grid}.doc-status{color:var(--subtle);align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.doc-status[data-state=saved]{color:var(--c-green)}.doc-status[data-state=error]{color:var(--danger)}.doc-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);align-items:start;gap:clamp(16px,2.4vw,32px);display:grid}.doc-edit{align-content:start;gap:12px;min-width:0;display:grid}.doc-sec{border:1px solid var(--line);background:var(--card);border-radius:20px;min-width:0}.doc-sec>summary{cursor:pointer;border-radius:20px;align-items:center;gap:12px;padding:14px 16px;list-style:none;display:flex}.doc-sec>summary::-webkit-details-marker{display:none}.doc-sec>summary:hover .sec-n{background:var(--accent-bg);color:var(--on-accent)}.sec-n{background:var(--t-navy);width:30px;height:30px;color:var(--c-navy);border-radius:10px;flex:none;place-items:center;font-size:.85rem;font-weight:600;transition:background .15s,color .15s;display:grid}.sec-t{flex:1;min-width:0;display:grid}.sec-t b{color:var(--ink);font-size:.98rem;font-weight:600}.sec-t small{color:var(--subtle);font-size:.8rem}.sec-chev{color:var(--subtle);transition:transform .2s}.doc-sec[open]>summary .sec-chev{transform:rotate(180deg)}.sec-body{gap:14px;min-width:0;padding:2px 16px 18px;display:grid}.fg{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px 14px;display:grid}.fg.narrow{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr))}.f{align-content:start;gap:5px;min-width:0;display:grid}.f.full,.f-check.full,.img-field.full{grid-column:1/-1}.f label{gap:5px;min-width:0;display:grid}.f-l{color:var(--ink);font-size:.8rem;font-weight:500}.f-l em{color:var(--subtle);margin-left:6px;font-size:.76rem;font-style:normal;font-weight:300}.f .input,.f .select{min-height:42px;padding:9px 12px;font-size:.92rem}.f .select{padding-right:30px}.f-area{resize:vertical;min-height:84px;font:300 .92rem/1.55 var(--font)!important}.f-h{color:var(--subtle);font-size:.76rem;line-height:1.4}.f-status:empty{display:none}.f-status.ok{color:var(--c-green)}.f-status.err{color:var(--danger)}.f-status.warn{color:var(--c-amber)}.f-check{color:var(--ink);cursor:pointer;align-items:flex-start;gap:10px;min-height:32px;padding-top:2px;font-size:.88rem;display:flex}.f-check input{width:18px;height:18px;accent-color:var(--navy);flex:none;margin:2px 0 0}[data-upper]{text-transform:uppercase}[data-upper]::placeholder{text-transform:none}.sub-h{text-transform:uppercase;letter-spacing:.07em;color:var(--subtle);margin:6px 0 -4px;font-size:.74rem;font-weight:600}.sec-note{color:var(--muted);font-size:.82rem}.inline-btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.no-tax .tax-only,.no-taxlabel .taxlabel-only,.no-gst .gst-only,.no-ship [data-ship],.doc-grid:not(.is-intern) .intern-only,.doc-grid.is-intern .not-intern,.doc-grid:not(.is-contract) .contract-only,.doc-grid:not(.with-annexure) .annexure-only,.doc-grid:not(.is-relieving) .relieving-only,.doc-grid:not(.is-experience) .experience-only,.doc-grid:not(.custom-conduct) .conduct-only{display:none!important}.rep{gap:10px;min-width:0;display:grid}.rep-rows{gap:10px;display:grid}.rep-row{border:1px solid var(--line);background:var(--field);border-radius:16px;gap:8px;min-width:0;padding:10px 12px 12px;display:grid}.rep-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.rep-n{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;font-weight:600}.rep-tools{gap:4px;display:flex}.rep-del:hover{color:var(--danger)!important}.rep-fields{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:10px 12px;min-width:0;display:grid}.rep-compact .rep-fields{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.rep-row .input,.rep-row .select{background:var(--card)}.rep-add{justify-self:start}.rep-empty{color:var(--subtle);font-size:.86rem}.f-out{border:1px dashed var(--line-strong);min-height:42px;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;border-radius:12px;justify-content:flex-end;align-items:center;padding:0 12px;font-size:.92rem;font-weight:500;display:flex}.img-field{border:1px dashed var(--line-strong);background:var(--field);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px 14px;min-width:0;padding:10px;display:flex}.img-field.over{border-color:var(--navy);background:var(--t-navy)}.img-thumb{border:1px solid var(--line);background-color:var(--card);border-radius:12px;flex:none;place-items:center;width:104px;height:68px;display:grid;overflow:hidden}.img-thumb img{object-fit:contain;max-width:100%;max-height:100%;display:none}.has-img .img-thumb img{display:block}.has-img .img-empty{display:none}.img-empty{color:var(--subtle);justify-items:center;gap:2px;font-size:.7rem;display:grid}.img-side{flex:1;gap:6px;min-width:0;display:grid}.img-actions{flex-wrap:wrap;gap:6px;display:flex}.img-clear{display:none}.has-img .img-clear{display:inline-flex}.img-field[data-kind=photo] .img-thumb{width:68px;height:84px}.img-row{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:10px;display:grid}.doc-totals{background:var(--t-navy);border-radius:16px;margin:0;padding:10px 14px;display:grid}.doc-totals>div{justify-content:space-between;gap:10px;padding:4px 0;font-size:.88rem;display:flex}.doc-totals dt{color:var(--muted)}.doc-totals dd{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:500}.doc-totals .grand{border-top:1px solid var(--line-strong);margin-top:4px;padding-top:8px;font-size:1.02rem}.doc-totals .grand dt,.doc-totals .grand dd{color:var(--ink);font-weight:600}.doc-totals>.words{display:block}.doc-totals dd.doc-words{color:var(--muted);text-align:left;padding-top:2px;font-size:.8rem;font-weight:400}.doc-preview{top:var(--doc-top);min-width:0;position:sticky}.doc-preview-in{max-height:calc(100vh - var(--doc-top) - 16px);background:var(--field);border:1px solid var(--line);border-radius:24px;flex-direction:column;gap:12px;padding:14px;display:flex}.doc-phead{justify-content:space-between;align-items:center;gap:10px;display:flex}.doc-phead h2{align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.doc-pagecount{color:var(--subtle);font-size:.8rem;font-weight:400}.doc-close{display:none}.doc-spin{border:2px solid var(--line-strong);border-top-color:var(--navy);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite doc-spin;display:none}.is-rendering .doc-phead .doc-spin,.doc-ph .doc-spin{display:inline-block}@keyframes doc-spin{to{transform:rotate(360deg)}}.doc-design{gap:10px;display:grid}.dd-row{border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;margin:0;padding:0;display:flex}.dd-seg{background:var(--card);border-radius:14px;width:100%;display:flex}.dd-seg label{flex:auto}.dd-seg span{justify-content:center;width:100%;border-radius:10px!important}.dd-seg input:checked+span{background:var(--accent-bg);color:var(--on-accent)}.dd-swatches{border:0;flex-wrap:wrap;gap:7px;margin:0;padding:0;display:flex}.dd-swatches label{position:relative}.dd-swatches input{opacity:0;pointer-events:none;position:absolute}.dd-swatches span[style]{background:var(--sw);cursor:pointer;border-radius:50%;width:26px;height:26px;display:block;box-shadow:inset 0 0 0 2px #ffffff4d}.dd-swatches input:checked+span{outline:2.5px solid var(--ink);outline-offset:2px}.dd-swatches input:focus-visible+span{outline:2.5px solid var(--green);outline-offset:2px}.dd-selects{flex-wrap:wrap;gap:8px;display:flex}.dd-select .select{background-color:var(--card);width:auto;min-height:36px;padding:4px 30px 4px 12px;font-size:.84rem}.doc-pages-wrap{overscroll-behavior:contain;border-radius:10px;flex:1;min-height:160px;overflow:auto}.doc-pages{justify-items:center;gap:14px;padding:2px;display:grid}.doc-page{background:#fff;border-radius:3px;max-width:100%;height:auto;display:block;box-shadow:0 1px 2px #101b2e1a,0 10px 26px -12px #101b2e4d}.doc-ph{aspect-ratio:1/1.414;background:var(--card);width:100%;color:var(--subtle);border-radius:6px;align-content:center;place-items:center;gap:10px;font-size:.9rem;display:grid}.doc-actions{grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid}.doc-error{margin:0}.doc-mbar{display:none}.docs-dialog,.sig-dialog{border:1px solid var(--line);background:var(--card);width:min(560px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow-lg);border-radius:24px;padding:0}.docs-dialog::backdrop,.sig-dialog::backdrop{background:#0a13228c}.docs-in{gap:12px;padding:20px;display:grid}.docs-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.docs-head h2,.sig-form h2{font-size:1.2rem}.docs-note{color:var(--subtle);align-items:center;gap:6px;font-size:.8rem;display:flex}.docs-list{gap:8px;max-height:min(60vh,520px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.docs-list li{border:1px solid var(--line);background:var(--field);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.docs-list li.is-current{border-color:var(--navy);background:var(--t-navy)}.docs-text{flex:1;min-width:160px;display:grid}.docs-text b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.docs-text span{color:var(--muted);font-size:.78rem}.docs-actions{align-items:center;gap:6px;display:flex}.docs-tag{color:var(--c-navy);padding:0 6px;font-size:.74rem;font-weight:600}.docs-empty{color:var(--muted);padding:8px 0;font-size:.9rem}.docs-forget{justify-self:start}.sig-form{gap:12px;padding:20px;display:grid}.sig-text{color:var(--muted);font-size:.88rem}.sig-pad{border:1px solid var(--line-strong);touch-action:none;background:#fff;border-radius:14px;height:200px;position:relative}.sig-pad canvas{cursor:crosshair;border-radius:14px;width:100%;height:100%}.sig-line{pointer-events:none;border-top:1.5px dashed #c5cdd9;position:absolute;bottom:26%;left:8%;right:8%}.sig-tools{justify-content:space-between;align-items:center;gap:10px;display:flex}.sig-inks{gap:8px;display:flex}.sig-inks label{position:relative}.sig-inks input{opacity:0;position:absolute}.sig-inks span[style]{background:var(--ink);cursor:pointer;border-radius:50%;width:28px;height:28px;display:block}.sig-inks input:checked+span{outline:2.5px solid var(--navy);outline-offset:2px}.sig-inks input:focus-visible+span{outline:2.5px solid var(--green);outline-offset:2px}.sig-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width<=1080px){.doc-grid{grid-template-columns:minmax(0,1fr)}.doc-preview{z-index:85;visibility:hidden;transition:transform .28s var(--ease), visibility .28s;position:fixed;inset:0;transform:translateY(102%)}.show-preview .doc-preview{visibility:visible;transform:none}.doc-preview-in{height:100%;max-height:none;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border:0;border-radius:0}.doc-close{display:inline-grid}.doc-mbar{z-index:30;padding:10px 4px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--card) 28%);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px;margin:12px -4px 0;display:grid;position:sticky;bottom:0}}html.doc-lock{overflow:hidden}@media (width<=480px){.doc-bar-l .btn{flex:auto}.doc-actions{grid-template-columns:minmax(0,1fr)}.sec-body{padding:2px 12px 14px}.doc-sec>summary{padding:12px}}
