/* LelangPet V11.4.0 — notifications, tables, pagination, marketplace commissions */

/* Notification signal: clearly visible only while unread exists. */
.notification-bell.has-unread{
  color:#1f2f69!important;
  background:linear-gradient(145deg,#fff,#fff7eb)!important;
  border-color:rgba(245,161,38,.38)!important;
  box-shadow:0 8px 24px rgba(245,161,38,.14)!important;
}
.notification-bell.has-unread .ui-icon{transform:rotate(-7deg)}
.notification-signal-dot{
  position:absolute;right:7px;top:6px;width:8px;height:8px;border-radius:999px;
  background:#ef6b42;border:2px solid #fff;box-shadow:0 0 0 3px rgba(239,107,66,.14);
  pointer-events:none;
}
.notification-bell.has-unread .notification-count-badge{
  background:#ef6b42!important;box-shadow:0 0 0 3px #fff,0 5px 14px rgba(239,107,66,.28)!important;
}
@media (prefers-reduced-motion:no-preference){
  .notification-signal-dot{animation:lp-notification-pulse 2.2s ease-out infinite}
  @keyframes lp-notification-pulse{0%,55%,100%{box-shadow:0 0 0 3px rgba(239,107,66,.12)}75%{box-shadow:0 0 0 8px rgba(239,107,66,0)}}
}
.notification-row{
  position:relative;cursor:pointer;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
.notification-row:hover{transform:translateY(-1px);border-color:#d8def0;box-shadow:0 10px 24px rgba(31,47,105,.07)}
.notification-row.unread{
  border:1px solid rgba(245,161,38,.28)!important;border-left:4px solid #f5a126!important;
  background:linear-gradient(100deg,#fff8ec 0,#fff 34%)!important;
  box-shadow:0 9px 24px rgba(245,161,38,.08);
}
.notification-row.is-read{opacity:.86}
.notification-row.unread .notification-icon{background:#fff0da!important;box-shadow:inset 0 0 0 1px rgba(245,161,38,.13)}
.notification-copy{min-width:0;display:block}.notification-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.notification-new-pill{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;background:#ef6b42;color:#fff;font-size:10px;font-weight:850;letter-spacing:.03em;text-transform:uppercase}
.notification-row-arrow{display:grid;place-items:center;color:#a6afc7}.notification-row.unread .notification-row-arrow{color:#f5a126}

/* One table system for member/admin/shop lists. Invoice keeps its dedicated print table rules. */
.table-wrap,.lp-table-wrap{
  width:100%;overflow:auto;border:1px solid #e2e7f2;border-radius:15px;background:#fff;
  scrollbar-width:thin;scrollbar-color:#ccd4e6 transparent;
}
.table-wrap table,.lp-table-wrap table{width:100%;min-width:720px;border-collapse:separate!important;border-spacing:0!important;background:#fff}
.table-wrap thead th,.lp-table-wrap thead th{
  position:sticky;top:0;z-index:2;padding:12px 14px!important;background:#f7f9fd!important;
  color:#66728f!important;border-bottom:1px solid #dfe5f0!important;text-align:left!important;
  font-size:11px!important;line-height:1.35!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase!important;white-space:nowrap;
}
.table-wrap tbody td,.lp-table-wrap tbody td{
  padding:13px 14px!important;border-bottom:1px solid #edf0f6!important;color:#26345f;vertical-align:middle!important;
  font-size:13px!important;line-height:1.5!important;background:#fff;
}
.table-wrap tbody tr:last-child td,.lp-table-wrap tbody tr:last-child td{border-bottom:0!important}
.table-wrap tbody tr,.lp-table-wrap tbody tr{transition:background .15s ease}
.table-wrap tbody tr:hover td,.lp-table-wrap tbody tr:hover td{background:#fbfcff}
.table-wrap td strong,.lp-table-wrap td strong{font-weight:750;color:#1f2f69}
.table-wrap td small,.lp-table-wrap td small{display:block;margin-top:2px;color:#8791aa;font-size:11px!important;line-height:1.4!important}
.table-wrap td>a,.lp-table-wrap td>a,.table-action{font-weight:750}
.dash-card>.table-wrap,.dash-card>.lp-table-wrap,.listing-table-card>.table-wrap,.listing-table-card>.lp-table-wrap{margin-top:4px}

/* Consistent paginator rendered by components.pagination. */
.pagination-wrap{display:flex;justify-content:flex-end;align-items:center;margin-top:16px!important;overflow:auto;padding:2px}
.pagination{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pagination>a,.pagination>span{
  min-width:36px;height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #dfe5f0;border-radius:10px;background:#fff;color:#40517e;font-size:12px;font-weight:750;line-height:1;text-decoration:none;
}
.pagination>a:hover{border-color:rgba(245,161,38,.55);color:#d98110;background:#fff9ef}
.pagination>.current{background:#1f2f69;border-color:#1f2f69;color:#fff;box-shadow:0 6px 15px rgba(31,47,105,.18)}
.pagination>.disabled{color:#b5bdcf;background:#f8f9fc;cursor:not-allowed}.pagination>.dots{border-color:transparent;background:transparent;padding-inline:4px;min-width:auto}

/* Commission settings channel separation. */
.lp-commission-channel{margin-top:16px}.lp-commission-count{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f1f4fb;color:#66728f;font-size:11px;font-weight:800}
.lp-commission-channel .dash-card-head p{margin:4px 0 0;color:#7c87a2;font-size:12px}.lp-commission-list{display:grid;gap:12px}
.lp-commission-rule{padding:16px;border:1px solid #e3e8f2;border-radius:15px;background:#fcfdff}.lp-commission-rule-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.lp-commission-rule-title>form{margin:0!important}.lp-commission-rule-summary{min-width:0}.lp-commission-rule-summary>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.lp-commission-rule-summary p{margin:5px 0 0;color:#73809a;font-size:11.5px}.lp-commission-rule-summary p span{padding:0 3px;color:#aab2c3}.lp-rule-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9.5px;font-weight:850}.lp-rule-status.is-active{background:#e6f6ed;color:#26734c}.lp-rule-status.is-inactive{background:#eef1f6;color:#68748e}.lp-commission-delete{min-height:36px!important;padding:7px 10px!important;border:1px solid #f0cdd0!important;background:#fff5f5!important;color:#bd4f55!important;font-size:11.5px!important}.lp-commission-delete:hover{background:#ffeaea!important}.lp-commission-editor{margin-top:13px;border-top:1px solid #e7ebf3}.lp-commission-editor>summary{display:inline-flex;align-items:center;gap:6px;margin-top:11px;padding:7px 9px;border-radius:9px;color:#365092;font-size:11.5px;font-weight:850;list-style:none;cursor:pointer}.lp-commission-editor>summary::-webkit-details-marker{display:none}.lp-commission-editor>summary:hover,.lp-commission-editor[open]>summary{background:#eef3ff}.lp-commission-editor>form{display:grid!important;gap:14px!important;margin:11px 0 0!important;padding:15px!important;border:1px solid #dfe5f0;border-radius:13px;background:#fff!important}.lp-commission-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.lp-commission-edit-actions .check{margin:0!important}
.lp-commission-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;align-items:start}.lp-commission-grid label{min-width:0}.lp-commission-grid label small{display:block;margin-top:5px;color:#7c87a2;font-size:10.5px;line-height:1.4}
.lp-commission-empty{padding:22px;border:1px dashed #d9e0ee;border-radius:14px;background:#fafbfe}.lp-commission-empty p{margin:5px 0 0;color:#7c87a2}
.lp-admin-create-panel{margin-top:14px}.lp-admin-create-panel>summary{cursor:pointer;color:#d98110;font-weight:800}
.lp-shop-settlement{margin-top:14px;padding:14px;border:1px solid #e3e8f2;border-radius:14px;background:#f9fbff;display:grid;gap:9px}
.lp-shop-settlement>div{display:flex;justify-content:space-between;gap:16px}.lp-shop-settlement span{color:#75809b}.lp-shop-settlement .is-total{padding-top:10px;border-top:1px solid #e3e8f2;color:#1f2f69}

@media(max-width:1050px){.lp-commission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .notification-row{grid-template-columns:38px minmax(0,1fr) 20px!important;padding:12px!important}.notification-icon{width:36px!important;height:36px!important}
  .table-wrap table,.lp-table-wrap table{min-width:660px}.table-wrap thead th,.lp-table-wrap thead th{font-size:10px!important}.table-wrap tbody td,.lp-table-wrap tbody td{font-size:12px!important}
  .pagination-wrap{justify-content:flex-start}.pagination>a,.pagination>span{min-width:34px;height:34px}
  .lp-commission-grid{grid-template-columns:1fr}.lp-commission-rule-title{align-items:flex-start}.lp-commission-rule-summary p{line-height:1.55}.lp-commission-edit-actions{align-items:stretch;flex-direction:column}.lp-commission-edit-actions .btn{width:100%}
}