.agent-page.ac-ready > :not(.agent-breadcrumb):not(.ac-root) { display: none !important; }
.ac-root { margin-top: 8px; }
.ac-tabs { display: flex; gap: 8px; margin-bottom: 14px; }
.ac-tabs button {
  border: 1px solid #d5e4f2; background: #fff; color: #17324d;
  border-radius: 10px; padding: 10px 16px; font-size: 14px; font-weight: 700; cursor: pointer;
}
.ac-tabs button.is-active { background: #1085dc; border-color: #1085dc; color: #fff; }
.ac-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.ac-stat { background: #fff; border: 1px solid #e4eef7; border-radius: 12px; padding: 14px 16px; }
.ac-stat span { display: block; color: #6b8299; font-size: 12px; }
.ac-stat strong { display: block; margin-top: 4px; font-size: 22px; color: #10283f; }
.ac-rulebar { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.ac-rulebar strong { font-size: 20px; color: #10283f; }
.ac-rulebar em { font-style: normal; background: #e8f3fc; color: #1085dc; border-radius: 999px; padding: 2px 8px; font-size: 12px; }
.ac-rulebar select { margin-left: auto; border: 1px solid #d5e4f2; border-radius: 8px; padding: 6px 8px; background: #fff; }
.ac-table-wrap { background: #fff; border: 1px solid #e4eef7; border-radius: 12px; overflow: auto; }
.ac-table { width: 100%; border-collapse: collapse; }
.ac-table th, .ac-table td { padding: 12px 14px; text-align: left; border-bottom: 1px solid #eef3f8; font-size: 13px; color: #17324d; }
.ac-table th { color: #6b8299; font-weight: 600; background: #f7fbfe; }
.ac-empty { background: #fff; border: 1px solid #e4eef7; border-radius: 12px; padding: 28px 16px; text-align: center; color: #6b8299; }
@media (max-width: 720px) { .ac-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ac-tabs { flex-wrap: wrap; } }

.ac-rates { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.ac-rate { background: #fff; border: 1px solid #e4eef7; border-radius: 12px; padding: 14px 8px; text-align: center; }
.ac-rate span { display: block; color: #6b8299; font-size: 12px; }
.ac-rate strong { display: block; margin-top: 6px; font-size: 18px; color: #10283f; }
@media (max-width: 720px) { .ac-rates { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.ac-root { animation: ac-in .28s ease; }
@keyframes ac-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.ac-stat { position: relative; overflow: hidden; box-shadow: 0 10px 24px rgba(16, 133, 220, .08); }
.ac-stat::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, #5eb6ff, #1085dc); }
.ac-tabs button { transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; }
.ac-tabs button.is-active { box-shadow: 0 8px 18px rgba(16, 133, 220, .28); }
.ac-rate { background: linear-gradient(180deg, #fff, #f3f9fe); box-shadow: 0 8px 18px rgba(16, 40, 70, .05); transition: transform .18s ease, box-shadow .18s ease; }
.ac-rate:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(16, 133, 220, .16); }
.ac-table tbody tr:hover td { background: #f4faff; }
.ac-skel { height: 92px; border-radius: 12px; background: linear-gradient(90deg, #e8f1f8 25%, #f8fbfe 37%, #e8f1f8 63%); background-size: 400% 100%; animation: none; }
@keyframes ac-shimmer { from { background-position: 100% 0; } to { background-position: 0 0; } }

.ac-stat { animation: ac-rise .42s cubic-bezier(.2,.8,.2,1) both; }
.ac-stats .ac-stat:nth-child(2) { animation-delay: .06s; }
.ac-stats .ac-stat:nth-child(3) { animation-delay: .12s; }
.ac-stats .ac-stat:nth-child(4) { animation-delay: .18s; }
.ac-root.ac-once .ac-stat { animation: none; }
.ac-panel { animation: ac-slide .32s cubic-bezier(.2,.8,.2,1); }
@keyframes ac-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes ac-slide { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.ac-rate { animation: ac-rise .4s cubic-bezier(.2,.8,.2,1) both; }
.ac-rate:nth-child(2) { animation-delay: .05s; }
.ac-rate:nth-child(3) { animation-delay: .1s; }
.ac-rate:nth-child(4) { animation-delay: .15s; }
.ac-rate:nth-child(5) { animation-delay: .2s; }
.ac-rate:nth-child(6) { animation-delay: .25s; }
.ac-tabs button:active { transform: scale(.98); }

.ac-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.ac-chip{background:#f4f9fd;color:#3d5b76;border-radius:999px;padding:6px 10px;font-size:12px}.ac-mini,.ac-form button{border:0;background:#1085dc;color:#fff;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}.ac-form{display:flex;gap:8px;margin-bottom:12px}.ac-form input,.ac-toolbar select,select{border:1px solid #d5e4f2;border-radius:8px;padding:8px 10px;background:#fff}.ac-note{margin:0 0 12px;color:#6b8299;font-size:12px}.ac-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.ac-sum-item{background:#fff;border:1px solid #e4eef7;border-radius:12px;padding:12px}.ac-sum-item span{display:block;color:#6b8299;font-size:12px}.ac-sum-item strong{display:block;margin-top:4px;font-size:18px}.ac-empty-cell{text-align:center;color:#6b8299;padding:28px 14px}

.ac-toolbar{flex-wrap:wrap}.ac-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}.ac-meta div{background:#fff;border:1px solid #e6eef8;border-radius:10px;padding:10px 12px}.ac-meta span{display:block;color:#7b8da3;font-size:12px}.ac-meta strong{display:block;margin-top:4px;color:#16324f}.ac-note{clear:both;margin:8px 0 12px;color:#60758c;line-height:1.5}

.ac-stat,.ac-panel,.ac-rate,.ac-root{animation:none !important}
.ac-id{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:stretch;margin-bottom:12px}
.ac-id div{background:#fff;border:1px solid #e4eef7;border-left:3px solid #1085dc;border-radius:12px;padding:12px 14px;min-height:72px}
.ac-id span{display:block;color:#6b8299;font-size:12px}
.ac-id strong{display:block;margin-top:6px;font-size:20px;color:#10283f;letter-spacing:.02em}
.ac-id .ac-mini{align-self:center;height:40px;padding:0 16px;border-radius:10px}
.ac-id .ac-mini:disabled{background:#d5e1ec;cursor:not-allowed}
.ac-form{display:flex;gap:8px;margin:0 0 12px}
.ac-form input{flex:1;min-width:0;height:40px}
.ac-filters{margin:0 0 10px}
.ac-filters select,.ac-level,select{height:36px;border:1px solid #d5e4f2;border-radius:8px;background:#fff;color:#17324d}
.ac-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.ac-meta div{background:#fff;border:1px solid #e4eef7;border-left:3px solid #1085dc;border-radius:12px;padding:12px 14px}
.ac-meta strong{font-size:18px;color:#10283f}
.ac-note{display:block;margin:0 0 12px;line-height:1.6;color:#60758c}
.ac-sum{gap:10px}
.ac-sum-item{border-left:3px solid #1085dc;min-height:72px}
.ac-table{min-width:640px}
.ac-table th{white-space:nowrap}
.ac-empty-cell{padding:36px 14px;color:#7b8da3}
@media (max-width:720px){.ac-id,.ac-meta,.ac-sum{grid-template-columns:1fr 1fr}.ac-id .ac-mini{grid-column:1 / -1}}

.ac-stat,.ac-panel,.ac-rate,.ac-root{animation:none !important}
.ac-id{align-items:stretch}
.ac-id .ac-mini{height:auto;min-height:72px;align-self:stretch}
.ac-rulehead{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-bottom:8px}
.ac-rulehead .ac-meta{margin:0}
.ac-rates{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ac-rate{background:#fff;border:1px solid #e4eef7;border-top:3px solid #1085dc;border-radius:12px;padding:14px 10px;text-align:center}
.ac-rate span{display:block;color:#6b8299;font-size:12px}
.ac-rate strong{display:block;margin-top:8px;font-size:22px;color:#1085dc}
.ac-rate em{display:block;margin-top:6px;font-style:normal;color:#60758c;font-size:12px}
.ac-table{min-width:0}
@media (max-width:900px){.ac-rates{grid-template-columns:repeat(3,minmax(0,1fr))}.ac-rulehead{grid-template-columns:1fr}}

.ac-root{max-width:1080px;margin:12px auto 40px;animation:none !important}
.ac-stat,.ac-panel,.ac-rate{animation:none !important}
.ac-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ac-tabs button{width:100%}
.ac-rates{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px}
.ac-table{min-width:0 !important}
.ac-rulehead{align-items:stretch}
.ac-rulehead .ac-level{height:100%;min-width:88px}
.ac-id .ac-mini{min-height:72px}
@media (max-width:720px){
  .ac-stats,.ac-meta,.ac-sum,.ac-id,.ac-rates{grid-template-columns:1fr 1fr !important}
  .ac-tabs{grid-template-columns:1fr}
}

.ac-bars{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e4eef7;border-radius:12px;padding:14px 16px}
.ac-bar{display:grid;grid-template-columns:56px 1fr 72px 108px;gap:10px;align-items:center}
.ac-bar-name{color:#60758c;font-size:13px}
.ac-bar-track{height:8px;background:#e7f1fb;border-radius:999px;overflow:hidden}
.ac-bar-track i{display:block;height:100%;background:#1085dc;border-radius:999px}
.ac-bar:first-child .ac-bar-track i{background:#0c6fba}
.ac-bar strong{text-align:right;color:#10283f;font-size:14px}
.ac-bar em{font-style:normal;color:#7b8da3;font-size:12px;text-align:right}
@media (max-width:720px){.ac-bar{grid-template-columns:48px 1fr 64px}.ac-bar em{display:none}}

.ac-root{max-width:none !important;width:100% !important;margin:8px 0 24px !important}
.ac-stats,.ac-tabs,.ac-id,.ac-form,.ac-bars,.ac-table-wrap,.ac-meta,.ac-sum{width:100%}
.ac-id{grid-template-columns:1.2fr 1.2fr 1.2fr auto}
.ac-id .ac-mini{min-height:0;height:auto;align-self:stretch;padding:0 18px}
.ac-form{display:flex;width:100%}
.ac-form input{flex:1;min-width:0}
.ac-bar{grid-template-columns:64px minmax(0,1fr) 80px 120px}
.ac-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:720px){
  .ac-stats,.ac-meta,.ac-sum,.ac-id{grid-template-columns:1fr 1fr !important}
  .ac-id .ac-mini{grid-column:1 / -1}
}

body:has(.agent-page) .portal-workspace{max-width:none !important;width:100% !important;padding-left:28px;padding-right:28px}
.ac-root{max-width:none !important;width:100% !important}
@media (min-width:1100px){
  .ac-panel-relation{display:grid;grid-template-columns:minmax(420px,460px) minmax(0,1fr);gap:16px 20px;align-items:start}
  .ac-panel-relation .ac-id,.ac-panel-relation .ac-form,.ac-panel-relation .ac-filters,.ac-panel-relation .ac-note{grid-column:1}
  .ac-panel-relation .ac-table-wrap{grid-column:2;grid-row:1 / span 4}
}