:root{--paper: #F5EFE6;--paper-dim: #EFE6D8;--ink: #2E2E24;--ink-dim: #7A7467;--line: #DAD7D1;--blue: #2E2E24;--blue-soft: #F1E4D8;--amber: #C87F0A;--green: #2E7D5B;--green-soft: #E6F1EB;--red: #B23A2E;--red-soft: #F7E9E6;--map-wm: #EBDFCC;--header-bg: #EFE6D8;--header-ink: #2E2E24;--header-ink-dim: #7A7467}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--paper);color:var(--ink)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px}.login-card h1{margin:0;font-size:20px}.login-subtitle{margin:0 0 8px;color:var(--ink-dim);font-size:14px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-dim)}.login-card input{border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--ink)}.login-card button{margin-top:8px;background:var(--ink);color:var(--paper);border:none;border-radius:8px;padding:11px;font-size:14px;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:not-allowed}.login-error{margin:0;color:var(--red);background:var(--red-soft);border-radius:8px;padding:8px 10px;font-size:13px}.login-card button.login-link-btn{margin-top:4px;background:transparent;color:var(--ink-dim);padding:4px;font-size:12.5px;text-decoration:underline}.page-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--ink-dim)}.dashboard-placeholder{padding:32px}.app-content-layer{position:relative;z-index:1}.map-watermark{position:fixed;left:50%;bottom:38.2%;width:61.8vw;max-width:1100px;aspect-ratio:1000 / 368;transform:translate(-50%,50%);background-color:var(--map-wm);-webkit-mask-image:url(/peta-indonesia.svg);mask-image:url(/peta-indonesia.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}@media (max-width: 767px){.map-watermark{display:none}}@media print{.map-watermark{display:none}}@media (prefers-contrast: more){.map-watermark{display:none}}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap}.chip-neutral{background:var(--paper-dim);color:var(--ink-dim)}.chip-green{background:var(--green-soft);color:var(--green)}.chip-amber{background:#fbebd2;color:var(--amber)}.chip-red{background:var(--red-soft);color:var(--red)}.chip-blue{background:var(--blue-soft);color:var(--blue)}.score-square{display:inline-block;width:20px;height:4px;border-radius:2px;flex-shrink:0}.score-square.tier-low{background:#22c55e}.score-square.tier-mid{background:#facc15}.score-square.tier-high{background:#ef4444}.score-square.tier-auto{background:linear-gradient(to right,#22c55e 33%,#facc15 33%,#facc15 66%,#ef4444 66%)}.score-square-wrap{position:relative;display:inline-flex}.score-square-btn{border:none;background:none;padding:4px;margin:-4px;cursor:pointer;display:inline-flex;border-radius:6px}.score-square-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:30;min-width:120px;display:flex;flex-direction:column;padding:4px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #2e2e2424}.score-square-opt{display:flex;align-items:center;gap:8px;border:none;background:none;padding:6px 8px;border-radius:6px;font-size:12px;color:var(--ink);cursor:pointer;text-align:left}.score-square-opt:hover{background:var(--paper-dim)}.score-square-opt.on{font-weight:700}.avatar{width:26px;height:26px;border-radius:50%;background:var(--blue-soft);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.avatar-empty{background:var(--paper-dim);color:var(--ink-dim)}.progress-track{height:4px;border-radius:999px;background:var(--line);overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:999px;transition:width .2s ease}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s ease,opacity .15s ease}.card:hover{box-shadow:0 2px 8px #2e2e2414}.card.dragging{opacity:.4}.card.drag-over{border-color:var(--amber)}.card-desktop-body{display:flex;flex-direction:column;gap:4px}.card-mobile-body{display:none}.card-top{display:flex;align-items:flex-start;justify-content:flex-end;gap:6px}.card-top .ball-owner-badge{margin-right:auto}.card-top-right{display:flex;align-items:center;gap:4px}.card-title{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.35}.card-client{font-size:11px;color:var(--ink-dim);line-height:1.3}.card-location{font-size:11px;color:var(--ink-dim);display:flex;flex-wrap:wrap;margin-top:1px}.card-value{font-size:13px;font-weight:700;color:var(--ink)}.card-type-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card-sub{display:flex;flex-direction:column;gap:3px;margin-top:4px}.card-sub-label{font-size:10.5px;color:var(--ink-dim);display:flex;align-items:center;gap:6px}.card-lock-tag{display:inline-flex;align-items:center;gap:2px;color:var(--amber);font-size:10px}.warn-badge{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--red);background:var(--red-soft);padding:4px 7px;border-radius:6px}.card-desktop-body .warn-badge{background:none;padding:0;font-weight:600}@media (hover: hover){.card-desktop-body .card-stage-btns,.card-desktop-body .reorder-btns{opacity:0;transition:opacity .15s ease}.card:hover .card-desktop-body .card-stage-btns,.card:hover .card-desktop-body .reorder-btns,.card:focus-within .card-desktop-body .card-stage-btns,.card:focus-within .card-desktop-body .reorder-btns{opacity:1}}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:8px;border-top:1px solid var(--line)}.card-stage-btns{display:flex;align-items:center;gap:6px}.retreat-btn{background:transparent;border:1px solid var(--line)}.card-bottom-left{display:flex;align-items:center;gap:6px}.advance-btn{border:none;background:var(--paper-dim);color:var(--ink);border-radius:999px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex-shrink:0;transition:background-color .15s ease,transform .1s ease}.advance-btn:hover{background:var(--line)}.advance-btn:active{transform:scale(.92)}.card-lost-reason{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--red);border-top:1px dashed var(--line);padding-top:6px}.reorder-btns{display:flex;flex-direction:column}.reorder-btn{border:none;background:transparent;color:var(--ink-dim);cursor:pointer;padding:0;line-height:1;transition:color .15s ease}.reorder-btn:hover:not(:disabled){color:var(--ink)}.reorder-btn:disabled{opacity:.25;cursor:not-allowed}.board-stage-pills{display:none}.board{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.board-column{background:#efe6d88c;border-radius:12px;padding:10px;width:260px;min-width:260px;flex-shrink:0}.board-column-header{display:flex;align-items:center;gap:6px;padding:4px 4px 10px;font-size:14px;font-weight:600;color:var(--ink)}.board-column-no{color:var(--ink-dim);font-weight:500;font-size:12px}.board-column-label{flex:1}.board-column-count{background:#dad7d199;color:var(--ink-dim);font-size:10px;border-radius:999px;padding:1px 7px}.board-column-body{display:flex;flex-direction:column;min-height:20px}.board-column-archived{background:transparent;border:1px dashed var(--line)}.empty-note{font-size:11.5px;color:var(--ink-dim);padding:8px 4px}.mobile-view-row,.mobile-seek,.mobile-fab{display:none}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.toggle-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;color:var(--ink-dim);border-radius:999px;padding:6px 11px;font-size:12px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.toggle-btn:hover:not(.on):not(.danger):not(:disabled){border-color:var(--ink-dim);background:var(--paper-dim)}.toggle-btn.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn{display:inline-flex;align-items:center;gap:6px;border:none;background:var(--ink);color:var(--paper);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.submit-btn:hover:not(:disabled){opacity:.85}.submit-btn:active:not(:disabled){transform:scale(.97)}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.toolbar-filter-wrap{position:relative}.toolbar-filter-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:250px;display:flex;flex-direction:column;gap:10px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #2e2e2424}.toolbar-filter-row{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--ink-dim)}.toolbar-filter-row select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12px;color:var(--ink);background:#fff}.toolbar-filter-check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink);cursor:pointer}.toolbar-filter-link{display:flex;align-items:center;gap:6px;margin-top:2px;padding:8px 0 0;border:none;border-top:1px solid var(--line);background:none;font-size:12px;color:var(--ink-dim);cursor:pointer}.toolbar-filter-link:hover{color:var(--ink)}.search-box{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;color:var(--ink-dim)}.search-box input{border:none;outline:none;font-size:12px;background:transparent;width:180px;color:var(--ink)}.stats-row{display:flex;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px 6px;margin-bottom:14px}.stat-tile{display:flex;align-items:baseline;gap:8px;padding:6px 16px}.stat-tile+.stat-tile{border-left:1px solid var(--line)}.stat-value{font-size:16px;font-weight:700;color:var(--ink)}.stat-value.stat-red{color:var(--red)}.stat-value.stat-amber{color:var(--amber)}.stat-label{font-size:11px;color:var(--ink-dim)}.dashboard-page{padding:24px}.centered-page{display:flex;justify-content:center;padding-top:48px}.icon-btn{border:none;background:transparent;color:var(--ink-dim);cursor:pointer;font-size:12px;padding:4px 8px;border-radius:6px}.icon-btn:hover{background:var(--paper-dim);color:var(--ink)}.icon-btn.danger{color:var(--red)}.icon-btn.danger:hover{background:var(--red-soft)}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:640px;max-width:100vw;background:#fff;border-left:1px solid var(--line);box-shadow:-8px 0 24px #2e2e2414;z-index:50;display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.panel-stage-badge{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);margin-bottom:2px}.panel-title{font-size:14px;font-weight:700;color:var(--ink)}.submission-heading{display:inline-flex;align-items:center;gap:6px}.panel-tabs{display:flex;border-bottom:1px solid var(--line);overflow-x:auto}.panel-tab{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;color:var(--ink-dim);padding:10px 12px;font-size:12px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.panel-tab.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.submission-tabs .panel-tab{font-size:16px;font-weight:700;gap:6px}.panel-body{padding:16px;color:var(--ink-dim);font-size:12.5px;overflow-y:auto;flex:1}.info-section-title{font-size:11px;font-weight:700;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;border-top:1px solid var(--line);padding-top:14px;margin-top:8px;margin-bottom:2px}.info-section-title:first-child{border-top:none;padding-top:0;margin-top:0}.info-row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.info-row label{font-size:11px;color:var(--ink-dim);font-weight:600}.info-static{font-size:12.5px;color:var(--ink)}.info-input{border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12.5px;color:var(--ink);background:#fff;width:100%;box-sizing:border-box;transition:border-color .15s ease}.info-input:focus{outline:none;border-color:var(--blue)}textarea.info-input{min-height:60px;resize:vertical}.phone-input-row{display:flex;align-items:center;gap:6px}.phone-input-row input,.phone-input-row .info-input{flex:1}.info-checkbox-label{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-dim);font-weight:400}.doc-meta{font-size:11px;color:var(--ink-dim)}.doc-name{font-size:12.5px;color:var(--ink);font-weight:600}.toggle-btn.danger{color:var(--red);border-color:var(--red-soft)}.toggle-btn.danger:hover{background:var(--red-soft)}.score-breakdown{border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:12px}.score-breakdown-title{font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:8px}.score-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.score-bar-label{font-size:10.5px;color:var(--ink-dim);width:90px;flex-shrink:0}.score-bar-track{flex:1;height:6px;border-radius:999px;background:var(--paper-dim);overflow:hidden}.score-bar-fill{height:100%;border-radius:999px}.score-bar-fill.blue{background:var(--blue)}.score-bar-fill.amber{background:var(--amber)}.score-bar-fill.green{background:var(--green)}.lost-form{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.lost-form-actions{display:flex;gap:8px;justify-content:flex-end}.lost-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.lost-bar-label{font-size:11.5px;color:var(--ink-dim);width:130px;flex-shrink:0}.lost-bar-count{font-size:11.5px;color:var(--ink);width:20px;text-align:right}.info-footer-actions{display:flex;gap:8px;margin-top:16px;margin-bottom:12px;flex-wrap:wrap}.delete-confirm{display:flex;flex-direction:column;gap:8px;width:100%}.checklist-section-title{font-size:11.5px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:8px;margin-bottom:8px}.lock-hint{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--amber)}.skip-inline-note{display:flex;align-items:center;gap:6px;background:var(--paper-dim);border-radius:8px;padding:8px 10px}.lock-error-banner{background:var(--red-soft);color:var(--red);border-radius:8px;padding:8px 10px;font-size:11.5px;margin-bottom:10px;cursor:pointer}.subtask-list{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.subtask-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:7px 9px}.subtask-row.st-selesai{background:var(--green-soft);border-color:transparent}.subtask-row.st-warning{border-color:var(--red)}.subtask-row.st-locked{opacity:.65}.subtask-dot-btn{border:none;background:transparent;cursor:pointer;color:var(--ink-dim);display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;flex-shrink:0}.subtask-dot-btn:disabled{cursor:not-allowed}.subtask-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--line);display:block;flex-shrink:0}.st-proses .subtask-dot{border-color:var(--amber);background:var(--amber)}.st-selesai .subtask-dot{border-color:var(--green);background:var(--green)}.subtask-main{flex:1;min-width:0}.subtask-label{font-size:12px;color:var(--ink)}.subtask-meta{font-size:10px;color:var(--ink-dim);margin-top:1px}.warn-text{color:var(--red);font-weight:600}.lock-text{color:var(--ink-dim);font-weight:400}.subtask-review-btn{flex-shrink:0;white-space:nowrap;gap:4px}.subtask-pic-select{border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:11px;color:var(--ink);max-width:90px}.termin-row{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:10px}.termin-name{font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:3px}.termin-row-inactive{background:var(--paper-dim)}.pay-status{border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:600;flex-shrink:0}.pay-status.small{padding:5px 10px;font-size:11px}.pay-status.paid{background:var(--green-soft);color:var(--green)}.pay-status.unpaid{background:var(--paper-dim);color:var(--ink-dim)}.pay-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink)}.proof-wrap{margin-top:6px}.proof-upload-btn{display:inline-flex;align-items:center;gap:5px;border:1px dashed var(--line);border-radius:8px;padding:6px 10px;font-size:11px;color:var(--ink-dim);cursor:pointer}.proof-thumb-row{display:flex;align-items:center;gap:10px}.proof-thumb-link{font-size:11.5px;color:var(--blue);text-decoration:underline}.proof-remove-btn{display:inline-flex;align-items:center;gap:3px;border:none;background:transparent;color:var(--red);font-size:11px;cursor:pointer}.proof-error{color:var(--red);font-size:10.5px;margin-top:4px}.doc-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;color:var(--ink-dim)}.doc-row a.doc-name{color:var(--blue);text-decoration:underline;cursor:pointer}.doc-add-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}.log-add{display:flex;align-items:center;gap:8px;margin-bottom:12px}.log-add .info-input{flex:1}.log-row{border-bottom:1px solid var(--line);padding:8px 0}.log-date{font-size:10px;color:var(--ink-dim)}.log-text{font-size:12px;color:var(--ink)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2e2e2459;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-box{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px #2e2e2433}.survey-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.survey-field{display:flex;flex-direction:column;gap:4px}.survey-field.full{grid-column:1 / -1}.survey-field label{font-size:11px;color:var(--ink-dim);font-weight:600}.survey-field input,.survey-field select,.survey-field textarea{border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12.5px;color:var(--ink);transition:border-color .15s ease}.survey-field input:focus,.survey-field select:focus,.survey-field textarea:focus{outline:none;border-color:var(--blue)}.survey-field textarea{min-height:60px;resize:vertical}.location-picker{position:relative}.location-picker input{width:100%;box-sizing:border-box}.location-picker input:disabled{background:var(--paper-dim);cursor:not-allowed}.location-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #2e2e2424;max-height:220px;overflow-y:auto}.location-picker-option{padding:7px 10px;font-size:12.5px;color:var(--ink);cursor:pointer}.location-picker-option:hover{background:var(--paper-dim)}.location-picker-option-sub{font-size:10.5px;color:var(--ink-dim)}.calendar-view{display:flex;flex-direction:column;gap:12px}.cal-header{display:flex;align-items:center;justify-content:center;gap:16px}.cal-month-label{font-size:14px;font-weight:700;color:var(--ink);min-width:160px;text-align:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-weekday{font-size:10.5px;color:var(--ink-dim);text-align:center;padding-bottom:4px}.cal-cell{min-height:64px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px;cursor:pointer;overflow:hidden}.cal-cell-empty{background:transparent;border:none;cursor:default}.cal-cell-today{border-color:var(--ink)}.cal-cell-selected{background:var(--blue-soft)}.cal-date-num{font-size:11px;color:var(--ink-dim);margin-bottom:3px}.cal-headlines{display:flex;flex-direction:column;gap:2px}.cal-headline{font-size:12px;font-weight:600;padding:1px 4px;border-radius:4px;background:var(--paper-dim);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-headline.red{background:var(--red-soft);color:var(--red)}.cal-headline.custom{background:var(--green-soft);color:var(--green)}.cal-more-label{font-size:9px;color:var(--ink-dim)}.cal-detail{border-top:1px solid var(--line);padding-top:12px}.cal-detail-title{font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:8px}.cal-detail-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);cursor:pointer}.cal-add-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cal-add-form input{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:12px;flex:1;min-width:140px}.table-toolbar{display:flex;gap:8px;margin-bottom:12px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;padding:9px 12px;background:var(--paper-dim);color:var(--ink-dim);font-weight:600;white-space:nowrap}.data-table td{padding:9px 12px;border-top:1px solid var(--line);color:var(--ink);white-space:nowrap}.mobile-header,.mobile-summary{display:none}.nav-bar{display:flex;align-items:center;gap:6px;padding:16px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:var(--header-bg);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:14px;padding-right:20px}.brand-logo{height:56px;width:auto;display:block}.brand-name{font-weight:700;font-size:19px;color:var(--header-ink);line-height:1.2;letter-spacing:-.01em}.brand-tagline{font-size:12px;font-weight:700;color:var(--header-ink-dim);letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.brand-subtitle{font-size:10.5px;font-weight:700;color:var(--header-ink-dim);margin-top:1px}.nav-spacer{flex:1}.nav-btn{display:flex;align-items:center;gap:6px;border:none;background:transparent;padding:8px 12px;border-radius:8px;font-size:12.5px;font-weight:500;color:var(--header-ink-dim);cursor:pointer}.nav-btn.active{background:var(--header-ink);color:var(--header-bg)}@media (min-width: 769px) and (max-width: 1024px){.nav-bar{row-gap:10px}.brand{flex-basis:100%;padding-right:0}.nav-spacer{display:none}.nav-btn{flex:0 0 auto}}.page-two-col{display:flex;gap:16px;align-items:flex-start}.side-list{width:260px;flex-shrink:0;background:#fff9;border:1px solid var(--line);border-radius:10px;padding:8px;max-height:calc(100vh - 160px);overflow-y:auto}.side-list-title{font-weight:600;font-size:12px;padding:6px 8px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.03em}.side-list-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;border:none;background:transparent;padding:9px 8px;border-radius:7px;cursor:pointer;text-align:left;margin-bottom:2px;transition:background-color .15s ease}.side-list-item:hover:not(.active){background:var(--paper-dim)}.side-list-item:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.side-list-item.active{background:var(--blue-soft)}.side-list-name{font-size:12px;font-weight:500;line-height:1.3;color:var(--ink);display:flex;align-items:center;gap:6px}.side-form{flex:1;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;min-height:400px}.side-form-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.header-btn-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.print-only{display:none}.survey-done-btn{border:1px solid var(--blue);background:var(--blue-soft);color:var(--blue);border-radius:8px;padding:8px 12px;font-size:11.5px;cursor:pointer;white-space:nowrap;font-weight:600;transition:opacity .15s ease}.survey-done-btn:hover:not(:disabled){opacity:.8}.survey-done-btn:disabled{opacity:.6;cursor:not-allowed}.survey-done-btn.done{border-color:var(--green);background:var(--green-soft);color:var(--green)}.survey-module{margin-bottom:18px;padding-bottom:14px;border-bottom:1px dashed var(--line)}.survey-module:last-child{border-bottom:none}.req-star{color:var(--red);font-weight:700}.priority-tag{font-size:8.5px;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.02em;margin-left:6px}.priority-tag.pr-critical{background:var(--red-soft);color:var(--red)}.priority-tag.pr-high{background:#fbf0de;color:var(--amber)}.priority-tag.pr-medium{background:var(--paper-dim);color:var(--ink-dim)}.field-note{font-size:10px;line-height:12px;min-height:12px;color:var(--ink-dim);font-style:italic;margin-top:-2px;overflow:hidden}.missing-banner{display:flex;gap:8px;align-items:flex-start;background:var(--red-soft);border:1px solid var(--red);color:var(--red);border-radius:8px;padding:10px 12px;font-size:11.5px;margin-bottom:16px}.missing-banner ul{margin:4px 0 0;padding-left:16px}.missing-banner li{margin-bottom:2px}.tipe-survei-row{display:flex;gap:8px}.tipe-btn{flex:1;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink-dim);transition:border-color .15s ease,background-color .15s ease,color .15s ease}.tipe-btn:hover:not(.active){border-color:var(--ink-dim);background:var(--paper-dim)}.tipe-btn.active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.tipe-confirm{margin-top:8px;background:#fbf0de;border:1px solid var(--amber);color:var(--amber);border-radius:8px;padding:10px;font-size:11.5px}.tipe-confirm-actions{display:flex;gap:8px;margin-top:8px}.tipe-confirm-actions button{flex:1;border:1px solid var(--amber);background:transparent;color:var(--amber);border-radius:6px;padding:6px;font-size:11px;cursor:pointer}.tipe-confirm-yes{background:var(--amber)!important;color:#fff!important;font-weight:600}.gps-picker{display:flex;flex-direction:column;gap:6px}.gps-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gps-btn{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--paper-dim);color:var(--ink-dim);border-radius:6px;padding:6px 10px;font-size:11px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.gps-btn:hover{border-color:var(--blue);color:var(--blue)}.gps-link{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--blue);text-decoration:none;font-weight:500}.photo-group{display:flex;flex-direction:column;gap:6px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.photo-item{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.photo-item img{width:100%;height:72px;object-fit:cover;cursor:pointer;display:block}.photo-item-loading{width:100%;height:72px;background:var(--paper-dim)}.photo-caption{width:100%;border:none;border-top:1px solid var(--line);border-radius:0;font-size:9.5px;padding:4px 5px}.photo-remove{position:absolute;top:3px;right:3px;border:none;background:#1414148c;color:#fff;border-radius:5px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.photo-add-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed var(--line);border-radius:8px;min-height:72px;color:var(--ink-dim);cursor:pointer;font-size:9.5px;background:var(--paper-dim)}.photo-add-btn:hover{border-color:var(--blue);color:var(--blue)}.damage-list{display:flex;flex-direction:column;gap:8px}.damage-entry{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px}.damage-entry-photo img{width:52px;height:52px;border-radius:6px;object-fit:cover;cursor:pointer;flex-shrink:0;display:flex}.damage-photo-placeholder-group{width:52px;height:52px;display:flex;gap:2px;flex-shrink:0}.damage-photo-placeholder{flex:1;border:1px dashed var(--line);background:var(--paper-dim);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink-dim)}.damage-photo-placeholder:hover{border-color:var(--blue);color:var(--blue)}.damage-entry-fields{flex:1;display:flex;flex-direction:column;gap:6px}.damage-entry-fields input,.damage-entry-fields textarea{border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:11.5px}.damage-entry-fields textarea{min-height:36px;resize:vertical}.damage-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--line);background:var(--paper-dim);color:var(--ink-dim);border-radius:8px;padding:8px;font-size:11.5px;cursor:pointer}.damage-add-btn:hover{border-color:var(--blue);color:var(--blue)}.surveyor-list{display:flex;flex-direction:column;gap:6px}.surveyor-row{display:flex;gap:6px;align-items:center}.surveyor-row input{flex:1;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:12px}.drainage-list{display:flex;flex-direction:column;gap:6px}.drainage-entry{display:flex;gap:6px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px}.drainage-entry select{flex:1;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:11.5px}.select-unit-row,.number-unit-row{display:flex;align-items:center;gap:6px}.select-unit-row select,.number-unit-row input{flex:1}.field-unit-suffix{font-size:11px;color:var(--ink-dim);white-space:nowrap}.multiselect-group{display:flex;flex-wrap:wrap;gap:8px 14px;padding:2px 0}.multiselect-option{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink);cursor:pointer}.survey-checkbox-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink);cursor:pointer;padding:6px 0}.address-combo{display:flex;flex-direction:column;gap:6px}.address-combo-auto{font-size:12px;color:var(--ink-dim);background:var(--paper-dim);border-radius:6px;padding:6px 8px}.project-ref-value{font-size:12.5px;color:var(--ink);background:var(--paper-dim);border-radius:8px;padding:7px 10px}.room-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.room-floor-col{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:8px}.room-floor-title{font-size:12px;font-weight:700;color:var(--ink)}.room-selected-box{border:1px dashed var(--line);border-radius:6px;background:var(--paper-dim);min-height:44px;padding:6px;display:flex;flex-direction:column;gap:4px}.room-empty-hint{font-size:11px;color:var(--ink-dim);font-style:italic;padding:6px 2px}.room-selected-row{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 6px}.room-selected-name{font-size:11.5px;color:var(--ink)}.room-selected-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.room-qty-btn{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:4px;background:var(--paper-dim);color:var(--ink-dim);cursor:pointer;padding:0;flex-shrink:0}.room-qty-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.room-qty-btn:disabled{opacity:.4;cursor:not-allowed}.room-qty-value{min-width:16px;text-align:center;font-size:11.5px;font-weight:600;color:var(--ink)}.room-search-wrap{position:relative}.room-search-input{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:6px;padding:5px 8px;color:var(--ink-dim);background:#fff}.room-search-input input{flex:1;border:none;font-size:11.5px;color:var(--ink)}.room-search-results{position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:5;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 16px #2e2e2426;max-height:220px;overflow-y:auto}.room-search-results button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:none;background:none;text-align:left;padding:7px 10px;font-size:11.5px;color:var(--ink);cursor:pointer}.room-search-results button:hover{background:var(--paper-dim)}.room-search-category{font-size:9px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.room-category-row{display:flex;flex-wrap:wrap;gap:6px}.room-category-btn-wrap{position:relative}.room-category-btn{border:1px solid var(--line);background:var(--paper-dim);color:var(--ink-dim);border-radius:6px;padding:5px 9px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;cursor:pointer}.room-category-btn.active,.room-category-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}.room-category-btn-wrap select{position:absolute;top:calc(100% + 4px);left:0;z-index:5;min-width:180px;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:11.5px;background:#fff;box-shadow:0 4px 16px #2e2e2426}.room-custom-add{display:flex;gap:6px;align-items:center}.room-custom-add input{flex:1;border:1px solid var(--line);border-radius:6px;padding:5px 7px;font-size:11px}.month-year-row{display:flex;gap:6px}.month-year-row select{flex:1}.survey-save-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}.survey-save-notice{font-size:12px;color:var(--green);font-weight:600}.survey-save-btn{border:1px solid var(--green);background:var(--green-soft);color:var(--green);border-radius:8px;padding:9px 18px;font-size:12.5px;font-weight:700;cursor:pointer}.survey-save-btn:hover{filter:brightness(.96)}.video-upload{display:flex;flex-direction:column;gap:6px}.video-preview{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.video-el{width:100%;max-width:320px;border-radius:8px;border:1px solid var(--line)}.video-mode-row{margin-bottom:4px}.video-link-form{display:flex;gap:6px;flex-wrap:wrap}.video-link-form input{flex:1;min-width:200px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12.5px}.submission-page{max-width:1240px;margin-left:auto;margin-right:auto}.submission-side .side-list-item{flex-direction:column;align-items:stretch;gap:3px}.submission-side .side-list-item>div:last-child{width:100%}.submission-side .ball-owner-badge.ball-owner-client{background:none;color:var(--ink-dim);padding-right:0;font-weight:500}.client-live-docs{background:var(--paper-dim);border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:8px}.client-live-docs-project{display:flex;align-items:baseline;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--line)}.client-live-docs-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.client-live-docs-title{font-size:16px;color:var(--ink);font-weight:700}.client-live-docs-section{padding-top:10px;margin-top:10px;border-top:1px solid var(--line)}.client-live-docs-section:first-of-type{padding-top:0;margin-top:0;border-top:none}.client-live-docs-section-label{font-size:11px;font-weight:700;color:var(--ink);margin-bottom:6px}.client-live-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.client-live-doc-card{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.client-live-doc-card-head{display:flex;align-items:center;gap:6px}.client-live-doc-main{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;min-width:0}a.client-live-doc-main:hover .doc-name{text-decoration:underline}.client-live-doc-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:2px}.client-live-doc-withdraw{display:inline-flex;align-items:center;gap:3px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:10.5px;color:var(--ink-dim);padding:2px 4px;border-radius:4px}.client-live-doc-withdraw:hover{color:var(--red);background:var(--red-soft)}.doc-slot-pick{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--ink-dim);cursor:pointer;flex-shrink:0;white-space:nowrap}.doc-slot-pick input{margin:0;accent-color:var(--ink);cursor:pointer}.doc-slot.is-selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.doc-slot.is-selected .doc-slot-pick{color:var(--ink)}.send-select-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--ink-dim);margin:2px 0 10px}.doc-slot.is-withdrawn{opacity:.6}.client-live-doc-card-head .doc-name{font-size:12px}.client-live-doc-card .doc-meta{font-size:10.5px}.client-live-doc-card .status-badge{align-self:flex-start}.client-live-doc-file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-live-doc-card{transition:border-color .15s ease}.client-live-doc-card:hover{border-color:var(--ink-dim)}.section-heading-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.empty-state-box{background:#fff;border:1px dashed var(--line);border-radius:10px;padding:22px;text-align:center}.empty-state-title{font-weight:600;font-size:13px;color:var(--ink);margin-bottom:4px}.client-sub-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:12px}.client-sub-card.is-final{border-color:var(--green)}.client-sub-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.client-sub-title{font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.client-sub-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.rev-tag{font-size:10px;color:var(--ink-dim);background:var(--paper-dim);padding:1px 6px;border-radius:4px;font-weight:400}.final-badge{display:inline-flex;align-items:center;gap:3px;background:var(--green-soft);color:var(--green);font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:4px}.final-badge.small{font-size:8.5px;padding:1px 5px}.current-tag{font-size:9px;color:var(--blue);font-weight:600;margin-left:4px}.status-badge{font-size:10.5px;font-weight:600;padding:4px 9px;border-radius:6px;white-space:nowrap}.status-badge.small{font-size:9.5px;padding:2px 7px}.status-badge.tone-neutral{background:var(--paper-dim);color:var(--ink-dim)}.status-badge.tone-blue{background:var(--blue-soft);color:var(--blue)}.status-badge.tone-amber{background:#fbf0de;color:var(--amber)}.status-badge.tone-green{background:var(--green-soft);color:var(--green)}.ball-owner-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap;border:none;cursor:pointer;font-family:inherit;line-height:1.4}span.ball-owner-badge{cursor:default}.ball-owner-internal{background:#fbf0de;color:var(--amber)}.ball-owner-client{background:var(--blue-soft);color:var(--blue)}.mobile-card-ball-owner{margin-top:4px}.card .ball-owner-badge.ball-owner-client{background:none;color:var(--ink-dim);padding-left:0;font-weight:500}.card .ball-owner-badge.ball-owner-client:hover{color:var(--ink)}.status-badge.tone-red{background:var(--red-soft);color:var(--red)}.client-feedback-box{display:flex;gap:6px;align-items:flex-start;background:var(--red-soft);color:var(--red);border-radius:8px;padding:9px 11px;font-size:11.5px;margin-bottom:10px}.revision-image-thumbs{display:flex;flex-wrap:wrap;gap:6px}.revision-image-thumb{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--line);cursor:pointer;display:block}.revision-image-thumb.large{width:120px;height:120px}.revision-image-thumb-wrap{position:relative}.revision-image-thumb-remove{position:absolute;top:-5px;right:-5px;border:none;background:var(--ink);color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.revision-image-add-btn{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:6px;color:var(--ink-dim);cursor:pointer;background:var(--paper-dim)}.revision-image-add-btn:hover{border-color:var(--blue);color:var(--blue)}.doc-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin-bottom:10px}.doc-slot{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:var(--paper-dim);transition:border-color .15s ease,background-color .15s ease}.doc-slot.filled{background:#fff;border-color:var(--green)}.doc-slot-clickable{cursor:pointer}.doc-slot-clickable:hover{border-color:var(--red);background:var(--red-soft)}.doc-slot-clickable:focus-visible{outline:2px solid var(--red);outline-offset:1px}.doc-slot-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.doc-slot-num{font-size:10px;color:var(--ink-dim);border:1px solid var(--line);border-radius:4px;padding:0 4px;flex-shrink:0}.doc-slot-label{font-size:12px;font-weight:600;flex:1;min-width:0;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-slot-head .status-badge{white-space:nowrap;flex-shrink:0;margin-left:auto}.doc-slot-file{display:flex;align-items:center;gap:6px}.doc-slot-file-meta{flex:1;min-width:0}.doc-slot-file-meta .doc-name,.doc-slot-file-meta .doc-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-slot-file-meta .doc-name{font-size:11.5px;display:block}.doc-slot-file-meta .doc-meta{font-size:10.5px}.doc-slot-manual{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:10.5px;color:var(--ink-dim)}.doc-slot-manual .toggle-btn{padding:2px 9px;font-size:10.5px}.doc-slot-upload{display:flex;align-items:center;justify-content:center;gap:5px;border:1px dashed var(--line);background:#fff;color:var(--ink-dim);border-radius:6px;padding:7px;font-size:10.5px;cursor:pointer;text-align:center;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.doc-slot-upload:hover{border-color:var(--blue);color:var(--blue)}.doc-slot-upload.drag-over{border-color:var(--blue);color:var(--blue);background:var(--blue-soft);border-style:solid}.doc-slot-upload.disabled{cursor:not-allowed;opacity:.6}.doc-slot-upload.disabled:hover{border-color:var(--line);color:var(--ink-dim)}.doc-slot-missing{font-size:10.5px;color:var(--ink-dim);font-style:italic;padding:4px 0}.doc-slot-file-meta a.doc-name{color:var(--ink);text-decoration:none}.doc-slot-file-meta a.doc-name:hover{text-decoration:underline}.doc-slot-link-form{display:flex;flex-direction:column;gap:5px}.doc-slot-add{border-style:dashed}.doc-slot-add .doc-slot-link-input{width:100%;box-sizing:border-box}.doc-slot-link-input{border:1px dashed var(--line);background:#fff;border-radius:6px;padding:6px 8px;font-size:10.5px;color:var(--ink)}.doc-slot-link-input:focus{outline:none;border-color:var(--blue)}.doc-slot-link-form .toggle-btn{justify-content:center}.approved-info{display:flex;align-items:flex-start;gap:5px;font-size:11.5px;color:var(--green)}.approved-info>svg{flex-shrink:0;margin-top:2px}.ai-check-panel{margin-top:10px;border-radius:8px;padding:10px 12px;font-size:11.5px}.ai-check-panel.ok{background:var(--green-soft);color:var(--green)}.ai-check-panel.warn{background:var(--red-soft);color:var(--red)}.ai-check-title{font-weight:700;display:flex;align-items:center;gap:5px;margin-bottom:6px}.ai-check-row{padding:1px 0;color:var(--ink)}.ai-check-warn{display:flex;gap:5px;align-items:flex-start;margin-top:5px;color:var(--amber)}.verdict-form{margin-top:10px;background:var(--paper-dim);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.verdict-form label{font-size:10.5px;color:var(--ink-dim);font-weight:500}.verdict-form input,.verdict-form textarea{border:1px solid var(--line);border-radius:6px;padding:7px 9px;font-size:12px}.verdict-form textarea{min-height:60px;resize:vertical}.verdict-form-actions{display:flex;gap:8px}.verdict-form-actions button{flex:1;border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px;font-size:11.5px;cursor:pointer}.verdict-form-actions button.verdict-confirm.approve{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}.verdict-form-actions button.verdict-confirm.revision{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}.history-block{margin-top:6px}.history-block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 11px;margin-bottom:6px;cursor:pointer;gap:10px}.history-row:hover{border-color:var(--blue)}.history-row.open{border-color:var(--blue);background:var(--blue-soft)}.history-row-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.history-detail{margin:-2px 0 10px;padding-left:4px;border-left:2px solid var(--blue-soft)}button.history-row{font:inherit;text-align:left}.portal-card .history-row{background:var(--paper-dim)}.portal-type-section{margin:16px 0 0;padding:14px 16px 16px;background:var(--paper-dim);border:1px solid var(--line);border-radius:10px}.portal-type-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:4px}.portal-type-label{font-size:13.5px;font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.03em}.portal-type-label.muted{color:var(--ink-dim);font-weight:600}.activity-log{margin-top:4px}.portal-page{min-height:100vh;display:flex;justify-content:center;padding:32px 16px}.portal-loading{align-items:center;color:var(--ink-dim)}.portal-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;width:100%;max-width:560px;height:fit-content}.portal-brand{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-dim);margin-bottom:4px}.portal-title{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:2px}.portal-submission-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:16px 0 12px;padding-top:16px;border-top:1px solid var(--line)}.portal-doc-list{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.portal-doc-row{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink-dim);background:#fff}.portal-doc-row>svg{flex-shrink:0;margin-top:2px}.portal-doc-row a.doc-file-link{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);text-decoration:underline;text-underline-offset:2px}.portal-doc-row .doc-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-doc-row a.doc-file-link:hover{color:var(--blue)}@media (max-width: 768px){:root{--m-paper: #F5EFE6;--m-col: #EDE7DC;--m-card: #FFFFFF;--m-ink: #221F1B;--m-ink2: #6E685D;--m-line: #E3DCCE;--m-dark: #1F1D1A;--m-warn: #B8791F;--m-danger: #B0453A;--m-ok: #3D5A45}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums}button,input,select,textarea{font-family:inherit}.dashboard-page{padding:12px}.nav-bar,.toolbar{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 8px;border-bottom:1px solid var(--m-line);background:var(--header-bg);position:sticky;top:0;z-index:20}.mobile-brand{display:flex;align-items:center;gap:8px;min-width:0}.mobile-brand-mark{width:30px;height:30px;object-fit:contain;flex:none}.mobile-brand-name{display:flex;flex-direction:column;min-width:0}.mobile-brand-name strong{font-size:13.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;color:var(--header-ink)}.mobile-brand-name span{font-size:9.5px;font-weight:700;color:var(--header-ink-dim);white-space:nowrap}.mobile-nav-icons{display:flex;align-items:center;gap:0;flex:none}.mobile-nav-btn{position:relative;width:33px;height:36px;border-radius:9px;flex:none;display:grid;place-items:center;background:none;border:none;color:var(--header-ink-dim)}.mobile-nav-btn.on{color:var(--header-ink)}.mobile-nav-btn:focus-visible{outline:2px solid var(--header-ink);outline-offset:1px}.mobile-nav-btn.alert,.mobile-nav-btn.alert.on{color:var(--m-warn)}.mobile-nav-badge{position:absolute;top:3px;right:2px;min-width:13px;height:13px;padding:0 3px;border-radius:7px;background:var(--m-danger);color:#fff;display:grid;place-items:center;font-size:7px;font-weight:500}.mobile-nav-sep{width:1px;height:14px;background:var(--m-line);margin:0 4px;flex:none;align-self:center}.mobile-more-wrap{position:relative;flex:none}.mobile-more-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;background:var(--m-card);border:1px solid var(--m-line);border-radius:12px;padding:6px;min-width:168px;box-shadow:0 10px 28px #1f1d1a29}.mobile-more-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 10px;border-radius:9px;font-size:13.5px;color:var(--m-ink);text-align:left}.mobile-more-item svg{color:var(--m-ink2);flex:none}.mobile-more-item.on{background:#f0eae0;font-weight:600}.mobile-more-item:active{background:#f0eae0}.mobile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:#f4ead8;border-bottom:1px solid #E8DCC4}.mobile-summary-cell{background:#fffcf6;border:1px solid #E8DCC4;border-radius:10px;padding:9px 10px;display:flex;flex-direction:column;gap:2px}.mobile-summary-cell b{font-size:18px;font-weight:700;color:var(--m-ink)}.mobile-summary-cell span{font-size:9.5px;color:var(--m-ink2);line-height:1.2}.mobile-summary-cell.warn b{color:var(--m-warn)}.page-two-col{flex-direction:column}.side-list{width:100%;max-height:160px}.side-form{padding:14px}.side-form-header{flex-direction:column;align-items:stretch}.header-btn-group{flex-wrap:wrap}.survey-grid{grid-template-columns:1fr}.tipe-survei-row{flex-direction:column}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.damage-entry{flex-wrap:wrap}.damage-entry-fields{min-width:160px}.room-checklist{grid-template-columns:1fr}.survey-field input,.survey-field select,.survey-field textarea,.damage-entry-fields input,.damage-entry-fields textarea{font-size:16px}.portal-page{padding:16px 12px}.portal-card{padding:16px}.client-sub-actions,.verdict-form-actions{gap:10px;flex-wrap:wrap}.client-sub-actions button,.client-sub-actions a{min-height:44px;flex:1 1 130px}.verdict-form-actions button{min-height:44px;flex:1 1 170px}.verdict-form input,.verdict-form textarea{font-size:16px}.stats-row{display:none}.toggle-btn,.submit-btn{min-height:44px}.search-box{min-height:44px;width:100%;box-sizing:border-box}.search-box input{font-size:16px;width:100%}.mobile-view-row{display:block;padding:12px 12px 10px;position:relative}.mobile-view-seg{display:inline-flex;gap:1px;padding:2px;background:#e8e1d4;border-radius:6px}.mobile-view-btn{width:30px;height:26px;border-radius:6px;background:none;border:none;color:#8b8272;display:grid;place-items:center}.mobile-view-btn.on{color:var(--m-dark);font-weight:600}.mobile-view-more-wrap{position:relative}.mobile-view-menu{left:0;right:auto;min-width:150px}.mobile-view-menu .mobile-more-item{min-height:42px;font-size:13px}.mobile-seek{display:flex;gap:8px;padding:0 12px 12px}.mobile-field{flex:1;display:flex;align-items:center;gap:7px;min-width:0;height:44px;padding:0 12px;background:var(--m-card);border:1px solid var(--m-line);border-radius:11px}.mobile-field-icon{color:var(--m-ink2);display:grid;place-items:center;flex:none}.mobile-field input{border:none;outline:none;background:none;width:100%;min-width:0;font-size:16px;color:var(--m-ink)}.mobile-field input::placeholder{color:#a29b8d}.mobile-filter-btn{position:relative;width:44px;height:44px;flex:none;background:var(--m-card);border:1px solid var(--m-line);border-radius:11px;display:grid;place-items:center;color:var(--m-ink)}.mobile-filter-dot{position:absolute;top:9px;right:9px;width:6px;height:6px;border-radius:50%;background:var(--m-danger)}.mobile-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e6b;z-index:60}.mobile-sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;background:var(--m-paper);border-radius:20px 20px 0 0;padding:9px 16px 18px;max-height:80vh;overflow-y:auto}.mobile-sheet-grab{width:38px;height:4px;border-radius:2px;background:#d6cdbc;margin:0 auto 12px}.mobile-sheet h4{font-size:15px;font-weight:700;margin-bottom:12px;color:var(--m-ink)}.mobile-sheet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-bottom:1px solid var(--m-line);font-size:13.5px;color:var(--m-ink)}.mobile-sheet-row select{border:1px solid var(--m-line);border-radius:9px;padding:9px 10px;font-size:16px;background:var(--m-card);color:var(--m-ink)}.mobile-sheet-row.sw input{width:20px;height:20px;accent-color:var(--m-dark)}.mobile-sheet-apply{width:100%;height:48px;margin-top:14px;border-radius:12px;background:var(--m-dark);color:#f0e9dc;font-size:14px;font-weight:600}.board-column-no{display:none}.mobile-board-plinth{background:var(--m-col);border-top:1px solid #E0D8C8;border-radius:16px 16px 0 0}.mobile-pillwrap{position:relative}.mobile-scroll-bar{position:relative;height:3px;margin:10px 12px 0;background:#dfd8c9;border-radius:2px}.mobile-scroll-bar i{position:absolute;top:0;bottom:0;background:#9c927e;border-radius:2px;transition:left .12s linear,width .12s linear}.board-stage-pills{display:flex;gap:8px;padding:9px 12px 10px;scroll-padding-inline:12px;overflow-x:auto;scrollbar-width:none}.board-stage-pills::-webkit-scrollbar{display:none}.board-stage-pill{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;height:42px;padding:0 14px;border-radius:12px;background:#f7f2e9;border:1px solid #E0D8C8;color:var(--m-ink);font-size:14px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;cursor:pointer}.board-stage-pill.active{background:var(--m-dark);border-color:var(--m-dark);color:#f0e9dc}.board-stage-pill-count{min-width:21px;height:21px;padding:0 6px;border-radius:11px;background:#e7e0d2;color:var(--m-ink2);display:grid;place-items:center;font-size:11px;font-weight:500}.board-stage-pill.active .board-stage-pill-count{background:#f0e9dc2e;color:#f0e9dc}.board{scroll-snap-type:x mandatory}.board-column{width:calc(100vw - 40px);min-width:calc(100vw - 40px);scroll-snap-align:start;padding:10px 10px 92px}.card-desktop-body{display:none}.card-mobile-body{display:block}.mobile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.mobile-card-title-group{min-width:0;flex:1}.mobile-card-name{font-size:18px;font-weight:700;letter-spacing:-.015em;line-height:1.15;margin:0 0 4px;color:var(--m-ink)}.mobile-card-client{font-size:12.5px;font-weight:500;line-height:1.2;margin:0 0 4px;color:var(--m-ink2)}.mobile-card-value{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0;color:var(--m-ink)}.mobile-card-top-right{display:flex;align-items:center;gap:4px;flex:none}.mobile-card-loc{display:flex;align-items:flex-start;gap:5px;font-size:12.5px;color:var(--m-ink2);line-height:1.45;margin:0 0 12px}.mobile-card-loc-icon{color:var(--m-danger);flex:none;margin-top:2px}.mobile-card-chips{display:flex;flex-wrap:wrap;gap:6px}.mobile-card-chip{padding:4px 10px;border-radius:12px;background:#f0eae0;font-size:11px;color:var(--m-ink2)}.mobile-card-chip.mute{background:none;border:1px solid var(--m-line);font-size:9.5px;letter-spacing:.06em;color:#a69c88}.mobile-card-progress{margin-top:12px}.mobile-card-progress span{display:block;margin-top:6px;font-size:10.5px;color:var(--m-ink2)}.mobile-card-foot{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--m-line)}.mobile-card-foot-spacer{flex:1}.card-stage-btns{gap:12px}.advance-btn{width:44px;height:44px;background:none;border:none;color:#b3a894}.advance-btn:not(.retreat-btn){color:#8c8371}.reorder-btns{gap:4px}.reorder-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.mobile-fab{display:grid;place-items:center;position:fixed;right:16px;bottom:20px;width:56px;height:56px;border-radius:50%;background:var(--m-dark);color:#f0e9dc;box-shadow:0 6px 18px #00000047;z-index:30}.mobile-fab:active{transform:scale(.95)}}@media print{.no-print,.toolbar,.stats-row,.nav-bar,.side-list{display:none!important}}.asistensi-room{max-width:1180px}.asistensi-back-link{background:none;border:none;color:var(--ink-dim);font-size:13px;cursor:pointer;padding:0;margin-bottom:14px;display:inline-flex;align-items:center;gap:6px}.asistensi-back-link:hover{color:var(--ink)}.asistensi-room-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;flex-wrap:wrap}.asistensi-room-header-top{display:flex;align-items:center;gap:10px;margin-bottom:5px}.asistensi-room-title{font-size:21px;font-weight:700;color:var(--ink);margin:0;line-height:1.25}.asistensi-room-actions{display:flex;gap:8px;flex-wrap:wrap}.asistensi-status-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:3px;white-space:nowrap}.asistensi-status-badge.tone-neutral{background:var(--paper-dim);color:var(--ink-dim)}.asistensi-status-badge.tone-amber{background:#fbebd2;color:var(--amber)}.asistensi-status-badge.tone-red{background:var(--red-soft);color:var(--red)}.asistensi-status-badge.tone-green{background:var(--green-soft);color:var(--green)}.asistensi-stage-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:16px;gap:4px}.asistensi-stage-tab{padding:9px 18px 11px;font-size:13.5px;font-weight:500;color:var(--ink-dim);border-bottom:2px solid transparent}.asistensi-stage-tab.active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.asistensi-stage-tab.locked{color:var(--ink-dim);display:flex;align-items:center;gap:5px;cursor:not-allowed}.asistensi-stage-tab-sub{font-size:10.5px;color:var(--ink-dim);font-weight:400;margin-top:2px}.asistensi-batch-bar-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-height:96px;overflow-y:auto}.asistensi-batch-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.asistensi-batch-bar .toggle-btn{padding:4px 10px;min-height:30px;box-sizing:border-box}.asistensi-batch-bar-label{font-size:10.5px;color:var(--ink-dim);letter-spacing:.04em;margin-right:2px}.asistensi-batch-creator-info{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--ink-dim)}.asistensi-batch-pill{background:#fff;color:var(--ink-dim);border:1px solid var(--line);border-radius:3px;padding:3px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.asistensi-batch-pill.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.asistensi-batch-pill-main{background:transparent;color:inherit;border:none;cursor:pointer;padding:3px 6px;font:inherit;display:inline-flex;align-items:center;gap:5px}.asistensi-batch-pill-count{opacity:.7;font-weight:400}.asistensi-batch-pill-action{background:transparent;color:inherit;opacity:.65;border:none;border-radius:3px;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center}.asistensi-batch-pill-action:hover{opacity:1;background:#00000014}.asistensi-batch-pill.on .asistensi-batch-pill-action:hover{background:#ffffff29}.asistensi-batch-pill-action.danger:hover{color:var(--red);background:var(--red-soft)}.asistensi-batch-pill-edit{display:inline-flex;align-items:center;gap:3px;background:#fff;border:1px solid var(--ink);border-radius:3px;padding:3px}.asistensi-batch-pill-input{border:none;outline:none;font-size:12px;font-weight:600;color:var(--ink);padding:3px 6px;width:150px;background:transparent}.asistensi-batch-pill-edit .icon-btn{width:24px;height:24px}.asistensi-locked-note{font-size:12.5px;color:var(--ink-dim);background:var(--paper-dim);border:1px solid var(--line);padding:8px 12px;border-radius:3px;margin-bottom:12px}.asistensi-busy-note{font-size:12px;color:var(--ink-dim);margin-bottom:8px}.asistensi-upload-feedback{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.4;border-radius:4px;padding:8px 9px;margin-bottom:10px}.asistensi-upload-feedback span{flex:1}.asistensi-upload-feedback button{flex-shrink:0;background:none;border:none;cursor:pointer;color:inherit;opacity:.7;padding:1px}.asistensi-upload-feedback button:hover{opacity:1}.asistensi-upload-feedback.success{background:var(--green-soft);color:var(--green)}.asistensi-upload-feedback.error{background:var(--red-soft);color:var(--red)}.asistensi-summary-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px}.asistensi-summary-stats{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0 20px;padding:14px;background:var(--paper-dim);border-radius:4px}.asistensi-summary-stat{display:flex;align-items:center;gap:6px;color:var(--ink-dim)}.asistensi-summary-stat-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;margin-right:2px}.asistensi-summary-stat-value{font-size:13px;font-weight:600;color:var(--ink)}.asistensi-summary-open-btn{width:100%}.asistensi-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.asistensi-notes-body{max-height:none;min-height:0;overflow-y:visible}.asistensi-canvas-col{min-width:0}.asistensi-empty-select{padding:40px;text-align:center;color:var(--ink-dim);font-size:13.5px;border:1px dashed var(--line);border-radius:4px}.asistensi-kanvas-frame{background:#fff;position:relative;max-width:100%;overflow:hidden}.asistensi-kanvas-scroll{width:100%;height:100%;position:relative;display:flex;background-color:#fff}.asistensi-kanvas-svg{display:block}.asistensi-canvas-watermark-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;opacity:.06}.asistensi-canvas-watermark-center img{width:120px;height:auto;display:block}.asistensi-canvas-watermark-corner{position:absolute;bottom:8px;z-index:1;pointer-events:none;font-size:10.5px;font-weight:600;color:var(--ink);opacity:.3;letter-spacing:.01em}.asistensi-canvas-watermark-corner.left{left:10px}.asistensi-canvas-watermark-corner.right{right:10px}.asistensi-zoom-control{position:absolute;top:8px;right:8px;z-index:2;display:flex;flex-direction:column;gap:3px;background:#fffdf9f0;border:1px solid var(--line);border-radius:4px;padding:4px;box-shadow:0 2px 6px #0000001f}.asistensi-zoom-row{display:flex;align-items:center;gap:2px}.asistensi-zoom-step{width:22px;height:22px;border-radius:3px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.asistensi-zoom-step:disabled{opacity:.4;cursor:not-allowed}.asistensi-zoom-pct{flex:1;text-align:center;font-size:11px;font-weight:600;color:var(--ink);min-width:34px}.asistensi-zoom-preset{flex:1;padding:3px 5px;font-size:9.5px;border-radius:3px;border:1px solid var(--line);background:#fff;color:var(--ink-dim);cursor:pointer;white-space:nowrap}.asistensi-zoom-preset:hover{color:var(--ink);border-color:var(--ink-dim)}.asistensi-toolbar{background:var(--paper-dim);border:1px solid var(--line);border-radius:4px;padding:10px;margin-bottom:10px}.asistensi-toolbar-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.asistensi-toolbar-row>*{flex-shrink:0}.asistensi-mode-group{display:flex;gap:2px;background:#fff;border:1px solid var(--line);border-radius:4px;padding:2px}.asistensi-mode-btn{display:flex;align-items:center;gap:5px;background:transparent;color:var(--ink-dim);border:none;border-radius:3px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer}.asistensi-mode-btn.on{background:var(--ink);color:var(--paper)}.asistensi-mode-btn:disabled{opacity:.45;cursor:not-allowed}.asistensi-mode-description{font-size:10.5px;color:var(--ink-dim);margin-top:6px}.asistensi-toolbar-row-sub{padding-top:8px;margin-top:8px;border-top:1px solid var(--line)}.asistensi-tool-group{display:flex;gap:4px;flex-wrap:nowrap;align-items:center}.asistensi-tool-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;color:var(--ink-dim);border:1px solid var(--line);border-radius:3px;padding:5px 11px;font-size:12px;cursor:pointer}.asistensi-tool-btn.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.asistensi-tool-btn:disabled{opacity:.45;cursor:not-allowed}.asistensi-tool-more{padding:5px 9px;font-weight:700;letter-spacing:.05em}.asistensi-toolbar-label{font-size:10.5px;color:var(--ink-dim)}.asistensi-toolbar-divider{width:1px;height:20px;background:var(--line)}.asistensi-color-picker{position:relative}.asistensi-color-current{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0;display:block}.asistensi-color-current:disabled{opacity:.4;cursor:not-allowed}.asistensi-color-popover{position:absolute;bottom:calc(100% + 6px);left:0;z-index:3;background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px;display:flex;gap:5px;flex-wrap:wrap;width:132px;box-shadow:0 4px 12px #2e2e2429}.asistensi-color-swatch{width:21px;height:21px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.asistensi-color-swatch.on{border-color:var(--ink);outline:1px solid var(--line)}.asistensi-color-swatch:disabled{opacity:.4;cursor:not-allowed}.asistensi-width-row{display:flex;gap:6px}.asistensi-width-swatch{width:26px;height:22px;background:transparent;border:1px solid var(--line);border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center}.asistensi-width-swatch.on{background:var(--paper);border-color:var(--ink)}.asistensi-width-swatch:disabled{opacity:.4;cursor:not-allowed}.asistensi-width-swatch span{display:block;width:15px;background:var(--ink);border-radius:4px}.asistensi-notes-panel{background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;min-width:0}.asistensi-notes-header{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink)}.asistensi-notes-count{font-size:11px;color:var(--ink-dim);font-weight:500}.asistensi-notes-body{max-height:calc(100vh - 260px);min-height:380px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.asistensi-notes-empty{font-size:13px;color:var(--ink-dim);line-height:1.55;padding:6px}.asistensi-thread{border:1px solid var(--line);border-left:3px solid var(--line);border-radius:4px;background:#fff;overflow:hidden;flex-shrink:0;transition:box-shadow .3s,border-color .3s}.asistensi-thread.selesai{background:var(--paper-dim);opacity:.72}.asistensi-thread-umum{border-style:dashed}.asistensi-thread-head{display:flex;align-items:center;gap:8px;padding:8px 10px;flex-wrap:wrap}.asistensi-thread-badge{color:#fff;width:19px;height:19px;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.asistensi-thread-title{font-size:12px;font-weight:600;color:var(--ink);flex:1}.asistensi-thread-done{color:var(--green);font-weight:500;margin-left:6px}.asistensi-thread-toggle{font-size:10.5px;padding:3px 8px;border-radius:3px;border:1px solid var(--green);background:transparent;color:var(--green);cursor:pointer;white-space:nowrap}.asistensi-thread-delete{display:flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:3px;border:1px solid var(--red-soft);background:transparent;color:var(--red);cursor:pointer;flex-shrink:0}.asistensi-thread-delete:hover{background:var(--red-soft)}.asistensi-thread-messages{padding:9px 10px;display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--line)}.asistensi-comment-head{display:flex;align-items:center;gap:6px;margin-bottom:2px;flex-wrap:wrap}.asistensi-comment-author{font-size:12px;font-weight:600;color:var(--ink)}.asistensi-comment-time{font-size:10.5px;color:var(--ink-dim)}.asistensi-role-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:999px;flex-shrink:0}.asistensi-role-tag.hod{background:var(--blue-soft);color:var(--blue)}.asistensi-role-tag.staff{background:var(--paper-dim);color:var(--ink-dim)}.asistensi-comment-body{font-size:12.5px;color:var(--ink-dim);line-height:1.5;white-space:pre-wrap;word-break:break-word}.asistensi-comment-actions{display:flex;gap:2px;margin-left:auto;flex-shrink:0}.asistensi-comment-actions .icon-btn{width:22px;height:22px;min-width:0}.asistensi-comment-editing{display:flex;flex-direction:column;gap:6px}.asistensi-comment-edit-textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:3px;padding:6px 7px;font-size:12.5px;font-family:inherit;color:var(--ink);background:#fff;resize:vertical}.asistensi-comment-edit-actions{display:flex;gap:6px;justify-content:flex-end}.asistensi-comment-edit-actions button.small{padding:4px 10px;font-size:11px}.asistensi-reply-box{padding:10px;display:flex;gap:6px;align-items:flex-end;border-top:1px solid var(--line)}.asistensi-reply-textarea{flex:1;min-width:0;min-height:52px;max-height:140px;border:1px solid var(--line);border-radius:3px;padding:7px;font-size:12.5px;font-family:inherit;resize:vertical;color:var(--ink);background:#fff}.asistensi-reply-send{flex-shrink:0;width:36px;height:36px;border-radius:3px;border:1px solid var(--line);background:#fff;color:var(--ink-dim);cursor:pointer;display:flex;align-items:center;justify-content:center}.asistensi-reply-send:not(:disabled){background:var(--ink);color:var(--paper);border-color:var(--ink)}.asistensi-reply-send:disabled{cursor:not-allowed;opacity:.5}.asistensi-confirm-box{padding:22px}.asistensi-confirm-box:has(.asistensi-deleted-list){width:480px;max-width:90vw}.asistensi-deleted-list{display:flex;flex-direction:column;gap:10px;max-height:50vh;overflow-y:auto;margin-bottom:16px}.asistensi-deleted-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:6px}.asistensi-deleted-row .doc-meta{margin-top:2px}.asistensi-fs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--paper);display:flex;flex-direction:column}.asistensi-fs-header{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}.asistensi-fs-header-main{min-width:0;justify-self:start}.asistensi-fs-header-center{justify-self:center;min-width:0;max-width:100%}.asistensi-fs-header-project{font-size:11px;color:var(--ink-dim)}.asistensi-fs-header-task{font-size:15px;font-weight:700;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:1px}.asistensi-fs-progress{font-size:12px;color:var(--ink-dim);white-space:nowrap}.asistensi-fs-header-actions{display:flex;align-items:center;gap:8px;justify-self:end}.asistensi-fs-body{display:flex;flex:1;min-height:0;position:relative}.asistensi-fs-body-hasil{flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow:auto}.asistensi-hasil-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--ink-dim);padding:40px;text-align:center}.asistensi-hasil-review{display:flex;flex-direction:column;gap:14px;width:100%;height:100%;max-width:900px}.asistensi-hasil-preview{flex:1;min-height:0;border:1px solid var(--line);border-radius:4px;background:#fff;overflow:hidden}.asistensi-hasil-iframe{width:100%;height:100%;min-height:480px;border:none}.asistensi-hasil-empty .doc-slot-link-form{width:100%;max-width:340px}.asistensi-hasil-link-preview{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;min-height:200px;color:var(--blue);font-weight:600;font-size:14px}.asistensi-hasil-actions{display:flex;justify-content:flex-end;gap:10px}.asistensi-hasil-acc-note{display:flex;align-items:center;gap:8px;background:var(--green-soft);color:var(--green);font-size:12.5px;font-weight:500;padding:10px 12px;border-radius:4px}.asistensi-hasil-acc-note.warn{background:#fbebd2;color:var(--amber);flex-wrap:wrap}.asistensi-hasil-acc-note.warn span{flex:1;min-width:200px}.asistensi-fs-sidebar-left,.asistensi-fs-sidebar-right{flex-shrink:0;min-width:0;overflow:hidden;background:#fff;transition:width .15s ease}.asistensi-fs-sidebar-left{width:0;border-right:1px solid var(--line)}.asistensi-fs-sidebar-left.open{width:200px}.asistensi-fs-sidebar-right{width:0;border-left:1px solid var(--line)}.asistensi-fs-sidebar-right.open{width:320px}.asistensi-fs-sidebar-left-inner{width:200px;height:100%;overflow-y:auto;padding:12px;box-sizing:border-box}.asistensi-fs-sidebar-right .asistensi-notes-panel{height:100%;border:none;border-radius:0;display:flex;flex-direction:column}.asistensi-fs-sidebar-right .asistensi-notes-body{flex:1;max-height:none;min-height:0;overflow-y:auto}.asistensi-fs-sidebar-toggle{position:absolute;top:12px;z-index:2;width:26px;height:26px;border-radius:4px;border:1px solid var(--line);background:#fff;color:var(--ink-dim);cursor:pointer;display:flex;align-items:center;justify-content:center}.asistensi-fs-sidebar-toggle.left{left:8px}.asistensi-fs-sidebar-toggle.right{right:8px}.asistensi-fs-sidebar-toggle:hover{color:var(--ink);border-color:var(--ink-dim)}.asistensi-page-sidebar-actions{display:flex;gap:6px;margin-bottom:10px}.asistensi-page-sidebar-actions .toggle-btn{flex:1;justify-content:center}.asistensi-clear-batch-btn{width:100%;justify-content:center;margin-bottom:10px}.asistensi-page-thumb-list{display:flex;flex-direction:column;gap:10px}.asistensi-page-thumb{cursor:pointer}.asistensi-page-thumb-img{position:relative;width:100%;background:var(--paper-dim);border:2px solid var(--line);border-radius:3px;overflow:hidden}.asistensi-page-thumb.on .asistensi-page-thumb-img{border-color:var(--ink)}.asistensi-page-thumb-img img{width:100%;height:100%;object-fit:contain;display:block}.asistensi-page-thumb-badge{position:absolute;top:4px;right:4px;background:var(--ink);color:var(--paper);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 3px}.asistensi-page-thumb-badge.done{background:var(--green)}.asistensi-page-thumb-pdf{position:absolute;bottom:4px;left:4px;background:#2e2e24b8;color:#fff;font-size:9px;padding:1px 5px;border-radius:2px}.asistensi-page-thumb-delete{position:absolute;bottom:4px;right:4px;width:20px;height:20px;border-radius:3px;background:#2e2e24b8;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.asistensi-page-thumb-label{font-size:11px;color:var(--ink-dim);margin-top:4px;text-align:center}.asistensi-page-thumb.on .asistensi-page-thumb-label{color:var(--ink);font-weight:600}.asistensi-page-thumb-video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper)}.asistensi-video-wrap{align-items:center;justify-content:center;padding:24px;background:var(--paper-dim)}.asistensi-video-player{max-width:100%;max-height:100%;margin:auto;background:#000;border-radius:4px}.asistensi-fs-canvas-area{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#fff}.asistensi-fs-canvas-nav{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}.asistensi-fs-canvas-wrap{flex:1;min-height:0;overflow:hidden;padding:0;box-sizing:border-box;display:flex}.asistensi-fs-canvas-wrap .asistensi-kanvas-frame{width:100%;height:100%}.asistensi-fs-toolbar-float{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:2;max-width:calc(100% - 32px);box-shadow:0 4px 16px #2e2e2424;border-radius:6px}.asistensi-fs-toolbar-float .asistensi-toolbar{margin:0;max-width:100%;overflow-x:auto}.asistensi-fs-canvas-row{flex:1;min-height:0;display:flex;overflow:hidden}.asistensi-fs-canvas-row .asistensi-fs-canvas-wrap{flex:1;min-width:0}.asistensi-fs-toolbar-side{flex-shrink:0;width:232px;overflow-y:auto;padding:16px 16px 16px 0;box-sizing:border-box}.asistensi-fs-toolbar-side .asistensi-toolbar{margin:0}.asistensi-fs-toolbar-side .asistensi-toolbar-row,.asistensi-fs-toolbar-side .asistensi-tool-group,.asistensi-fs-toolbar-side .asistensi-width-row{flex-wrap:wrap}.asistensi-fs-toolbar-side .asistensi-toolbar-row>*{flex-shrink:1}.asistensi-fs-toolbar-side .asistensi-toolbar-divider{display:none}.asistensi-fs-toolbar-side .asistensi-mode-group{flex-direction:column;width:100%}.asistensi-fs-toolbar-side .asistensi-mode-btn{width:100%;justify-content:flex-start}.asistensi-fs-toolbar-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:var(--paper-dim);color:var(--ink-dim);border:1px solid var(--line);border-radius:4px;padding:8px;font-size:11.5px;font-weight:600;cursor:pointer}.asistensi-fs-toolbar-toggle:hover{color:var(--ink)}.asistensi-fs-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e6b;z-index:1}.asistensi-nav-badge{background:var(--red);color:#fff;font-size:10px;font-weight:700;line-height:1;min-width:15px;height:15px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 3px}.mobile-more-item .asistensi-nav-badge{margin-left:auto}.asistensi-inbox-list{display:flex;flex-direction:column;gap:8px}.asistensi-inbox-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.asistensi-inbox-row:hover{border-color:var(--ink-dim);box-shadow:0 2px 8px #2e2e240f}.asistensi-inbox-row-main{min-width:0}.asistensi-inbox-project{font-size:12px;color:var(--ink-dim)}.asistensi-inbox-task{font-size:14px;font-weight:600;color:var(--ink);margin-top:2px;display:flex;align-items:center;gap:6px}.asistensi-page{max-width:1240px;margin-left:auto;margin-right:auto}.asistensi-section-head{margin-bottom:12px}.asistensi-section-head h2{font-size:16px;font-weight:700;color:var(--ink);margin:0}.asistensi-search-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.asistensi-section-head p{font-size:12px;color:var(--ink-dim);margin:2px 0 0}.asistensi-overview-list{display:flex;flex-direction:column;gap:12px}.asistensi-overview-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.asistensi-overview-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.asistensi-overview-title{display:flex;align-items:baseline;gap:10px;min-width:0}.asistensi-overview-name{font-size:15px;font-weight:700;color:var(--ink)}.asistensi-overview-code{font-size:11px;color:var(--ink-dim)}.asistensi-phase{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:start;padding:10px 0;border-top:1px solid var(--line)}.asistensi-phase-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);padding-top:8px}.asistensi-phase-label span{display:block;font-weight:500;text-transform:none;letter-spacing:0;margin-top:2px}.asistensi-steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px 8px}.asistensi-step{display:flex;flex-direction:column;gap:4px;min-width:0}.asistensi-task-status-bar{height:4px;border-radius:2px;background:var(--line)}.asistensi-task-status-bar.tone-neutral{background:var(--line)}.asistensi-task-status-bar.tone-red{background:var(--red)}.asistensi-task-status-bar.tone-green{background:var(--green)}.asistensi-step-name{display:flex;align-items:center;justify-content:space-between;gap:4px;border:none;background:none;padding:2px 0;font-family:inherit;text-align:left;font-size:12px;font-weight:500;color:var(--ink);cursor:pointer;min-width:0}.asistensi-step-name span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asistensi-step-name:hover span:first-child{text-decoration:underline}.asistensi-task-notif-dot{min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:var(--red);color:#fff;font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.asistensi-task-pic-label{font-size:11px;color:var(--ink-dim)}.asistensi-task-pic-select{font-size:11px;width:100%;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink-dim);padding:2px 0;margin-left:-2px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.asistensi-task-pic-select:hover{border-color:var(--line);background:#fff}.asistensi-task-pic-select:focus{outline:none;border-color:var(--blue)}@media (max-width: 768px){.asistensi-tool-btn,.asistensi-mode-btn,.asistensi-width-swatch,.asistensi-zoom-step,.asistensi-thread-toggle,.asistensi-reply-send,.asistensi-page-thumb-delete,.asistensi-fs-sidebar-toggle,.asistensi-fs-canvas-nav .icon-btn{min-height:34px;min-width:34px}.asistensi-zoom-preset{min-height:30px}.asistensi-color-swatch,.asistensi-color-current{width:34px;height:34px}.asistensi-notes-header{position:sticky;top:0;z-index:1;background:#fff}.asistensi-fs-sidebar-left.mobile,.asistensi-fs-sidebar-right.mobile{position:fixed;top:0;bottom:0;z-index:2;box-shadow:0 0 24px #14120e2e;transition:transform .2s ease}.asistensi-fs-sidebar-left.mobile{left:0;width:min(80vw,280px)}.asistensi-fs-sidebar-right.mobile{right:0;width:min(85vw,340px)}.asistensi-fs-sidebar-left-inner{width:min(80vw,280px)}.asistensi-fs-header{grid-template-columns:1fr;padding:8px 10px;gap:8px}.asistensi-fs-header-main,.asistensi-fs-header-center{justify-self:stretch}.asistensi-fs-header-actions{gap:6px;justify-self:stretch;justify-content:flex-end}.asistensi-fs-canvas-wrap{padding:0 0 90px}.asistensi-video-wrap{padding:12px 12px 90px}.asistensi-toolbar{padding:7px}.asistensi-mode-description{display:none}.asistensi-toolbar-row{gap:6px}.asistensi-toolbar-row-sub{padding-top:6px;margin-top:6px}.asistensi-zoom-control.mobile{padding:3px;gap:2px}.asistensi-zoom-control.mobile .asistensi-zoom-row{gap:1px}.asistensi-zoom-control.mobile .asistensi-zoom-pct{font-size:10px;min-width:26px}.asistensi-zoom-control.mobile .asistensi-zoom-preset{padding:2px 4px;font-size:9px}}