:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d1d1f;background:#f5f5f7;font-size:16px;--blue:#0066cc;--line:#d2d2d7;--muted:#575760}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{padding:20px 4vw;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#1d1d1f;text-decoration:none;font-size:22px}.brand img{width:32px;height:32px;object-fit:contain}.brand span{font-weight:400;font-size:14px;color:var(--muted);margin-left:12px}nav{display:flex;align-items:center;gap:20px}a{color:var(--blue);text-underline-offset:4px}main{max-width:1360px;margin:auto;padding:40px 4vw 60px;min-height:78vh}h1{font-size:clamp(26px,3vw,36px);letter-spacing:-.025em;margin:0 0 14px;font-weight:650}h2{font-size:21px;margin:30px 0 12px}p{line-height:1.6;max-width:72ch;margin:0 0 18px;color:var(--muted)}button,input,select,textarea{font:inherit}button{background:#e8e8ed;border:1px solid transparent;color:#1d1d1f;border-radius:10px;min-height:44px;padding:11px 18px;cursor:pointer;font-weight:600}button:hover{background:#dcdce2}button:disabled{opacity:.55;cursor:wait}.primary{background:#0071e3;color:white}.primary:hover{background:#005bb8}.danger{color:#9e2424;background:#fceeee}.danger:hover{background:#f8dcdc}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0071e3;outline-offset:3px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#1d1d1f;min-height:44px;margin-top:8px;caret-color:var(--blue)}input::placeholder{color:#62626c}input[type=file]{font-size:14px}input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--blue)}label{display:block;font-size:14px;font-weight:600;margin-bottom:20px}label span{display:block;font-weight:400;color:var(--muted);font-size:13px;margin-top:4px}.check{display:flex;gap:12px;align-items:center}textarea{resize:vertical;line-height:1.6}::selection{background:#b7ddff;color:#07162a}#login{max-width:500px;margin:6vh auto}#login-form button{width:100%}.hint{font-size:13px}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.toolbar{display:flex;gap:16px;align-items:end;padding:20px 0}.toolbar label{margin:0;flex:1;max-width:420px}.toolbar label:nth-child(2){max-width:220px}.table-scroll{overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;scrollbar-color:#93939d #f5f5f7}table{width:100%;border-collapse:collapse;min-width:800px;font-size:14px;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:17px 14px;border-bottom:1px solid #e5e5ea;vertical-align:middle}th{font-size:12px;color:var(--muted);font-weight:650;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7faff}td button{padding:0;min-height:44px;background:none;color:var(--blue);text-align:left;overflow-wrap:anywhere;max-width:220px}td button:hover{background:none;text-decoration:underline}td small{display:block;color:var(--muted);max-width:220px;overflow-wrap:anywhere}.status{font-size:12px;font-weight:600;white-space:nowrap}.closed{color:#9e2424}.open{color:#146d40}.detail-grid{display:grid;grid-template-columns:minmax(280px,440px) minmax(0,1fr);gap:56px}#back{margin-bottom:24px}#detail-title{margin-bottom:32px;overflow-wrap:anywhere}#firm-form{background:white;padding:24px;border:1px solid var(--line);border-radius:12px}details{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}details summary{cursor:pointer;font-size:16px;font-weight:650;line-height:1.5}details summary::marker{color:var(--blue)}details[open] summary{margin-bottom:14px}#drawing-reference-form{padding-top:2px}.drawing-reference-list{list-style:none;margin:20px 0 0;padding:0}.drawing-reference-list:empty::before{content:"Пока нет эталонных PDF. Добавьте первый образец оформления для этой фирмы.";display:block;color:var(--muted);font-size:13px;line-height:1.6}.drawing-reference-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line)}.drawing-reference-list li:first-child{border-top:1px solid var(--line)}.drawing-reference-name{display:block;font-weight:650;overflow-wrap:anywhere}.drawing-reference-meta,.drawing-reference-note{display:block;color:var(--muted);font-size:13px;line-height:1.55;margin-top:4px;overflow-wrap:anywhere}.drawing-reference-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.drawing-reference-actions a,.drawing-reference-actions button{min-height:36px;padding:7px 11px;font-size:13px}.drawing-reference-actions a{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9px;color:var(--blue);font-weight:600;text-decoration:none}.drawing-reference-actions a:hover{background:#eef6ff}.drawing-reference-actions .danger{border-color:transparent}#invitation{padding:24px;background:#e8f3ff;border-radius:12px}#invitation h2{margin-top:0}#invitation button{margin:0 8px 8px 0}#events{list-style:none;padding:0}#events li{padding:16px 0;border-bottom:1px solid var(--line);line-height:1.5;overflow-wrap:anywhere}#events time{display:block;color:var(--muted);font-size:13px}#events small{display:block;color:var(--muted)}#message:not(:empty){padding:14px 18px;background:#e8f3ff;color:#164674;border-radius:10px;margin-bottom:24px}#message.error:not(:empty){background:#fceeee;color:#922323}footer{padding:24px 4vw;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:760px){header{align-items:flex-start}.brand{flex-wrap:wrap;font-size:20px;gap:6px}.brand span{flex-basis:100%;margin-left:0}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:13px}main{padding:28px 18px}.heading{display:block}.heading button{margin-bottom:12px}.toolbar{flex-wrap:wrap}.toolbar label{min-width:150px}.detail-grid{grid-template-columns:1fr;gap:24px}#firm-form{padding:20px}.drawing-reference-list li{grid-template-columns:1fr}.drawing-reference-actions{justify-content:flex-start}#login{margin:24px auto}footer{padding:20px 18px}}