.sf-package-dashboard{padding:10px;border-bottom:1px solid #e1e8e4;background:color-mix(in srgb,var(--green,#164b3b) 3%,#fff)}
.sf-package-statuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sf-package-stat{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:7px 8px;border:1px solid #dce6e1;border-radius:8px;background:#fff;text-align:left}.sf-package-stat b{font-size:15px}.sf-package-stat span{color:#65736d;font-size:9px}.sf-package-stat.warn{border-color:#efc78f;background:#fff8ed}.sf-package-stat.danger{border-color:#e9a7a1;background:#fff2f0;color:#a22d24}.sf-package-stat:hover{border-color:var(--green,#164b3b)}
.sf-package-attention{display:grid;gap:5px;margin-top:8px}.sf-package-line{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;padding:7px 8px;border:1px solid #e0e7e3;border-radius:7px;background:#fff;text-align:left}.sf-package-line span,.sf-package-line b,.sf-package-line small{display:block;min-width:0}.sf-package-line b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.sf-package-line small{margin-top:2px;color:#68756f;font-size:8px}.sf-package-line em{color:#26734e;font-size:8px;font-style:normal;text-align:right}.sf-package-line.warn em{color:#a15c0b}.sf-package-line.danger{border-color:#e8aaa4;background:#fff4f3}.sf-package-line.danger em{color:#aa3027}.sf-package-clear{padding:10px;border-radius:7px;background:#eef5f1;color:#50665c;font-size:9px;text-align:center}
.sf-package-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:#6d7974;font-size:8px}.sf-package-footer button{padding:4px 7px;font-size:8px}.sf-data-time{align-self:center;color:#66746e;font-size:9px;white-space:nowrap}
@media(max-width:1000px){.sf-package-statuses{grid-template-columns:repeat(4,minmax(90px,1fr))}}
@media(max-width:640px){.sf-package-statuses{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-package-line{align-items:flex-start;flex-direction:column}.sf-package-line em{text-align:left}}