/* =====================================================================
 * SHAHAZ.com — Customer account / Settings sub-pages: final polish
 * (loaded last on every page except the homepage).
 *  - No blue browser highlight, focus box or text anywhere on these pages;
 *    focus is a thin gold ring for keyboard users only.
 *  - Compact (slim) action buttons.
 *  - Security page: smaller icon rings, clean device icons, slim
 *    "Logout from other devices" button whose text never turns white.
 *  - Payment & Billing: brand logos no longer overlap the method names.
 * ===================================================================== */

/* ---------- No blue interaction anywhere in the account area ---------- */
:is(.shahaz-settings-shell,.shahaz-security-page,.shahaz-payment-page,.shahaz-privacy-page,.shahaz-regional-page,.shahaz-account-control-page,.shahaz-account-form-page,.shahaz-address-page,.shahaz-account-architecture-page,.shahaz-notif-list,.shahaz-dashboard-page,.shz-os-noorders,.shz-order-studio-page) :is(a,button,input,select,textarea,label,[role="button"],[tabindex]){
	-webkit-tap-highlight-color:transparent !important;
}
:is(.shahaz-settings-shell,.shahaz-security-page,.shahaz-payment-page,.shahaz-privacy-page,.shahaz-regional-page,.shahaz-account-control-page,.shahaz-account-form-page,.shahaz-address-page,.shahaz-account-architecture-page,.shahaz-notif-list,.shz-os-noorders,.shz-order-studio-page) :is(a,button,[role="button"]):focus{
	outline:none !important;
}
:is(.shahaz-settings-shell,.shahaz-security-page,.shahaz-payment-page,.shahaz-privacy-page,.shahaz-regional-page,.shahaz-account-control-page,.shahaz-account-form-page,.shahaz-address-page,.shahaz-account-architecture-page,.shahaz-notif-list,.shz-os-noorders,.shz-order-studio-page) :is(a,button,input,select,textarea,[role="button"]):focus-visible{
	outline:2px solid #d4af37 !important;
	outline-offset:2px !important;
}
:is(.shahaz-settings-shell,.shahaz-security-page,.shahaz-payment-page,.shahaz-privacy-page,.shahaz-regional-page,.shahaz-account-control-page,.shahaz-account-form-page,.shahaz-address-page,.shahaz-account-architecture-page) :is(input,select,textarea):focus{
	outline:none !important;
	border-color:#e6007e !important;
	box-shadow:none !important;
}
/* Button-links keep their own colour in every state (never browser blue / purple). */
.shahaz-security-page a.shahaz-security-action,
.shahaz-security-page a.shahaz-security-action:is(:visited,:hover,:focus,:active){color:#fff !important;}
:is(.shahaz-settings-shell,.shahaz-security-page,.shahaz-payment-page,.shahaz-privacy-page,.shahaz-regional-page,.shahaz-account-control-page,.shahaz-account-form-page,.shahaz-address-page,.shahaz-account-architecture-page) ::selection{background:rgba(230,0,126,.18);}

/* ---------- Slim action buttons ---------- */
.shahaz-security-page .shahaz-security-action,
.sac-action-button,
.shahaz-account-photo-action,
.shahaz-account-photo-action.is-primary,
.shahaz-account-photo-delete,
.shahaz-privacy-outline-button,
.shahaz-privacy-mini-action,
.shahaz-regional-save{
	min-height:40px !important;
	padding-top:8px !important;
	padding-bottom:8px !important;
	font-size:14px !important;
	line-height:1.2 !important;
}
.shahaz-security-page .shahaz-security-action b,
.shahaz-security-page .shahaz-security-see-all b{font-size:20px !important;line-height:.8 !important;}

/* ---------- Security page ---------- */
@media (max-width:1099px){
	.shahaz-security-page .shahaz-security-icon-badge{width:46px !important;height:46px !important;border-width:1.5px !important;box-shadow:none !important;}
	.shahaz-security-page .shahaz-security-icon-badge::after{inset:3px !important;}
	.shahaz-security-page .shahaz-security-icon-badge svg{width:34px !important;height:34px !important;}
}
.shahaz-security-page .shahaz-security-device-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:38px;background:none !important;box-shadow:none !important;border:0 !important;}
.shahaz-security-page .shahaz-device-mobile-svg{display:block;width:100% !important;height:100% !important;}
.shahaz-security-page .shahaz-security-wide-action,
.shahaz-security-page .shahaz-security-wide-action:hover,
.shahaz-security-page .shahaz-security-wide-action:focus,
.shahaz-security-page .shahaz-security-wide-action:active,
.shahaz-security-page .shahaz-security-wide-action:disabled{
	min-height:0 !important;
	height:42px !important;
	padding:0 16px !important;
	font-size:14px !important;
	color:#142043 !important;
	background:linear-gradient(180deg,#fffdfd,#fff3f8) !important;
	border:1px solid #e9bd53 !important;
	outline:none !important;
}
.shahaz-security-page .shahaz-security-wide-action span{font-size:18px !important;color:#ec0a86 !important;}
.shahaz-security-page .shahaz-security-wide-action span svg{width:18px;height:18px;}
.shahaz-security-page .shahaz-security-wide-action b{font-size:20px !important;color:#ec0a86 !important;}
.shahaz-security-page .shahaz-security-wide-action:active{transform:translateY(1px);}
.shahaz-security-page .shahaz-security-wide-action:disabled{opacity:.7;}

/* ---------- Payment & Billing: logo column fits the logo ---------- */
.shahaz-payment-page .shahaz-payment-method{grid-template-columns:auto minmax(0,1fr) 27px !important;min-height:60px !important;}
.shahaz-payment-page .shahaz-payment-method-logo.shahaz-payment-method-logo--brand{width:76px !important;height:38px !important;}
@media (max-width:800px){
	.shahaz-security-page .shahaz-security-card,
	.shahaz-security-page .shahaz-security-devices,
	.shahaz-security-page .shahaz-security-activity-card{grid-template-columns:48px minmax(0,1fr) !important;gap:12px !important;}
}

/* ZIP-343: Active devices — "আরও দেখুন" under the first four. */
.shahaz-security-page .shahaz-security-more[hidden]{display:none}
.shahaz-security-page .shahaz-security-more-btn{display:block;width:100%;min-height:34px;margin:4px 0 2px;border:1px dashed #f0c8da;border-radius:999px;background:#fff;color:#b0105f;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}
.shahaz-security-page .shahaz-security-more-btn:focus{outline:none;box-shadow:none}