
/* Layout only: typography, buttons, tabs, tables and pagination use ADS shared components. */
.store-manager-drawer{display:flex;flex-direction:column;overflow:hidden!important}
.sm-identity{display:grid;gap:2px;margin:0 0 10px;flex-shrink:0;min-width:0}
.sm-name-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.sm-name-row>strong{min-width:0;overflow-wrap:anywhere}
.sm-name-row .modal-close{flex-shrink:0}
.sm-identity>span{color:var(--ar-muted,var(--muted))}
.sm-identity i{font-style:normal;margin:0 7px}
.sm-tabs{flex-shrink:0;margin-bottom:12px}
.sm-content{flex:1;min-height:0;display:flex;flex-direction:column}
.sm-content>[role=tabpanel]{flex:1;min-height:0;display:flex;flex-direction:column;padding:0!important;margin:0!important}
.sm-content>[hidden],.store-manager-drawer [hidden]{display:none!important}
#sm-form,#batch-store-form.sm-batch-form{flex:1;min-height:0;display:flex!important;flex-direction:column;gap:0!important;padding:0!important;margin:0!important}
.sm-form-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:0 3px 16px 0}
.sm-form-body>label,.sm-field-pair>label{display:grid;gap:6px}
.sm-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sm-api{padding-block:12px;margin-block:2px;border-block:1px solid var(--ar-line,var(--line))}
.sm-api-heading,.sm-member-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sm-api-fields{display:grid;gap:14px;margin-top:14px}
.sm-api-fields>label{display:grid;gap:6px}
.sm-members{max-height:180px!important;min-height:100px}
.sm-members .checkbox-line{display:flex}
.sm-members .checkbox-line>span:nth-child(2){flex:1}
.sm-footer{flex-shrink:0;border-top:1px solid var(--ar-line,var(--line));margin-top:auto!important;padding-bottom:14px}
.sm-history-scroll{flex:1;min-height:0;overflow:auto;padding:0 3px 16px 0}
.sm-history-entry{margin-bottom:18px}
.sm-history-entry:last-child{margin-bottom:0}
.sm-event-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}
.sm-event-meta>div{display:flex;align-items:center;gap:8px}
.sm-event-meta time{white-space:nowrap;font-variant-numeric:tabular-nums}
.sm-history-entry .table-wrap{overflow:visible}
.sm-history-table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left}
.sm-history-table .sm-history-field{width:116px}
.sm-history-table :is(th,td){padding:9px 12px;border:1px solid var(--ar-line,var(--line));vertical-align:top;line-height:1.5}
.sm-history-table th{background:var(--ar-surface-muted,var(--soft));font-weight:var(--ar-weight-emphasis,600)}
.sm-history-table td{overflow-wrap:anywhere}
.sm-history-table .sm-field-name{white-space:nowrap;font-weight:var(--ar-weight-emphasis,600)}
#sm-history>.pagination{flex-shrink:0}
.sm-sync-scroll{flex:1;min-height:0;overflow:auto;padding:0 3px 16px 0}
.sm-sync-section{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--ar-line,var(--line))}
.sm-sync-section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.sm-task-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sm-task-meta{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.sm-catchup-controls{display:flex;align-items:end;gap:12px;margin-top:12px}
.sm-catchup-controls>label{display:grid;gap:6px;flex:1}
.sm-empty{padding:32px 12px;text-align:center;color:var(--ar-muted,var(--muted))}
.sm-history-store{display:grid;gap:6px;flex-shrink:0;margin-bottom:12px;min-width:0}
.sm-history-store .custom-select-wrap{min-width:0;max-width:100%}
.sm-history-store .custom-select-trigger{min-width:0;max-width:100%;overflow:hidden}
.sm-batch-scope{border:1px solid var(--ar-line,var(--line));border-radius:10px;padding:9px 12px}
.sm-batch-scope summary{cursor:pointer;color:var(--ar-secondary,var(--muted))}
.sm-batch-scope>div{display:grid;gap:8px;max-height:150px;overflow:auto;margin-top:10px}
.sm-batch-scope>div>span{overflow-wrap:anywhere}
.sm-batch-member-mode{min-width:0}
.sm-batch-members[aria-disabled="true"]{opacity:.55}
.sm-batch-members[aria-disabled="true"] .checkbox-line{cursor:not-allowed}
.sm-clear-members{display:flex!important;align-items:flex-start;gap:8px!important;line-height:1.5}
.sm-clear-members>input{flex-shrink:0;margin-top:2px}
#batch-store-form.sm-batch-form .sm-footer>[type="submit"]{white-space:normal;max-width:100%;text-align:center}
.sm-batch-hint{margin:0!important;line-height:1.5}
#batch-store-form.sm-batch-form .form-error:empty{display:none}
#stores-list .store-settings-table:not(.is-paused) :is(th,td):last-child{width:116px!important;min-width:116px!important}
#stores-list .store-row-actions{justify-content:flex-end!important}
@media(max-width:480px){.sm-history-table .sm-history-field{width:104px}.sm-history-table :is(th,td){padding:8px}.sm-event-meta{align-items:flex-start;flex-direction:column;gap:4px}.sm-task-heading{flex-wrap:wrap}}

@layer apple-proportions {
  #modal-root .store-manager-drawer .apple-segmented-control > button { color:var(--ar-secondary)!important; }
  #modal-root .store-manager-drawer .apple-segmented-control > button.active,
  #modal-root .store-manager-drawer .apple-segmented-control > button[aria-selected="true"] { background:var(--ar-surface)!important;color:var(--ar-link)!important;border-color:var(--ar-border)!important;box-shadow:var(--ar-shadow-button)!important; }
}

@layer apple-proportions {
  #modal-root .store-manager-drawer .sm-history-table :is(th, td) { font-family:var(--ads-font-sans)!important;font-size:var(--ar-data)!important;line-height:18px!important; }
  #modal-root .store-manager-drawer .sm-history-table td { font-weight:var(--ar-weight-body)!important; }
  #modal-root .store-manager-drawer .sm-history-table :is(th,.sm-field-name) { font-weight:var(--ar-weight-emphasis)!important; }
}

/* Keep the standard drawer width and let report values wrap in their columns. */
@layer apple-proportions {
  #modal-root .store-manager-drawer :is(.sm-content,#sm-history,.sm-history-scroll,.sm-history-entry,.sm-history-entry .table-wrap) { min-width:0!important;max-width:100%!important; }
  #modal-root .store-manager-drawer .sm-history-scroll { overflow-x:hidden!important;overflow-y:auto!important; }
  #modal-root .store-manager-drawer .sm-history-entry .table-wrap { width:100%!important;min-width:0!important;overflow:visible!important; }
  #modal-root .store-manager-drawer .sm-history-table { width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important; }
  #modal-root .store-manager-drawer .sm-history-table :is(th,td) { white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;height:auto!important;text-overflow:clip!important;overflow:visible!important; }
  #modal-root .store-manager-drawer .sm-history-table tr { height:auto!important; }
}

/* Keep editing history inside the same rounded frame as the member selector.
   Tables meet the frame sides; event headings retain their own horizontal inset.
   Pagination remains fixed outside the frame at the drawer's bottom edge. */
.store-manager-drawer{--sm-drawer-inset:18px}
@media(max-width:600px){.store-manager-drawer{--sm-drawer-inset:14px}}
@layer apple-proportions {
  #modal-root .store-manager-drawer #sm-history > .sm-history-scroll {
    width:100%!important;
    max-width:100%!important;
    margin:0 0 12px!important;
    padding:8px 0!important;
    border:1px solid var(--ar-line,var(--line))!important;
    border-radius:10px!important;
    background:var(--ar-surface,var(--surface))!important;
    box-sizing:border-box!important;
  }
  #modal-root .store-manager-drawer #sm-history > .sm-history-scroll .sm-event-meta {
    margin-inline:8px!important;
  }
  #modal-root .store-manager-drawer #sm-history > .pagination {
    --ar-control:var(--ar-action);
    width:calc(100% + 2 * var(--sm-drawer-inset))!important;
    max-width:none!important;
    margin:0 calc(-1 * var(--sm-drawer-inset))!important;
    min-height:44px!important;
    padding:7px 12px!important;
    gap:8px!important;
    font-size:12px!important;
    background:var(--ar-surface-muted)!important;
    border-color:var(--ar-line)!important;
    color:var(--ar-secondary)!important;
  }
  #modal-root .store-manager-drawer .pagination .pagination-jump {
    min-height:var(--ar-control)!important;height:var(--ar-control)!important;align-items:center!important;
  }
  #modal-root .store-manager-drawer .pagination .pagination-jump input {
    --ar-control-padding:0 6px;
    width:72px!important;min-width:72px!important;max-width:none!important;flex:0 0 72px!important;
    text-align:center!important;font-variant-numeric:tabular-nums!important;
  }
  #modal-root .store-manager-drawer .pagination :is(input:not([type="checkbox"]),.custom-select-trigger,.pagination-page,.pagination-arrow) {
    min-height:28px!important;height:28px!important;max-height:28px!important;
  }
  #modal-root .store-manager-drawer .pagination :is(.pagination-page,.pagination-arrow) { min-width:28px!important;font-weight:var(--ar-weight-emphasis)!important; }
  #modal-root .store-manager-drawer .pagination-page {
    border:1px solid var(--ar-control-border)!important;background:var(--ar-surface)!important;background-image:none!important;
    background-clip:border-box!important;color:var(--ar-ink)!important;box-shadow:var(--ar-shadow-button)!important;
    appearance:none!important;transform:none!important;font-size:12px!important;
    transition:background-color 120ms ease,border-color 120ms ease,color 120ms ease!important;
  }
  #modal-root .store-manager-drawer .pagination-page:not(:disabled):hover { background-color:var(--ar-surface-muted)!important;border-color:var(--ar-control-border-hover)!important; }
  #modal-root .store-manager-drawer .pagination-page.active { border-color:var(--ar-button-primary)!important;background-color:var(--ar-button-primary)!important;color:#fff!important;box-shadow:var(--ar-shadow-button)!important; }
  #modal-root .store-manager-drawer .pagination-page.active:not(:disabled):hover { background-color:var(--ar-button-primary-hover)!important;border-color:var(--ar-button-primary-hover)!important; }
  #modal-root .store-manager-drawer .pagination-page:not(:disabled):active { filter:brightness(.96)!important;box-shadow:var(--ar-shadow-button)!important;transform:none!important; }
  #modal-root .store-manager-drawer .pagination-page:disabled { background-color:var(--ar-neutral-soft)!important;color:var(--ar-muted)!important;border-color:var(--ar-neutral-line)!important;box-shadow:none!important;opacity:1!important;cursor:not-allowed!important;filter:none!important; }
}

@layer apple-proportions {
  #view #stores-list .store-settings-table:not(.is-paused) th:last-child {width:116px!important;min-width:116px!important;max-width:116px!important}
}

/* Equal store counts within the existing first status card. */
#store-settings-status-cards .store-settings-count-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
#store-settings-status-cards .store-settings-count-item{display:grid;align-content:center;justify-items:center;gap:3px;min-width:0;text-align:center}
#store-settings-status-cards .store-settings-count-item + .store-settings-count-item{border-inline-start:1px solid var(--ar-line,var(--line))}
#store-settings-status-cards .store-settings-count-item > span{white-space:nowrap}
