.admin-employee {
  align-items: flex-start;
  flex-wrap: wrap;
}

.admin-name-button {
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--text);
  font-weight: 800;
  cursor: pointer;
  text-align: left;
}

.admin-name-button:hover {
  text-decoration: underline;
}

.admin-status-select,
.admin-membership-group {
  width: auto;
  max-width: 145px;
  padding: 7px 8px;
  font-size: 11px;
}

.admin-group {
  gap: 8px;
}

.admin-group.is-archived {
  opacity: .58;
}

.admin-group .ghost {
  padding: 7px 9px;
  font-size: 10px;
}

.membership-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}

.membership-chips span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border-radius: 7px;
  background: var(--green-soft);
  color: var(--green);
  font-size: 10px;
  font-weight: 700;
}

.membership-chips button {
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-weight: 900;
  padding: 0;
}

.membership-chips em {
  color: var(--muted);
  font-size: 10px;
}

.customer-select {
  width: 100%;
  border: 0;
  text-align: left;
  cursor: pointer;
  color: var(--text);
}

.customer-select:hover {
  background: #f3f7f4;
}

#nutrition-view .nutrition-content:not(#nutrition-functional),
#tasks-view > .kanban,
#marketing-view > .marketing-content:not(#marketing-functional),
#marketing-view > .marketing-filters {
  display: none !important;
}

.functional-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:12px; }
.functional-stack { display:grid; gap:12px; }
.functional-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.functional-actions select,.functional-actions input { width:auto; min-width:130px; }
.functional-card { padding:16px; }
.functional-card p,.functional-card small { color:var(--muted); }
.functional-card h3 { margin:8px 0; }
.functional-card .file-row { margin-top:8px; }
.functional-form { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; margin-bottom:14px; }
.functional-form label { display:grid; gap:5px; color:var(--muted); font-size:11px; }
.functional-form button { align-self:end; }
.metric-live { color:var(--green); }
.chart-live { display:flex; align-items:end; gap:8px; min-height:150px; padding-top:18px; overflow:auto; }
.chart-live div { min-width:42px; flex:1; text-align:center; font-size:10px; color:var(--muted); }
.chart-live i { display:block; min-height:4px; background:var(--green); border-radius:6px 6px 2px 2px; margin:4px auto; }
.chart-live b { display:block; color:var(--text); }
.task-live { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.task-live .lane { min-height:180px; }
.live-marketing-filters { flex-wrap:wrap; align-items:end; }
.live-marketing-filters input { min-width:135px; }
.dynamic-donut { position:relative;display:grid;place-items:center;width:130px;height:130px;border-radius:50%;flex:0 0 auto; }
.dynamic-donut:after { content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:#fff; }
.dynamic-donut>span { position:relative;z-index:1;text-align:center;font-size:15px;font-weight:900;max-width:76px; }
.dynamic-donut>span small { display:block;font-size:9px;color:var(--muted); }
.media-performance-row { grid-template-columns:1.2fr 1fr 1fr .8fr .8fr .8fr; }
.session-summary-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px; }
.session-summary-grid>div { background:#f5f7f5;border-radius:9px;padding:10px; }
.session-summary-grid span,.session-summary-grid strong { display:block; }
.session-summary-grid span { color:var(--muted);font-size:9px;margin-bottom:4px; }
.nutrition-live-layout { display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;align-items:start; }
.nutrition-session-list { padding:7px; }
.nutrition-session-list .session-row { width:100%;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer; }
.nutrition-session-list .session-row.selected { background:var(--green-soft); }
.nutrition-workspace { margin-top:0; }
.nutrition-workspace>.session-editor { min-width:0; }
.nutrition-workspace>.nutrition-side { min-width:0; }
.task-create-form { margin-bottom:14px; }
.form-span-2 { grid-column:span 2; }
.priority-label { font-size:9px;text-transform:uppercase;color:var(--muted); }
.priority-label.urgent { color:var(--red);font-weight:900; }
.priority-label.high { color:var(--orange);font-weight:900; }
.compact-field { display:grid;gap:4px;margin-top:9px;font-size:9px;color:var(--muted); }
.compact-field select { width:100%;padding:7px; }
.completion-note { margin-top:10px;padding:9px;border-radius:8px;background:var(--green-soft); }
.completion-note p { margin:4px 0 0; }
.security-strip.warning { border-color:#eadba8;background:#fffbec; }
.feedback-assignment-control { width:100%;margin-top:5px;padding:5px;font-size:9px; }
.audit-detail { border-bottom:1px solid #edf0ee; }
.audit-detail .audit-row { border-bottom:0;cursor:pointer;list-style:none; }
.audit-detail .audit-row::-webkit-details-marker { display:none; }
.audit-change-detail { padding:0 8px 14px;font-size:11px;color:var(--muted); }
.audit-change-detail>div { display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start; }
.audit-change-detail pre { margin:0;padding:10px;border-radius:8px;background:#f5f7f5;overflow:auto;font-size:10px;white-space:pre-wrap; }
.customer-purchases { margin:18px 0; }
@media(max-width:900px){.task-live{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){.nutrition-live-layout{grid-template-columns:1fr}.nutrition-session-list{display:grid;grid-template-columns:repeat(2,1fr)}.nutrition-workspace{grid-template-columns:1fr}}
@media(max-width:720px){
  html,body,.app-shell,main{width:100%;max-width:100%;min-width:0}
  .view,.panel,.marketing-content,.marketing-grid,.visual-grid,.ad-efficiency-section{min-width:0;max-width:100%}
  .data-table{width:100%;max-width:calc(100vw - 28px);overflow-x:auto}
  .nutrition-session-list{grid-template-columns:1fr}.session-summary-grid{grid-template-columns:repeat(2,1fr)}.form-span-2{grid-column:auto}
}

@media(max-width:720px){
  .functional-grid,.functional-form,.task-live{grid-template-columns:minmax(0,1fr)}
  .functional-grid>*,.functional-form>*,.task-live>*,.nutrition-workspace>*,.nutrition-live-layout>*{min-width:0;max-width:100%}
  .functional-actions{width:100%;align-items:stretch}
  .functional-actions>*,.functional-actions select,.functional-actions input{width:100%;min-width:0;max-width:100%}
  .admin-status-select,.admin-membership-group{width:100%;max-width:100%}
  .admin-employee,.admin-group{min-width:0;align-items:stretch}
  .admin-employee>*,.admin-group>*{min-width:0;max-width:100%}
  .session-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .audit-change-detail>div{grid-template-columns:1fr}
  .audit-change-detail pre{min-width:0;max-width:100%}
}
