.v20-pkg-page{display:grid;gap:12px}.v20-pkg-toolbar{display:flex;justify-content:space-between;align-items:end;gap:10px;flex-wrap:wrap}.v20-pkg-toolbar .field{margin:0;min-width:240px}.v20-pkg-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v20-pkg-kpi{border:1px solid var(--fc-line,#e4dfd7);background:#faf8f4;border-radius:11px;padding:10px}.v20-pkg-kpi span{display:block;font-size:9px;color:var(--fc-muted,#7d8782)}.v20-pkg-kpi b{display:block;font-size:18px;margin-top:3px}.v20-pkg-form{display:grid;grid-template-columns:150px 120px 150px minmax(220px,1fr) auto;gap:8px;align-items:end;border:1px solid var(--fc-line,#e4dfd7);border-radius:12px;padding:10px;background:#fbfaf7}.v20-pkg-form .field{margin:0}.v20-pkg-tabs{display:flex;gap:6px;flex-wrap:wrap}.v20-pkg-list{display:grid;gap:7px}.v20-pkg-card{border:1px solid var(--fc-line,#e4dfd7);border-radius:12px;background:#fff;padding:10px}.v20-pkg-card.archived{opacity:.72;background:#faf9f6}.v20-pkg-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.v20-pkg-title b{font-size:13px}.v20-pkg-title small{display:block;color:var(--fc-muted,#7d8782);font-size:10px;margin-top:3px}.v20-pkg-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.v20-pkg-meta div{border:1px solid var(--fc-line,#e4dfd7);border-radius:9px;padding:7px;background:#faf8f4}.v20-pkg-meta span{display:block;color:var(--fc-muted,#7d8782);font-size:8px}.v20-pkg-meta b{display:block;font-size:12px;margin-top:2px}.v20-pkg-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.v20-pkg-edit{display:none;margin-top:9px;border-top:1px solid var(--fc-line,#e4dfd7);padding-top:9px}.v20-pkg-edit.open{display:block}.v20-pkg-edit-grid{display:grid;grid-template-columns:150px 120px 150px 1fr;gap:8px}.v20-pkg-empty{border:1px dashed var(--fc-line,#e4dfd7);border-radius:12px;padding:18px;text-align:center;color:var(--fc-muted,#7d8782)}.v20-package-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 10px}.v20-package-mini>div{border:1px solid var(--fc-line,#e4dfd7);border-radius:10px;padding:8px;background:#faf8f4}.v20-package-mini span{display:block;font-size:8px;color:var(--fc-muted,#7d8782)}.v20-package-mini b{display:block;font-size:15px;margin-top:2px}.v20-package-mini .openPackages{width:100%;margin-top:5px}
@media(max-width:900px){.v20-pkg-form{grid-template-columns:1fr 1fr}.v20-pkg-form .noteField{grid-column:1/-1}.v20-pkg-form>button{grid-column:1/-1}.v20-pkg-edit-grid{grid-template-columns:1fr 1fr}.v20-pkg-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.v20-pkg-toolbar{align-items:stretch}.v20-pkg-toolbar .field{min-width:0;width:100%}.v20-pkg-kpis{grid-template-columns:1fr 1fr}.v20-pkg-form,.v20-pkg-edit-grid{grid-template-columns:1fr 1fr}.v20-pkg-meta{grid-template-columns:1fr 1fr}.v20-pkg-head{flex-direction:column}.v20-package-mini{grid-template-columns:repeat(3,1fr)}}