diff --git a/docs/mockup_cabinet.html b/docs/mockup_cabinet.html index dbc922a..695415a 100644 --- a/docs/mockup_cabinet.html +++ b/docs/mockup_cabinet.html @@ -137,6 +137,26 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text); .bdg-wait{background:#FEF9C3;color:#854D0E} .bdg-new{background:var(--subtle);color:#94a3b8;border:1px solid var(--border)} +/* Stage 3 — document detail panel */ +.dt-r{cursor:pointer} +.doc-panel{display:none;grid-column:1/-1;background:#FAFDFB;border-top:1px solid var(--border);padding:16px 18px;gap:16px} +.doc-panel.open{display:grid;grid-template-columns:200px 1fr} +.doc-thumb{border-radius:10px;background:var(--white);border:1.5px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;font-size:32px;aspect-ratio:1/.8} +.doc-thumb-name{font-size:10px;font-weight:600;color:var(--muted);text-align:center;word-break:break-word} +.doc-analysis{} +.doc-analysis-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:8px;display:flex;align-items:center;gap:6px} +.doc-finding{display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:1px solid #E9F5EF} +.doc-finding:last-of-type{border-bottom:none} +.df-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;flex-shrink:0;margin-top:1px} +.df-ok{background:var(--light);color:var(--primary)} +.df-warn{background:#FEF3C7;color:#92400E} +.df-info{background:#EFF6FF;color:#1E40AF} +.df-text{font-size:12px;color:#374151;line-height:1.45} +.doc-ask{display:flex;gap:7px;margin-top:10px} +.doc-ask-inp{flex:1;border:1.5px solid var(--border);border-radius:8px;padding:7px 11px;font-size:12px;font-family:'Inter',sans-serif;color:var(--text);background:var(--white);outline:none} +.doc-ask-inp:focus{border-color:var(--mid)} +.doc-ask-btn{padding:7px 12px;border-radius:8px;background:var(--primary);color:#fff;font-size:12px;font-weight:600;border:none;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap} + /* Stage 3 — upload zone */ .dt-upload-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1.5px dashed #CBD5E1;border-radius:7px;font-size:11px;font-weight:600;color:#9CA3AF;cursor:pointer;background:transparent;font-family:'Inter',sans-serif;transition:all .15s} .dt-upload-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--light)} @@ -791,24 +811,73 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text);