.scene-stage.documents-stage{height:auto;min-height:315px;background:#183d32;color:#e1e8db;padding:18px 18px 10px}
.documents-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.documents-kicker{font-size:9px;letter-spacing:.13em;color:#718377}.documents-head h3{font-size:19px;font-weight:500;letter-spacing:-.035em;line-height:1.3;margin:4px 0 0}.documents-demo{border:1px solid #cbd8cd;border-radius:20px;font-size:10px;padding:3px 10px;color:#63776c}
.documents-visual{height:235px;background:#a4b5a0;border-radius:10px;position:relative;overflow:hidden}
.documents-stage .documents-photo,.documents-stage .documents-visual video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:brightness(.83) sepia(.13);mix-blend-mode:multiply}
.documents-photo[hidden],.documents-visual video[hidden],.documents-new[hidden],.documents-progress[hidden],.documents-palette[hidden]{display:none!important}
.documents-stage .documents-kicker,.documents-stage .documents-demo{color:#b5c9b8}
.documents-stage .documents-status{color:#c0d2c1!important}
.documents-stage .documents-category{background:#294f40;color:#d8e4d3;border-color:#537260}
.documents-stage .documents-counter,.documents-stage .documents-progress{color:#173d31;background:#c7d4c1ed}
.documents-counter{position:absolute;z-index:2;left:12px;top:12px;display:flex;flex-direction:column;line-height:1.2;padding:8px 10px;background:#f3f6f0ed;border:1px solid #dfe7dd;border-radius:9px}.documents-counter strong{font-size:22px;font-weight:500}.documents-counter span{font-size:9px;margin-top:4px}
.documents-counter small{font-size:8px;margin-top:6px;color:#718377}
.documents-new{position:absolute;z-index:3;right:20px;bottom:22px;width:105px;padding:13px 10px 20px;background:#fffef9;border:1px solid #d8d3bd;box-shadow:0 5px 0 -2px #f1eddb,0 7px 0 -2px #b8b39f,0 14px 24px #21332335;transform:rotate(7deg)}
.documents-new small{display:block;font-size:8px;color:#88753f}.documents-new strong{display:block;font-size:10px;margin:9px 0 4px;color:#223e32}.documents-new span{display:block;font-size:9px;color:#52695e}.documents-new i{display:block;height:2px;background:#d8dfd3;margin-top:8px}.documents-new i:last-of-type{width:60%}.documents-new b{position:absolute;right:-10px;top:-10px;border-radius:20px;background:var(--doc-c0);color:white;font-size:12px;font-weight:500;padding:5px 8px}
.documents-progress{position:absolute;bottom:10px;left:14px;right:14px;display:flex;align-items:center;gap:10px;background:#fffffff0;border-radius:8px;padding:5px 9px}.documents-progress progress{width:100%;height:3px;accent-color:#366a52}.documents-progress output{font-size:10px;min-width:4ch;font-variant-numeric:tabular-nums}
.documents-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.documents-category{display:grid;grid-template-columns:23px 1fr;align-items:center;gap:2px 7px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--category) 30%,transparent);border-radius:8px;background:color-mix(in srgb,var(--category) 7%,white);color:var(--category)}.documents-category svg{width:23px;grid-row:span 2}.documents-category span{font-size:10px;overflow-wrap:anywhere}.documents-category strong{font-size:16px;line-height:1.1;font-weight:500}
.documents-stage .documents-status{font-size:11px;line-height:1.5;min-height:33px;margin:10px 0 0;color:#576c60}.documents-status[data-result=verified]{color:#246842}.documents-status[data-result=issues]{color:#906522}
.documents-palette{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.documents-palette button{display:flex;gap:6px;align-items:center;border:1px solid #cbd8cd;border-radius:6px;background:white;color:#294b3a;padding:6px;cursor:pointer}.documents-palette button[aria-pressed=true]{outline:2px solid #607c68;outline-offset:1px}.documents-palette button span{display:flex;gap:2px}.documents-palette i{width:8px;height:12px;border-radius:3px}.documents-palette b{font-size:9px;font-weight:500}.documents-palette button:focus-visible{outline:2px solid #315e46;outline-offset:3px}
.scene-controls.documents-controls{gap:7px;padding:12px;min-height:0}.scene-controls.documents-controls button{font-size:11px;border-radius:6px;padding:9px 10px}.scene-controls.documents-controls button[data-document-action=sort]{background:#d3b477;color:#123c2c;border-color:#d3b477}.scene-controls.documents-controls button:disabled{opacity:.45;cursor:default}.scene-controls.documents-controls button[data-document-action=reset]{margin-left:auto;border-color:transparent}
@media(max-width:480px){.scene-stage.documents-stage{padding:12px 12px 8px}.documents-head h3{font-size:17px}.documents-visual{height:225px}.documents-category{padding:8px 6px;grid-template-columns:18px 1fr;gap:3px 4px}.documents-category svg{width:18px}.documents-category span{font-size:9px}.scene-controls.documents-controls{gap:6px}.scene-controls.documents-controls button{padding:8px;font-size:10px}.documents-new{right:13px;width:94px}}