/* LAQTA 6.2.0 — unified interaction/layout layer.
   Kept separate from legacy bundle so new rules are auditable and removable. */
:root{
  --ui-control-h:48px;
  --ui-control-h-compact:42px;
  --ui-gap:10px;
  --ui-radius:14px;
  --ui-line:#dbe7e1;
  --ui-soft:#f7fbf9;
}

/* Platform identity: always compact and visually stable. */
.brand-251{min-width:0;flex:0 0 auto}
.brand-251 .brand-mark{width:42px;height:42px;flex:0 0 42px;border-radius:13px}
.brand-251 .brand-fallback-icon{display:grid;place-items:center}
.brand-251 .brand-fallback-icon .fa{width:20px;height:20px}
.brand-251 .brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* A consistent control geometry across admin/member pages. */
:where(.admin-area,.panel-area) :where(.btn,.small-btn,.table-action-trigger-401,.wallet-action-btn){
  min-height:var(--ui-control-h-compact);
  border-radius:var(--ui-radius);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  line-height:1.35;
  white-space:normal;
  text-align:center;
}
:where(.admin-area,.panel-area) .btn{min-height:var(--ui-control-h)}
:where(.admin-area,.panel-area) :where(.admin-head-actions-401,.transaction-actions,.document-toolbar>div,.account-create-actions,.form-actions,.button-row,.actions-row){
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--ui-gap);
}
:where(.admin-area,.panel-area) :where(.admin-head-actions-401,.form-actions,.button-row,.actions-row)>*{margin:0}
:where(.admin-area,.panel-area) form:has(>button.btn:only-child)>button.btn{max-width:100%}

/* Quick access: two balanced columns on phones; odd last item spans the row. */
.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.quick-grid>a{min-height:58px!important;padding:11px 14px!important;gap:9px!important;justify-content:flex-start!important;min-width:0}
.quick-grid>a:last-child:nth-child(odd){grid-column:1/-1}
.quick-grid>a .fa{flex:0 0 auto}

/* Member shortcuts use the same rhythm and no accidental narrow orphan card. */
.dashboard-market-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.dashboard-market-links>a:last-child:nth-child(odd){grid-column:1/-1}
.dashboard-market-links>a{min-height:82px;align-items:center}

/* Tables keep only one compact action trigger visible. */
.actions-cell-401{white-space:nowrap;text-align:center}
.table-action-trigger-401{min-width:104px;padding:8px 12px!important}
.action-sheet-list-401{display:grid!important;gap:7px!important}
.action-sheet-list-401 :where(a,button){min-height:46px!important;display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;text-align:start!important}
.action-sheet-list-401 form{margin:0!important}
.action-note-620{display:grid;gap:5px;padding:4px 0 8px;font-size:10px}
.action-note-620 input{width:100%;min-height:40px;border:1px solid var(--ui-line);border-radius:11px;padding:8px 10px}

/* Permission forms */
.permission-grid-320{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.permission-grid-320 label{min-height:42px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-soft)}
.permission-grid-320 input{width:auto!important;flex:0 0 auto}

/* 6.2 monitoring / maker-checker */
.health-alert-summary-620,.health-ok-summary-620,.dual-approval-note-620{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:16px;margin-bottom:16px}
.health-alert-summary-620{background:#fff7e8;border:1px solid #ead9ad;color:#795a18}.health-alert-summary-620 span{display:block;font-size:10px;margin-top:2px}
.health-ok-summary-620{background:#edf8f2;border:1px solid #cfe7d9;color:#145f43}.health-ok-summary-620>div{display:grid}.health-ok-summary-620 span{font-size:10px}
.dual-approval-note-620{background:#eef7f3;border:1px solid #cfe4da}.dual-approval-note-620 p{margin:2px 0 0;color:#60776d;font-size:11px}
.health-grid-620{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.health-card-620{display:flex;align-items:flex-start;gap:10px;min-height:104px;padding:14px;border:1px solid var(--ui-line);border-radius:16px;background:#fff}
.health-card-620.ok{border-color:#cfe7da;background:#f8fcfa}.health-card-620.warning{border-color:#ead9ad;background:#fffaf0}.health-card-620.critical{border-color:#eccaca;background:#fff7f7}
.health-icon-620{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#eef6f2;flex:0 0 auto}.health-card-620 b{display:block}.health-card-620 p{margin:3px 0 0;color:#667b71;font-size:10px;line-height:1.65}
.admin-two-col-620{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.health-alert-list-620{display:grid;gap:8px}.health-alert-list-620>div{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;padding:10px 0;border-bottom:1px solid #edf1ef}.health-alert-list-620 small,.health-alert-list-620 time{grid-column:2;color:#6d8077;font-size:9px}.key-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.key-values>div{display:grid;gap:2px;padding:10px;border:1px solid var(--ui-line);border-radius:12px}.key-values span{font-size:9px;color:#6f8179}.key-values code{font-size:9px;overflow-wrap:anywhere}

/* Forms: avoid stacked/uneven action geometry. */
:where(.admin-area,.panel-area) .form-card :where(input,select,textarea){min-height:44px}
:where(.admin-area,.panel-area) .form-card textarea{min-height:105px}

@media(max-width:760px){
  :where(.admin-area,.panel-area) .section-head{align-items:stretch;flex-direction:column;gap:12px}
  :where(.admin-area,.panel-area) .admin-head-actions-401{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  :where(.admin-area,.panel-area) .admin-head-actions-401>*{width:100%}
  :where(.admin-area,.panel-area) .admin-head-actions-401>:last-child:nth-child(odd){grid-column:1/-1}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .quick-grid>a{font-size:10px!important;min-height:62px!important}
  .dashboard-market-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-market-links>a{padding:12px!important;min-height:86px}
  .health-grid-620{grid-template-columns:1fr}
  .admin-two-col-620{grid-template-columns:1fr}
  .permission-grid-320{grid-template-columns:1fr}
  .key-values{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  :where(.admin-area,.panel-area) .admin-head-actions-401{grid-template-columns:1fr}
  :where(.admin-area,.panel-area) .admin-head-actions-401>:last-child:nth-child(odd){grid-column:auto}
  .quick-grid{gap:8px!important}
  .quick-grid>a{padding:10px!important;font-size:9.5px!important}
  .dashboard-market-links>a{gap:8px!important}
}

/* 6.2.0 final pass — normalize the most common action clusters without changing page semantics. */
:where(.admin-area,.panel-area) :where(
  .form-actions,.row-actions,.dialog-actions,.order-actions,.order-head-actions,.manage-actions,
  .wallet-dialog-actions-v5,.wallet-actions-v5,.wallet-quick-actions-v54,.wallet-transfer-actions-v4,
  .payment-otp-actions-v56,.plan-payment-actions,.request-identity-actions,.request-identity-actions-401,
  .notifications-toolbar,.contact-actions-251,.identity-actions-351,.store-secondary-actions,
  .dashboard-primary-actions-352,.finance-links,.market-cart-actions,.product-purchase-actions-v591
){display:flex;align-items:center;flex-wrap:wrap;gap:10px}
:where(.admin-area,.panel-area) :where(
  .form-actions,.row-actions,.dialog-actions,.order-actions,.order-head-actions,.manage-actions,
  .wallet-dialog-actions-v5,.wallet-actions-v5,.wallet-quick-actions-v54,.wallet-transfer-actions-v4,
  .payment-otp-actions-v56,.plan-payment-actions,.request-identity-actions,.request-identity-actions-401,
  .notifications-toolbar,.contact-actions-251,.identity-actions-351,.store-secondary-actions,
  .dashboard-primary-actions-352,.finance-links,.market-cart-actions,.product-purchase-actions-v591
)>:where(a,button,form){margin:0;min-width:0}
:where(.admin-area,.panel-area) :where(.row-actions,.order-actions,.manage-actions) form>button,
:where(.admin-area,.panel-area) :where(.dialog-actions,.wallet-dialog-actions-v5) form>button{width:100%}

/* Keep long Arabic labels readable and prevent icon/text collisions in compact cards. */
:where(.admin-area,.panel-area) :where(.btn,.small-btn,.action-btn,.wallet-action-btn,.quick-grid>a,.dashboard-market-links>a){overflow-wrap:anywhere}
:where(.admin-area,.panel-area) :where(.btn,.small-btn,.action-btn,.wallet-action-btn) .fa{flex:0 0 auto}

/* Horizontal table areas scroll as one unit instead of squeezing action controls. */
:where(.admin-area,.panel-area) :where(.table-wrap,.table-scroll,.responsive-table){overflow-x:auto;-webkit-overflow-scrolling:touch}
:where(.admin-area,.panel-area) table{max-width:100%}

@media(max-width:760px){
  :where(.admin-area,.panel-area) :where(
    .form-actions,.row-actions,.dialog-actions,.order-actions,.order-head-actions,.manage-actions,
    .wallet-dialog-actions-v5,.wallet-actions-v5,.wallet-quick-actions-v54,.wallet-transfer-actions-v4,
    .payment-otp-actions-v56,.plan-payment-actions,.request-identity-actions,.request-identity-actions-401,
    .notifications-toolbar,.contact-actions-251,.identity-actions-351,.store-secondary-actions,
    .dashboard-primary-actions-352,.finance-links,.market-cart-actions,.product-purchase-actions-v591
  ){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  :where(.admin-area,.panel-area) :where(
    .form-actions,.row-actions,.dialog-actions,.order-actions,.order-head-actions,.manage-actions,
    .wallet-dialog-actions-v5,.wallet-actions-v5,.wallet-quick-actions-v54,.wallet-transfer-actions-v4,
    .payment-otp-actions-v56,.plan-payment-actions,.request-identity-actions,.request-identity-actions-401,
    .notifications-toolbar,.contact-actions-251,.identity-actions-351,.store-secondary-actions,
    .dashboard-primary-actions-352,.finance-links,.market-cart-actions,.product-purchase-actions-v591
  )>:where(a,button,form){width:100%}
  :where(.admin-area,.panel-area) :where(
    .form-actions,.row-actions,.dialog-actions,.order-actions,.order-head-actions,.manage-actions,
    .wallet-dialog-actions-v5,.wallet-actions-v5,.wallet-quick-actions-v54,.wallet-transfer-actions-v4,
    .payment-otp-actions-v56,.plan-payment-actions,.request-identity-actions,.request-identity-actions-401,
    .notifications-toolbar,.contact-actions-251,.identity-actions-351,.store-secondary-actions,
    .dashboard-primary-actions-352,.finance-links,.market-cart-actions,.product-purchase-actions-v591
  )>:last-child:nth-child(odd){grid-column:1/-1}
  :where(.admin-area,.panel-area) :where(
    .form-actions,.row-actions,.dialog-actions,.order-actions,.order-head-actions,.manage-actions,
    .wallet-dialog-actions-v5,.wallet-actions-v5,.wallet-quick-actions-v54,.wallet-transfer-actions-v4,
    .payment-otp-actions-v56,.plan-payment-actions,.request-identity-actions,.request-identity-actions-401,
    .notifications-toolbar,.contact-actions-251,.identity-actions-351,.store-secondary-actions,
    .dashboard-primary-actions-352,.finance-links,.market-cart-actions,.product-purchase-actions-v591
  ) form>button{width:100%}
}
@media(max-width:390px){
  :where(.admin-area,.panel-area) :where(.dialog-actions,.payment-otp-actions-v56,.wallet-transfer-actions-v4,.product-purchase-actions-v591){grid-template-columns:1fr}
  :where(.admin-area,.panel-area) :where(.dialog-actions,.payment-otp-actions-v56,.wallet-transfer-actions-v4,.product-purchase-actions-v591)>:last-child:nth-child(odd){grid-column:auto}
}