:root{--paper:#F6F2EA;--ink:#1F2430;--slate:#667085;--cloud:#FCFBF8;--line:#E7E2D8;--sage:#A8B8A0;--blue:#7A93B8}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--paper)}body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #44638c;outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:22px;letter-spacing:-.6px}.shell{width:min(100%,670px);padding:28px 23px 60px;min-height:100vh;margin:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:52px}.brand{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display',Arial,sans-serif;font-size:38px;font-weight:700;letter-spacing:-2.4px;line-height:1.1}.icon-quiet{border:0;background:transparent;display:grid;place-items:center;width:44px;height:44px;border-radius:30px;font-size:23px}.heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-title{display:flex;align-items:center;gap:15px}.back-button{border:1px solid var(--line);border-radius:50%;height:42px;width:42px;background:var(--cloud);display:grid;place-items:center;font-size:24px}.count,.muted{color:var(--slate)}.count{font-size:13px}.search-bar{display:flex;gap:9px;margin-top:22px}.search-box{flex:1;display:flex;align-items:center;gap:11px;background:var(--cloud);border:1px solid var(--line);height:48px;padding:0 14px;border-radius:12px;color:var(--slate)}.search-box input{border:0;outline:none;background:transparent;font-size:16px;min-width:0;width:100%}.search-box input::placeholder{color:#9399a5}.add-button{background:var(--ink);color:#fff;border:0;border-radius:50%;height:48px;width:48px;display:grid;place-items:center;flex-shrink:0;font-size:27px}.folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.folder-tile{border:1px solid var(--line);background:var(--cloud);text-align:left;border-radius:13px;min-height:122px;padding:19px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.folder-tile .folder-icon{color:var(--slate);font-size:26px}.folder-tile strong{font-size:19px;font-weight:640;letter-spacing:-.5px}.folder-tile span:last-child{font-size:12px;color:var(--slate)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:24px}.thumbnail{padding:0;border:1px solid var(--line);background:var(--cloud);border-radius:11px;overflow:hidden;aspect-ratio:.83}.thumbnail img{width:100%;height:100%;display:block;object-fit:cover}.pdf-tile{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--slate);padding:12px}.pdf-tile strong{font-weight:600;font-size:13px;word-break:break-word}.footnote{color:#90929a;font-size:12px;text-align:center;margin-top:80px}.feedback{padding:13px 0;font-size:14px;line-height:1.5}.login{margin-top:70px}.login .muted{margin-top:10px}.primary,.secondary{font-size:15px;padding:12px 17px;border-radius:11px;font-weight:600}.primary{background:var(--ink);color:#fff;border:1px solid var(--ink)}.secondary{background:var(--cloud);border:1px solid var(--line)}.space-top{margin-top:18px}.overlay{position:fixed;inset:0;z-index:10;background:rgba(31,36,48,.38);display:flex;align-items:flex-end;justify-content:center;padding:10px}.sheet{width:min(100%,470px);max-height:min(90vh,950px);overflow:auto;background:var(--cloud);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 25px 70px #0002}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.document-preview{height:min(40vh,350px);display:flex;align-items:center;justify-content:center;background:var(--paper);border-radius:11px;margin-bottom:17px;overflow:hidden}.document-preview img{max-height:100%;max-width:100%;object-fit:contain}.meta-line{display:flex;align-items:center;gap:13px;font-size:13px;color:var(--slate);padding:9px 0}.full{width:100%}.edit-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.folder-choice{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:16px}.folder-choice input{width:19px;height:19px;accent-color:var(--ink)}.small{font-size:12px;margin-top:11px}.settings-row{padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}.gallery>.muted{grid-column:1/-1;padding:30px 0}.settings-link{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;font-size:15px}.action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.demo-note{border:1px solid #d8dfd5;background:#edf1e9;color:#435346;border-radius:11px;padding:14px 16px;font-size:13px;line-height:1.5;margin:0 0 25px}.demo-note strong{font-weight:700}.entry{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--slate)}.entry strong{color:var(--ink)}.danger{color:#984c47}.date-input{border:1px solid var(--line);border-radius:10px;padding:10px;background:white;width:100%;margin:8px 0}.hint{font-size:13px;line-height:1.6;color:var(--slate);margin-top:14px}.demo-login{margin-top:29px;max-width:410px}.demo-login .primary{min-height:49px}.dimmed-login{opacity:.5;cursor:not-allowed}.division{text-align:center;font-size:13px;color:var(--slate);margin:22px 0 8px}.fake-email{width:100%;border:1px solid var(--line);background:var(--cloud);border-radius:11px;padding:13px;font-size:16px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:650px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.folders{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:390px){.shell{padding-left:17px;padding-right:17px}.brand{font-size:35px}.header{margin-bottom:45px}.folders{gap:9px}.folder-tile{padding:14px}.gallery{gap:8px}}@media(min-width:650px) and (min-height:500px){.overlay{align-items:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Review v2: retain the original private application's visual system. */
.login{max-width:440px;margin:70px auto 0;}
.demo-login{max-width:none;}
.login h1,.login>.muted{text-align:center;}
.login .demo-note{text-align:center;}
.demo-note{background:transparent;border:0;color:var(--slate);padding:5px 0;font-size:13px;font-weight:600;margin-bottom:16px;}
.fake-email:disabled{background:#e9e8e5;border-color:#d9d8d4;color:#90929a;opacity:1;cursor:not-allowed;}
.dimmed-login:disabled{background:#e9e8e5;border-color:#d9d8d4;color:#9c9fa5;opacity:1;cursor:not-allowed;}
.folder-tile .folder-icon{display:flex;align-items:center;min-height:30px;}
.folder-tile .folder-icon svg{display:block;}
.thumbnail .pdf-tile img{height:100%;width:100%;object-fit:cover;}
.document-preview .pdf-tile{width:100%;height:100%;}
.document-preview .pdf-tile img{max-height:100%;max-width:100%;object-fit:contain;}
@media(max-width:390px){.login{margin-top:60px}}

/* v4 refinements: use the working Samepage document sheet and icons. */
.demo-login #enter{margin-bottom:12px}
.demo-login .fake-disabled{margin-top:0}
.demo-simple{color:var(--slate);font-size:13px;font-weight:600;margin-bottom:23px}
.folder-tile>svg{color:var(--slate);flex:none}
.thumbnail{border:0;background:transparent}
.thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:9px}
.document-preview>.rotated-frame{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.rotated-frame img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex-shrink:0}
.document-preview{background:var(--paper);margin-bottom:17px}
.edit-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.edit-actions{display:flex;align-items:center;gap:12px}.edit-section h3{font-size:16px}
.rotate-trigger,.delete-trigger{border:0;background:transparent;padding:8px 0;font-size:14px;text-decoration:underline;text-underline-offset:3px}.rotate-trigger{color:#5E84B5}.delete-trigger{color:#A15F58}
.delete-control{position:relative}.delete-popover{position:absolute;right:0;top:100%;background:var(--cloud);border:1px solid var(--line);padding:8px;border-radius:11px;box-shadow:0 12px 26px #0002;z-index:2}.destructive{background:#974940;color:white;border:0;border-radius:9px;padding:12px 20px}
.date-edit{margin-top:17px;display:grid;gap:8px}.date-edit>label{font-size:14px;font-weight:600}.date-entry{display:flex;align-items:center;gap:5px}.date-entry input{flex:1;min-width:0;min-height:44px;padding:10px;border:1px solid var(--line);background:var(--cloud);border-radius:10px;font-size:16px}.date-action{background:transparent;border:0;color:var(--slate);height:44px;width:34px;flex:none;display:grid;place-items:center;font-size:23px}
.history-explainer{font-size:13px;color:var(--slate);line-height:1.55;margin:10px 0 20px}.activity-entry{background:var(--cloud);border:1px solid var(--line);border-radius:11px;padding:15px 14px;margin-bottom:9px}.activity-heading{display:flex;justify-content:space-between;gap:10px;font-size:14px}.action-uploaded,.action-deleted{color:var(--slate);font-size:12px}.action-deleted{color:#9C5C54}.activity-entry p{font-size:12px;color:var(--slate);line-height:1.45;margin-top:8px}.history-imported{font-size:11px}
@media(min-width:650px){.overlay{align-items:center}}

/* Match the private Samepage inline event date controls. */
.date-edit{margin-top:17px;display:grid;gap:8px}
.date-entry{display:flex;align-items:center;gap:6px}
.date-entry input{flex:1;min-width:0;height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--cloud);color:var(--ink);color-scheme:light;font-size:16px}
.date-action{width:34px;height:44px;display:grid;place-items:center;flex-shrink:0;border:0;background:transparent;color:var(--slate);border-radius:9px}
.date-action:disabled{opacity:.35;cursor:default}
