/* Sahanaz Pay v0.5.4: merchant account reference and functional order search.
 * Scoped to authenticated merchant workspaces; do not affect public/admin UI. */
.merchant-layout .merchant-global-search{display:flex!important;align-items:center;gap:0;margin:0!important;padding:0!important;position:relative;min-width:0;border:1px solid #e0e5ee;border-radius:5px;background:#fff;overflow:hidden;height:34px;box-shadow:none!important}
.merchant-layout .merchant-global-search input[type=search]{width:clamp(140px,19vw,280px)!important;min-width:0!important;height:32px!important;min-height:32px!important;box-sizing:border-box!important;border:0!important;background:#fff!important;box-shadow:none!important;margin:0!important;padding:0 9px!important;font-size:12px!important;line-height:32px!important;color:#394963!important;outline:0!important}
.merchant-layout .merchant-global-search input::placeholder{color:#a0aabb!important}
.merchant-layout .merchant-global-search:focus-within{border-color:#6787e8;box-shadow:0 0 0 2px #7296e824!important}
.merchant-layout .merchant-global-search button{box-sizing:border-box;display:grid!important;place-items:center;width:33px!important;height:32px!important;min-height:32px!important;min-width:33px!important;padding:0!important;margin:0!important;border:0!important;border-left:1px solid #ecedf3!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#5d76ab!important;cursor:pointer!important}
.merchant-layout .merchant-global-search button:hover{background:#eff3ff!important;color:#3e6fee!important}
.merchant-layout .merchant-global-search .sp-icon{width:16px!important;height:16px!important}
/* Keep the original reference layout geometry; this page is visually aligned to the supplied personal-center recording. */
body.layout-portal.merchant-portal .merchant-layout:has(.merchant-account-shell){background:#efeff7!important}
.merchant-layout:has(.merchant-account-shell) .merchant-page-heading{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
.merchant-layout:has(.merchant-account-shell) .merchant-content{padding:18px 18px 36px!important}
.merchant-layout .merchant-account-shell{display:grid;grid-template-columns:258px minmax(0,1fr);gap:18px;align-items:start;min-width:0;box-sizing:border-box}
.merchant-layout .merchant-account-identity,.merchant-layout .merchant-account-main{border:1px solid #e5e9f1;border-radius:6px;background:#fff;box-shadow:0 2px 10px #2937560b;min-width:0;box-sizing:border-box;overflow:hidden}
.merchant-layout .merchant-account-identity{padding:28px 20px 18px;text-align:center;display:flex;flex-direction:column;align-items:stretch}
.merchant-layout .merchant-account-avatar{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#bec3cc;color:white;font-size:28px;font-weight:600;line-height:1}
.merchant-layout .merchant-account-identity h2{margin:0!important;color:#2e3748!important;font-size:16px!important;line-height:1.5!important;overflow-wrap:anywhere}
.merchant-layout .merchant-account-identity>p{margin:7px 0 19px!important;font-size:12px;color:#87919e}
.merchant-layout .merchant-account-identity-rule{height:1px;background:#edf0f5;margin:0 -20px 17px}
.merchant-layout .merchant-account-identity-info{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;min-height:27px;color:#8792a1;font-size:12px;text-align:left}
.merchant-layout .merchant-account-identity-info strong{color:#708097;text-align:right;font-size:11px;font-weight:500}
.merchant-layout .merchant-account-identity-info .pill{max-width:65%;font-size:11px}
.merchant-layout .merchant-account-outline{background:#587cf0;color:#fff!important;text-decoration:none!important;border-radius:4px;display:grid;place-items:center;min-height:35px;padding:7px 12px;font-size:12px;font-weight:600}
.merchant-layout .merchant-account-main{min-height:362px}
.merchant-layout .merchant-account-tabs{display:flex;align-items:stretch;gap:26px;padding:0 18px;min-height:50px;border-bottom:1px solid #e5e9f1;overflow-x:auto;scrollbar-width:thin}
.merchant-layout .merchant-account-tabs a{display:grid;place-items:center;min-height:49px;flex:0 0 auto;white-space:nowrap;position:relative;padding:0 3px;text-decoration:none!important;font-size:13px;color:#3c485b!important;font-weight:500}
.merchant-layout .merchant-account-tabs a:hover,.merchant-layout .merchant-account-tabs a.selected{color:#4b75e7!important}
.merchant-layout .merchant-account-tabs a.selected:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:#577bed}
.merchant-layout .merchant-account-tabs a:focus-visible{outline:2px solid #7897ee;outline-offset:-3px}
.merchant-layout .merchant-account-pane{padding:23px 20px 27px;min-width:0}
.merchant-layout .merchant-account-section-title{display:flex;align-items:center;gap:9px;color:#35455e;border-bottom:1px solid #edf0f4;font-size:14px;font-weight:650;padding:0 0 15px;margin-bottom:20px}
.merchant-layout .merchant-account-section-title .sp-icon{height:16px;width:16px;color:#6282e6}
.merchant-layout .merchant-account-fields{margin:0;display:grid;gap:0;max-width:760px}
.merchant-layout .merchant-account-field{display:grid;grid-template-columns:132px minmax(0,1fr);gap:13px;align-items:center;min-height:43px;padding:6px 0;border-bottom:1px solid #f1f3f8;font-size:12px;overflow-wrap:anywhere}
.merchant-layout .merchant-account-field dt{color:#8a97a8}
.merchant-layout .merchant-account-field dd{margin:0;color:#3d4b63;min-width:0;font-weight:550}
.merchant-layout .merchant-account-field dd code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f6f8fc;border:1px solid #edf0f6;border-radius:3px;padding:3px 5px;color:#415b8e;overflow-wrap:anywhere}
.merchant-layout .merchant-account-hosts{display:flex;flex-wrap:wrap;gap:5px}
.merchant-layout .merchant-account-muted{color:#8e99a8;font-weight:400}
.merchant-layout .merchant-account-pane-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}
.merchant-layout .merchant-account-action,.merchant-layout .merchant-account-setting>a,.merchant-layout .merchant-account-empty>a{display:inline-flex;align-items:center;justify-content:center;min-height:35px;text-decoration:none!important;color:#fff!important;background:#587ef0;border-radius:4px;padding:6px 13px;font-size:12px;font-weight:600;white-space:nowrap}
.merchant-layout .merchant-account-setting{padding:15px 0;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;align-items:center;gap:22px}
.merchant-layout .merchant-account-setting>div{display:grid;gap:6px;min-width:0}
.merchant-layout .merchant-account-setting strong{font-size:13px;color:#34415a}
.merchant-layout .merchant-account-setting small{font-size:11px;color:#8c97a7;line-height:1.6}
.merchant-layout .merchant-account-setting>a{flex:none}
.merchant-layout .merchant-account-hint{font-size:11px;color:#8996a8;margin:20px 0 0;line-height:1.65}
.merchant-layout .merchant-account-empty{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:12px;min-height:235px;padding:20px;color:#758398}
.merchant-layout .merchant-account-empty>.sp-icon{width:30px;height:30px;color:#8da2dc}
.merchant-layout .merchant-account-empty strong{font-size:14px;color:#39495f}
.merchant-layout .merchant-account-empty p{font-size:12px;max-width:490px;line-height:1.8;margin:0;color:#8a97a7}
/* Account, orders, callbacks and channel selects: use single native control, never phantom JS overlays. */
.merchant-layout .ref-filter .ref-select-trigger,.merchant-layout .ref-filter .ref-select-pop,.merchant-layout .pay-channel-filters .ref-select-trigger,.merchant-layout .pay-channel-filters .ref-select-pop{display:none!important}
@media(max-width:1000px){.merchant-layout .merchant-account-shell{grid-template-columns:210px minmax(0,1fr);gap:12px}.merchant-layout .merchant-account-tabs{gap:16px}.merchant-layout .merchant-global-search input[type=search]{width:clamp(120px,19vw,230px)!important}}
@media(max-width:820px){.merchant-layout .merchant-account-shell{grid-template-columns:1fr}.merchant-layout .merchant-account-identity{padding:18px;flex-flow:row wrap;align-items:center;gap:8px 15px;text-align:left}.merchant-layout .merchant-account-avatar{width:52px;height:52px;font-size:20px;margin:0}.merchant-layout .merchant-account-identity h2{flex:1 1 50%;min-width:0}.merchant-layout .merchant-account-identity>p{flex:1 1 100%;margin:0!important}.merchant-layout .merchant-account-identity-rule{flex:1 1 100%;margin:4px -18px 0}.merchant-layout .merchant-account-identity-info{flex:1 1 150px;margin:0}.merchant-layout .merchant-account-outline{flex:1 1 100%}.merchant-layout .merchant-global-search input[type=search]{width:min(45vw,260px)!important}}
@media(max-width:560px){.merchant-layout .merchant-global-search input[type=search]{width:clamp(102px,33vw,190px)!important}.merchant-layout .merchant-ref-topbar{gap:8px}.merchant-layout .merchant-ref-user span:not(.merchant-avatar){display:none}.merchant-layout .merchant-content:has(.merchant-account-shell){padding:12px!important}.merchant-layout .merchant-account-tabs{gap:17px;padding:0 12px}.merchant-layout .merchant-account-tabs a{font-size:12px}.merchant-layout .merchant-account-pane{padding:19px 12px 23px}.merchant-layout .merchant-account-field{grid-template-columns:95px minmax(0,1fr);gap:8px}.merchant-layout .merchant-account-setting{align-items:flex-start;flex-wrap:wrap}.merchant-layout .merchant-account-setting>a{margin-left:auto}}