/* v1.4.33 — dashboard navigation, compact feedback, billing and uploads */

/* Compact contextual feedback replaces full-width notice sections. */
.aam-site .aam-form-notice {
  --notice-accent: #2878c8;
  --notice-bg: #e9f4ff;
  width: 100%;
  min-height: 64px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 13px;
  margin: 0 0 18px;
  padding: 12px 14px 10px 16px;
  overflow: hidden;
  border: 0;
  border-bottom: 4px solid var(--notice-accent);
  border-radius: 8px 8px 3px 3px;
  background: var(--notice-bg);
  color: #183047;
  box-shadow: 0 10px 24px rgba(15,31,49,.09);
}
.aam-site .aam-form-notice.is-success { --notice-accent:#0aa866; --notice-bg:#dff5e9; }
.aam-site .aam-form-notice.is-warning { --notice-accent:#f0a014; --notice-bg:#fff0d5; }
.aam-site .aam-form-notice.is-error { --notice-accent:#e34235; --notice-bg:#ffe5e1; }
.aam-site .aam-form-notice-icon {
  width: 30px; height: 30px; display:grid; place-items:center;
  border-radius: 50%; background: transparent; color:var(--notice-accent);
}
.aam-site .aam-form-notice-icon svg { width:24px; height:24px; }
.aam-site .aam-form-notice-copy { min-width:0; display:flex; flex-direction:column; gap:1px; }
.aam-site .aam-form-notice-copy strong { color:#20322b; font-size:15px; line-height:1.3; }
.aam-site .aam-form-notice-copy span { color:#43534c; font-size:13px; line-height:1.45; }
.aam-site .aam-form-notice-close {
  width:34px; height:34px; display:grid; place-items:center; padding:0;
  border:0; border-radius:50%; background:transparent; color:#263c35;
  font-size:25px; line-height:1; cursor:pointer;
}
.aam-site .aam-form-notice-close:hover { background:rgba(0,0,0,.07); color:#111; }
.aam-site .aam-notice-page-host { padding-top:0; }
.aam-site .aam-notice,
.aam-site .aam-approval-banner {
  min-height:64px; margin:0 0 18px; padding:13px 16px;
  border:0; border-bottom:4px solid #f0a014; border-radius:8px 8px 3px 3px;
  background:#fff0d5; color:#3c3323; box-shadow:0 10px 24px rgba(15,31,49,.08);
}
.aam-site .aam-approval-banner h3 { font-size:15px; }
.aam-site .aam-approval-banner p { margin:2px 0 0; color:#615239; font-size:13px; }

/* WordPress-style brand workspace: navigation and each feature are separate views. */
.aam-brand-workspace {
  display:grid;
  grid-template-columns: 236px minmax(0,1fr);
  gap:22px;
  align-items:start;
  margin-top:28px;
}
.aam-brand-workspace > .aam-tab-list {
  position:sticky; top:22px; display:flex; flex-direction:column; gap:5px;
  margin:0; padding:12px; border:1px solid var(--aam-line); border-radius:16px;
  background:#fff; box-shadow:0 12px 32px rgba(15,31,49,.06);
}
.aam-tab-list-title { padding:10px 11px 13px; color:var(--aam-muted); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.aam-brand-workspace > .aam-tab-list button {
  width:100%; min-height:46px; display:flex; align-items:center; gap:11px;
  padding:10px 12px; border-radius:10px; text-align:left;
}
.aam-brand-workspace > .aam-tab-list button .dashicons { width:20px; height:20px; font-size:19px; }
.aam-brand-workspace > .aam-tab-list button.is-active {
  background:var(--aam-primary); color:#fff; box-shadow:0 8px 18px color-mix(in srgb,var(--aam-primary) 22%,transparent);
}
.aam-brand-workspace-content { min-width:0; }
.aam-brand-workspace-content .aam-tab-panel { margin:0; }
.aam-brand-workspace-content .aam-panel { border-radius:16px; box-shadow:0 12px 34px rgba(15,31,49,.055); }
.aam-brand-billing .aam-panel-empty { min-height:220px; display:grid; place-items:center; }
.aam-close-brand-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,420px); gap:38px; padding:30px; align-items:center; }
.aam-close-brand-card h2 { margin:8px 0; font-size:27px; }
.aam-close-brand-card p { color:var(--aam-muted); }
.aam-close-brand-card form { padding:20px; border-radius:12px; background:#fff7f6; }

/* Quick-action hover always keeps its content readable. */
.aam-brand-command:hover,
.aam-brand-command:focus-visible { background:var(--aam-primary)!important; border-color:var(--aam-primary)!important; transform:translateY(-2px); }
.aam-brand-command:hover *, .aam-brand-command:focus-visible * { color:#fff!important; }
.aam-brand-command:hover em, .aam-brand-command:focus-visible em { color:rgba(255,255,255,.78)!important; }
.aam-brand-command:hover .aam-brand-command-icon { background:rgba(255,255,255,.16)!important; }

/* Premium file control: fixed action column prevents Browse overlap. */
.aam-site .aam-premium-file-control {
  position:relative; width:100%; min-width:0; min-height:112px;
  display:grid!important; grid-template-columns:52px minmax(0,1fr) 108px!important;
  align-items:center; gap:16px; padding:18px 20px!important; overflow:hidden;
}
.aam-site .aam-premium-file-copy { min-width:0; overflow:hidden; }
.aam-site .aam-premium-file-copy strong,
.aam-site .aam-premium-file-copy small { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.aam-site .aam-premium-file-action {
  position:relative!important; z-index:2; width:108px; min-width:108px; height:46px;
  display:grid!important; place-items:center; justify-self:end!important; margin:0!important;
  border-radius:10px; background:var(--aam-primary); color:#fff!important; font-weight:800;
}
.aam-site .aam-premium-file-control input[type=file] { position:absolute!important; inset:0!important; z-index:3; width:100%!important; height:100%!important; opacity:0!important; cursor:pointer; }

@media (max-width: 900px) {
  .aam-brand-workspace { grid-template-columns:1fr; }
  .aam-brand-workspace > .aam-tab-list { position:static; flex-direction:row; overflow:auto; }
  .aam-tab-list-title { display:none; }
  .aam-brand-workspace > .aam-tab-list button { width:auto; flex:0 0 auto; white-space:nowrap; }
  .aam-close-brand-card { grid-template-columns:1fr; }
}
@media (max-width: 620px) {
  .aam-site .aam-form-notice { grid-template-columns:26px minmax(0,1fr) 30px; gap:9px; padding:11px 10px 9px 12px; }
  .aam-site .aam-form-notice-copy strong { font-size:14px; }
  .aam-site .aam-premium-file-control { grid-template-columns:44px minmax(0,1fr)!important; min-height:126px; padding:15px!important; }
  .aam-site .aam-premium-file-action { grid-column:1/-1; width:100%; justify-self:stretch!important; }
}