/* ARD-4 B7: the admin app on the admin host. Loaded after dist/style.css and dist/cabinet/cabinet.css and reuses their look
   (.panel, .card, .row-card, .badge, .est-*, .dialog). A sidebar on the desktop; on the phone the sections are a row of tabs
   that scrolls by itself, never the page. */
.page-admin .adm-bar .brand-link{display:flex}
.adm-layout{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;min-height:calc(100vh - 56px)}
.adm-nav{display:flex;flex-direction:column;gap:2px;padding:16px 10px;position:sticky;top:56px;border-right:1px solid var(--line);background:#fafbf8;min-height:calc(100vh - 56px)}
.adm-nav a{padding:10px 12px;border-radius:7px;color:#5f6e63!important;text-decoration:none;font-size:15px}
.adm-nav a:hover{background:#edf2ec}
.adm-nav a[aria-current=page]{background:#fff;color:var(--green)!important;font-weight:600;box-shadow:inset 3px 0 0 var(--green)}
.adm-main{max-width:1060px;width:100%}
.adm-filter{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.adm-filter a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#5f6e63!important;text-decoration:none;font-size:14px;white-space:nowrap}
.adm-filter a[aria-current=page]{border-color:var(--green);background:#eef6ef;color:var(--green)!important;font-weight:600}
.adm-est.unread{border-left:3px solid #c98a1b}
.adm-unread{display:inline-block;margin-right:8px;color:#8a5a12;font-weight:600}
.adm-unread:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#c98a1b;margin-right:6px;vertical-align:1px}
.adm-thread{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.adm-msg{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fbfcfa;max-width:88%;min-width:0}
.adm-msg.from-us{justify-self:end;background:#eef6ef;border-color:#cfe1d3}
.adm-msg-head{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;margin-bottom:4px}
.adm-msg p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.4px;line-height:1.5}
.adm-message{display:grid;gap:8px}
.adm-contacts p{overflow-wrap:anywhere}
.adm-rates{display:grid;gap:8px}
.adm-rates .total-line{border-top:1px solid #edf0e8;padding-top:8px;align-items:flex-start}
.adm-rates .total-line>span:last-child{text-align:right;white-space:nowrap}
.adm-region-pick{max-width:360px}
.adm-preset .settings-page{padding:0 0 90px;max-width:none}
.adm-add .form-grid-3,.adm-password{display:grid;gap:12px}
.adm-add .form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.adm-password{max-width:440px}
.adm-admin button{padding:6px 10px;font-size:14px}

@media(max-width:760px){
  .adm-layout{grid-template-columns:minmax(0,1fr);min-height:0}
  .adm-nav{flex-direction:row;overflow-x:auto;position:static;min-height:0;padding:0 8px;border-right:0;border-bottom:1px solid var(--line);gap:0}
  .adm-nav a{border-radius:0;padding:12px 10px;white-space:nowrap;border-bottom:2px solid transparent}
  .adm-nav a[aria-current=page]{background:none;box-shadow:none;border-bottom-color:var(--green)}
  .adm-bar .crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .adm-bar .bar-actions .button,.adm-bar .bar-actions button{padding:8px 10px;font-size:14px}
  .adm-add .form-grid-3{grid-template-columns:1fr}
  .adm-msg{max-width:100%}
}