:root{--doc-ink:#17304f;--doc-muted:#65788e;--doc-blue:#2563eb;--doc-line:#dce5ef;--doc-bg:#f4f7fb;--doc-card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--doc-bg);color:var(--doc-ink);font-family:"Yu Gothic","YuGothic",Meiryo,sans-serif}.documents-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px max(26px,calc((100% - 1180px)/2));background:linear-gradient(105deg,#17365d,#275fc4);color:#fff}.hero-eyebrow{font-size:10px;font-weight:900;letter-spacing:.18em;opacity:.76}.documents-hero h1{margin:6px 0;font-size:27px}.documents-hero p{margin:0;font-size:13px;line-height:1.65;opacity:.88}.documents-wrap{max-width:1180px;margin:0 auto;padding:24px 20px 50px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid transparent;border-radius:9px;padding:9px 15px;font:800 13px inherit;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.65;transform:none}.button-primary{background:#2563eb;color:#fff}.documents-hero .button-primary{background:#fff;color:#174da7}.button-quiet{border-color:#d6e0eb;background:#fff;color:#435b76}.button-download{background:#edf4ff;color:#2057af}.button-preview{border-color:#dce5ef;background:#fff;color:#53677f}.button-danger{border-color:#fecaca;background:#fff;color:#b42318}.message{margin-bottom:15px;border-radius:9px;padding:12px 14px;background:#e8f1ff;color:#174ea6;font-size:13px;font-weight:700}.message.is-error{background:#fee2e2;color:#991b1b}.filter-panel{display:grid;grid-template-columns:minmax(0,1fr) 230px auto;align-items:end;gap:14px;padding:17px;border:1px solid var(--doc-line);border-radius:13px;background:#fff}.filter-panel label,.form-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800}.filter-panel input,.filter-panel select,.form-field input:not([type=file]),.form-field textarea{width:100%;min-height:42px;border:1px solid #cbd7e4;border-radius:8px;background:#fff;padding:9px 11px;color:var(--doc-ink);font:inherit}.filter-panel input:focus,.filter-panel select:focus,.form-field input:focus,.form-field textarea:focus{outline:2px solid rgba(37,99,235,.2);border-color:#5686e5}.result-count{margin:0;padding:0 1px 11px;color:var(--doc-muted);white-space:nowrap;font-size:13px}.result-count strong{color:var(--doc-ink);font-size:20px}.category-chips{display:flex;flex-wrap:wrap;gap:8px;padding:17px 0}.category-chip{border:1px solid #d5dfeb;border-radius:999px;padding:8px 12px;background:#fff;color:#52677f;font:700 12px inherit;cursor:pointer}.category-chip.is-active{border-color:#2563eb;background:#eaf2ff;color:#1d4db0}.document-list{display:grid;gap:11px}.document-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:15px;border:1px solid var(--doc-line);border-radius:12px;padding:16px;background:#fff;box-shadow:0 3px 12px rgba(23,54,93,.045)}.document-card.is-hidden{border-style:dashed;background:#fafbfd}.document-type{display:grid;width:52px;height:60px;place-items:center;border-radius:9px;background:#e9eff7;color:#52677f;font-size:11px;font-weight:900}.document-type.type-pdf{background:#fef0ef;color:#bd3634}.document-type.type-word{background:#edf3ff;color:#235dbb}.document-type.type-excel{background:#eaf7ef;color:#237644}.document-type.type-powerpoint{background:#fff1e8;color:#b65328}.document-type.type-image{background:#f2edff;color:#7450ba}.document-copy{min-width:0}.document-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.document-heading h2{margin:0;font-size:16px;line-height:1.45;overflow-wrap:anywhere}.document-category,.document-private{display:inline-flex;border-radius:999px;padding:4px 8px;background:#edf3fb;color:#42617f;font-size:10px;font-weight:800}.document-private{background:#fff1d6;color:#99600d}.document-description{margin:6px 0;color:#4e647c;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.document-meta{display:flex;gap:7px 13px;flex-wrap:wrap;color:var(--doc-muted);font-size:11px}.document-meta span{overflow-wrap:anywhere}.document-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.document-actions .button{min-height:37px;padding:8px 11px;font-size:12px}.empty-state{padding:62px 20px;text-align:center}.empty-icon{display:grid;width:62px;height:62px;place-items:center;margin:0 auto 15px;border-radius:15px;background:#e9f0fa;color:#355c86;font-size:22px;font-weight:900}.empty-state h2{margin:0 0 7px;font-size:18px}.empty-state p{margin:0 0 18px;color:var(--doc-muted);font-size:13px;line-height:1.7}.document-dialog{width:min(600px,calc(100vw - 24px));max-height:calc(100vh - 34px);padding:0;border:0;border-radius:15px;box-shadow:0 22px 80px rgba(15,23,42,.25)}.document-dialog::backdrop{background:rgba(15,23,42,.52)}.dialog-header,.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}.dialog-header{border-bottom:1px solid var(--doc-line)}.dialog-header>div>span{color:var(--doc-muted);font-size:11px}.dialog-header h2{margin:4px 0 0;font-size:20px}.icon-button{width:36px;height:36px;border:0;border-radius:8px;background:#f1f5f9;color:#51637a;font-size:23px;cursor:pointer}.dialog-body{display:grid;gap:16px;padding:19px 20px}.form-field>span>b{margin-left:4px;color:#bd3634;font-size:10px}.form-field textarea{resize:vertical}.file-drop{display:grid;gap:6px;place-items:center;min-height:106px;border:1px dashed #a9bbd0;border-radius:9px;background:#f8faff;padding:15px;text-align:center;cursor:pointer}.file-drop.is-over{border-color:#2563eb;background:#edf4ff}.file-drop input{position:absolute;width:1px;height:1px;opacity:0}.file-drop strong{font-size:13px;overflow-wrap:anywhere}.file-drop>span{color:var(--doc-muted);font-size:11px;font-weight:500}.publish-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.publish-toggle input{width:18px;height:18px;accent-color:#2563eb}.publish-toggle strong,.publish-toggle small{display:block}.publish-toggle strong{font-size:13px}.publish-toggle small{margin-top:4px;color:var(--doc-muted);font-size:11px}.dialog-footer{justify-content:flex-end;border-top:1px solid var(--doc-line)}@media(max-width:760px){.documents-hero{align-items:flex-start;flex-direction:column;padding:19px 15px}.documents-hero h1{font-size:22px}.documents-hero p{font-size:12px}.documents-hero .button{width:100%}.documents-wrap{padding:15px 11px 36px}.filter-panel{grid-template-columns:1fr auto;gap:11px;padding:13px}.search-box{grid-column:1/-1}.category-select{min-width:0}.document-card{grid-template-columns:43px minmax(0,1fr);gap:11px;padding:13px}.document-type{width:43px;height:51px;font-size:10px}.document-heading h2{font-size:14px}.document-actions{grid-column:1/-1;justify-content:stretch}.document-actions .button{flex:1}.category-chips{gap:6px}.category-chip{padding:7px 10px;font-size:11px}.dialog-header,.dialog-footer{padding:14px}.dialog-body{gap:13px;padding:15px 14px}}

/* grouped documents / multiple files */
.document-group-card{border:1px solid var(--doc-line);border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(23,54,93,.045);overflow:hidden}.document-group-card.is-hidden{border-style:dashed;background:#fafbfd}.group-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 18px 15px;border-bottom:1px solid #e7edf4}.group-title-wrap{min-width:0}.group-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.group-heading h2{margin:0;font-size:17px;line-height:1.45;overflow-wrap:anywhere}.group-summary{margin:8px 0 0;color:var(--doc-muted);font-size:11px;font-weight:800}.group-admin-actions{display:flex;gap:7px;flex:0 0 auto}.group-files{display:grid}.group-file-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid #eef2f6}.group-file-row:first-child{border-top:0}.group-file-row .document-type{width:44px;height:48px;font-size:9px}.group-file-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.group-file-copy strong{font-size:13px;line-height:1.45;overflow-wrap:anywhere}.group-file-copy span{color:var(--doc-muted);font-size:10px}.group-file-actions{display:flex;gap:7px;justify-content:flex-end}.group-file-actions .button{min-height:36px;padding:7px 11px;font-size:11px}.selected-files{display:grid;gap:7px;margin-top:9px}.selected-file{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dce5ef;border-radius:8px;background:#f8fafc;padding:9px 10px}.selected-file>span{display:flex;min-width:0;flex-direction:column;gap:2px}.selected-file strong{font-size:11px;overflow-wrap:anywhere}.selected-file small{color:var(--doc-muted);font-size:10px}.selected-file button{display:grid;width:28px;height:28px;place-items:center;flex:0 0 auto;border:0;border-radius:7px;background:#eef2f7;color:#617187;font-size:18px;cursor:pointer}.current-files-wrap{display:grid;gap:8px}.current-files-title{font-size:12px;font-weight:800}.current-files{display:grid;gap:7px}.current-file{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #dce5ef;border-radius:9px;padding:8px;background:#fbfcfe}.current-file .document-type{width:38px;height:40px;font-size:8px}.current-file>span{display:flex;min-width:0;flex-direction:column;gap:2px}.current-file strong{font-size:11px;overflow-wrap:anywhere}.current-file small{color:var(--doc-muted);font-size:10px}.current-file .button{min-height:33px;padding:6px 9px;font-size:10px}
@media(max-width:760px){.group-header{flex-direction:column;padding:14px}.group-admin-actions{width:100%}.group-admin-actions .button{width:100%}.group-file-row{grid-template-columns:39px minmax(0,1fr);gap:9px;padding:11px 12px}.group-file-row .document-type{width:39px;height:43px}.group-file-actions{grid-column:1/-1;justify-content:stretch}.group-file-actions .button{flex:1}.current-file{grid-template-columns:34px minmax(0,1fr) auto}.current-file .document-type{width:34px;height:37px}}

/* expandable groups: groups with multiple files stay compact until opened */
.group-toggle{display:inline-flex;align-items:center;gap:7px;margin-top:8px;border:0;border-radius:8px;padding:6px 9px;background:#eef4fb;color:#385b7f;font:800 11px inherit;cursor:pointer}.group-toggle:hover{background:#e4eef9}.group-toggle-icon{display:inline-block;font-size:16px;line-height:1;transition:transform .18s ease}.document-group-card.is-expanded .group-toggle-icon{transform:rotate(180deg)}.document-group-card.is-expandable:not(.is-expanded) .group-header{border-bottom:0}.group-files[hidden]{display:none!important}@media(max-width:760px){.group-toggle{min-height:34px;padding:7px 10px}}