diff --git a/docs/mockup_cabinet.html b/docs/mockup_cabinet.html index 3a733d3..dbc922a 100644 --- a/docs/mockup_cabinet.html +++ b/docs/mockup_cabinet.html @@ -137,6 +137,25 @@ 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 — 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)} +.dt-upload-btn svg{flex-shrink:0} +.dt-file-info{display:flex;align-items:center;gap:6px} +.dt-file-link{font-size:11px;color:#3B82F6;cursor:pointer;font-weight:600} +.dt-file-size{font-size:10px;color:#9CA3AF} +.upload-drop{border:2px dashed #CBD5E1;border-radius:12px;padding:20px;text-align:center;background:var(--subtle);margin-bottom:14px;flex-shrink:0;transition:border-color .15s} +.upload-drop:hover{border-color:var(--mid);background:var(--light)} +.upload-drop-ic{font-size:28px;margin-bottom:6px} +.upload-drop-t{font-size:13px;font-weight:600;color:#374151;margin-bottom:3px} +.upload-drop-s{font-size:11px;color:#9CA3AF} +.upload-drop-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 16px;background:var(--white);border:1.5px solid var(--border);border-radius:8px;font-size:12px;font-weight:600;color:var(--primary);cursor:pointer;font-family:'Inter',sans-serif} +.elena-note{background:linear-gradient(135deg,rgba(4,120,87,.05),rgba(16,185,129,.03));border:1.5px solid rgba(4,120,87,.12);border-radius:12px;padding:14px 16px;display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;flex-shrink:0} +.elena-note-av{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0} +.elena-note-body{flex:1} +.elena-note-name{font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px} +.elena-note-text{font-size:13px;color:#374151;line-height:1.5} + /* Analysis */ .an-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px} .an-c{background:var(--white);border:1.5px solid var(--border);border-radius:12px;padding:16px} @@ -744,47 +763,104 @@ body{font-family:'Inter',sans-serif;background:var(--body-bg);color:var(--text);