.asset-home { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:0 0 24px; padding:18px 22px; border:1px solid #dce4ed; border-radius:14px; background:#fff; color:#243549; text-decoration:none; }
.asset-home div { display:grid; gap:5px; flex-shrink:0; }
.asset-home span { font-size:13px; line-height:1.6; }
.asset-home.attention { background:#fffbef; border-color:#e9cd88; }
.asset-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; margin:22px 0 16px; }
.asset-tabs { display:flex; gap:5px; background:#eaf0f6; border-radius:10px; padding:4px; }
.asset-tabs button { border:0; background:transparent; color:#526174; padding:10px 14px; border-radius:7px; cursor:pointer; font:inherit; font-weight:600; white-space:nowrap; }
.asset-tabs button.active { background:#fff; color:#1b4c78; box-shadow:0 1px 5px #20305015; }
.asset-search { min-width:240px; max-width:100%; }
.asset-subject { display:grid; gap:8px; padding:18px 20px; border:1px solid #dce4ed; background:#f6f9fc; border-radius:12px; margin-bottom:16px; overflow-wrap:anywhere; }
.asset-subject span { font-size:14px; }
.asset-subject small, .asset-table small { display:block; color:#68788c; font-size:12px; line-height:1.65; margin-top:5px; }
.asset-table-panel { padding:0; }
.asset-table { min-width:880px; width:100%; }
.asset-table th { white-space:nowrap; }
.asset-table td { vertical-align:top; padding:16px; }
.asset-table td:first-child { min-width:185px; }
.asset-table td:last-child { white-space:nowrap; }
.asset-table a { color:#235f97; text-decoration:none; }
.asset-table a:hover { text-decoration:underline; }
.asset-table details { margin-top:8px; font-size:12px; }
.asset-table summary { cursor:pointer; color:#536a82; }
.asset-notes { max-width:380px; min-width:180px; overflow-wrap:anywhere; white-space:pre-line; line-height:1.6; }
.asset-badge { display:inline-block; border-radius:6px; padding:4px 8px; font-size:12px; background:#edf0f4; color:#657387; line-height:1.5; }
.asset-badge.ok { background:#e9f6ef; color:#25764b; }
.asset-badge.warn { background:#fff4d8; color:#986217; }
.asset-badge.bad { background:#fdeceb; color:#ad3935; }
.asset-alerts { background:#fff; border:1px solid #ead9b3; border-radius:12px; margin:18px 0; padding:16px 18px; }
.asset-alerts > summary { font-weight:700; cursor:pointer; color:#77521b; }
.asset-alert-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:14px; max-height:300px; overflow:auto; }
.asset-alert { display:grid; grid-template-columns:1fr; gap:5px; text-align:left; padding:12px 14px; font:inherit; border:1px solid #ebdfc4; border-left:3px solid #d3a344; border-radius:6px; background:#fffcf5; cursor:pointer; }
.asset-alert.bad { border-left-color:#c9514c; background:#fff8f7; }
.asset-alert span { font-size:13px; }.asset-alert small { color:#76808b; font-size:12px; }
.asset-calm { color:#64748b; font-size:13px; padding:14px 0; }
.asset-source { font-size:12px; color:#748296; line-height:1.8; }
.asset-section-title { margin:24px 0 14px; }
.asset-dialog { width:min(540px,calc(100vw - 32px)); padding:24px; border:1px solid #dbe3ed; border-radius:16px; color:#263448; box-shadow:0 24px 80px #13223533; }
.asset-dialog::backdrop { background:#17263b66; }
.asset-dialog h2 { margin-top:0; font-size:20px; overflow-wrap:anywhere; }
.asset-dialog textarea { width:100%; resize:vertical; min-height:100px; padding:10px; border:1px solid #cbd5e1; border-radius:8px; font:inherit; }
.asset-dialog small { color:#738195; line-height:1.7; }
@media(max-width:700px) { .asset-home { flex-direction:column; align-items:flex-start; gap:8px; padding:15px; }.asset-alert-list { grid-template-columns:1fr; max-height:260px; }.asset-toolbar { align-items:stretch; }.asset-tabs { width:100%; }.asset-tabs button { flex:1; padding:10px 7px; font-size:13px; }.asset-search { width:100%; min-width:0; }.asset-subject { padding:14px; } }

#assetCounts { grid-template-columns:repeat(4,minmax(0,1fr)); }
#websiteAssetsNav.is-active { background:#24446e; color:#fff; border-radius:7px; }
.asset-toolbar .asset-search { width:min(380px,100%); }
.asset-alert-list { max-height:212px; }
@media(max-width:700px) { #assetCounts { grid-template-columns:repeat(2,minmax(0,1fr)); }.asset-toolbar .asset-search { width:100%; }.asset-alert-list { max-height:190px; } }
