.shared-reference-page{display:grid;gap:16px}
.reference-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:22px;border-radius:18px;background:linear-gradient(135deg,#102d50,#176b72);color:#fff}
.reference-hero small{font-size:11px;font-weight:850;letter-spacing:.1em;opacity:.8}.reference-hero h2{margin:3px 0 5px;font-size:25px}.reference-hero p{margin:0;max-width:720px;font-size:12px;line-height:1.6;opacity:.88}
.reference-hero button{padding:11px 15px;border:1px solid #ffffff55;border-radius:10px;background:#fff;color:#13476a;font-weight:900}
.reference-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.reference-folder{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:17px;border:2px solid transparent;border-radius:15px;background:#fff;box-shadow:0 5px 18px #17345112;text-align:left;color:#21344c;cursor:pointer}
.reference-folder-icon{display:grid;place-items:center;width:42px;height:36px;border-radius:8px 8px 11px 11px;background:#e7b94f;color:#654600;font-size:19px;line-height:1;overflow:hidden}.reference-folder-copy{display:block;min-width:0;width:auto;height:auto}.reference-folder-copy b{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.reference-folder-copy small{display:block;margin-top:3px;color:#65758a;font-size:9px;line-height:1.45}.reference-folder strong{font-size:18px;color:#173f68}.reference-folder:hover{border-color:#8fb8e8}.reference-folder:focus-visible{outline:3px solid #f3b61f;outline-offset:2px}.reference-folder.active{border-color:#1769e0;background:#f3f8ff}.reference-folder.construction .reference-folder-icon{background:#77b8a0;color:#0d4938}
.reference-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 210px auto auto;gap:8px;align-items:end;padding:12px;border:1px solid #d6e0eb;border-radius:13px;background:#fff}
.reference-toolbar label{display:grid;gap:4px;color:#607086;font-size:10px}.reference-toolbar input,.reference-toolbar select{min-width:0;padding:10px;border:1px solid #c8d4e1;border-radius:8px;background:#fff;font:inherit}.reference-toolbar .reference-history-toggle{display:flex;align-items:center;gap:6px;min-height:40px;font-size:11px}.reference-history-toggle input{width:16px;height:16px}
.reference-refresh{min-height:40px;padding:9px 12px;border:1px solid #c7d4e2;border-radius:8px;background:#eef4fa;color:#28587f;font-weight:850}
.reference-list{display:grid;gap:8px}.reference-list-head{display:flex;justify-content:space-between;align-items:center;padding:3px 2px}.reference-list-head h3{margin:0;font-size:15px}.reference-list-head span{color:#64748b;font-size:11px}
.reference-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #d7e1ec;border-radius:13px;background:#fff;box-shadow:0 3px 12px #1734510b}
.reference-card.archived{opacity:.62;background:#f3f5f7}.reference-file-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;background:#e9f1fb;color:#165f9e;font-size:10px;font-weight:950}.reference-file-icon.pdf{background:#ffe8e6;color:#b62920}.reference-file-icon.sheet{background:#e4f5e8;color:#1c7541}.reference-file-icon.image{background:#f1e8ff;color:#6c3fa3}
.reference-card-main{min-width:0}.reference-card-main small{display:flex;gap:6px;align-items:center;color:#607086;font-size:10px}.reference-card-main small i{padding:2px 5px;border-radius:5px;background:#edf3f9;color:#41617e;font-style:normal}.reference-card-main h3{margin:4px 0 3px;font-size:14px;overflow-wrap:anywhere}.reference-card-main p{margin:0;color:#5f6f82;font-size:11px;line-height:1.45}.reference-card-main em{display:block;margin-top:5px;color:#8190a1;font-size:9px;font-style:normal}
.reference-card-actions{display:flex;gap:6px;align-items:center}.reference-card-actions a,.reference-card-actions button{padding:8px 10px;border:1px solid #c8d5e3;border-radius:7px;background:#fff;color:#28577d;font-size:10px;font-weight:850;text-decoration:none}.reference-card-actions a{background:#1769e0;color:#fff;border-color:#1769e0}.reference-empty{display:grid;place-items:center;min-height:160px;padding:20px;border:1px dashed #c9d5e2;border-radius:14px;background:#f8fafc;color:#64748b;text-align:center}.reference-empty b{font-size:14px}.reference-empty p{margin:5px 0;font-size:11px}
.reference-dialog{width:min(620px,calc(100vw - 24px));padding:0;border:0;border-radius:16px;box-shadow:0 22px 70px #0d223b55}.reference-dialog::backdrop{background:#10243b77}.reference-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:18px}.reference-dialog h2,.reference-dialog .reference-form-note,.reference-dialog .reference-source-row,.reference-dialog .reference-dialog-actions{grid-column:1/-1}.reference-dialog h2{margin:0 0 3px}.reference-dialog label{display:grid;gap:4px;color:#56677b;font-size:10px;font-weight:700}.reference-dialog input,.reference-dialog select,.reference-dialog textarea{min-width:0;padding:10px;border:1px solid #c7d3df;border-radius:8px;font:inherit}.reference-dialog textarea{min-height:80px;resize:vertical}.reference-dialog .wide{grid-column:1/-1}.reference-source-row{display:grid;grid-template-columns:150px 1fr;gap:8px;padding:10px;border-radius:10px;background:#f1f5f9}.reference-form-note{margin:0;color:#66778b;font-size:10px}.reference-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.reference-dialog-actions button{padding:10px 14px;border:1px solid #c7d3df;border-radius:8px;background:#fff;font-weight:850}.reference-dialog-actions .primary{background:#1769e0;color:#fff;border-color:#1769e0}
@media(max-width:800px){
  .shared-reference-page{gap:10px}.reference-hero{grid-template-columns:1fr;padding:14px;border-radius:12px}.reference-hero h2{font-size:20px}.reference-hero p{font-size:10px}.reference-hero button{width:100%}
  .reference-folders{gap:7px}.reference-folder{grid-template-columns:auto minmax(0,1fr) auto;padding:8px;gap:6px;min-height:48px}.reference-folder-icon{width:27px;height:27px;font-size:13px}.reference-folder-copy b{font-size:10px;line-height:1.25}.reference-folder-copy small{display:none}.reference-folder strong{grid-column:auto;font-size:10px;white-space:nowrap}
  .reference-toolbar{grid-template-columns:1fr 116px;padding:9px}.reference-toolbar .reference-history-toggle{min-height:34px}.reference-refresh{min-height:34px}.reference-card{grid-template-columns:auto minmax(0,1fr);padding:10px;gap:8px}.reference-file-icon{width:37px;height:37px;border-radius:9px}.reference-card-main h3{font-size:12px}.reference-card-actions{grid-column:1/-1;justify-content:flex-end}.reference-card-actions a,.reference-card-actions button{min-height:36px}
  .reference-dialog form{grid-template-columns:1fr;padding:14px}.reference-dialog h2,.reference-dialog .reference-form-note,.reference-dialog .reference-source-row,.reference-dialog .reference-dialog-actions,.reference-dialog .wide{grid-column:1}.reference-source-row{grid-template-columns:1fr}.reference-dialog-actions button{flex:1}
}