/* Baakee Update 5 — November 5 home / notifications / editor screenshot corrections.
   Visual-only isolated QA layer: no account, transaction or Rewind changes. */

/* Aavi: one card edge, no nested luminous halo. Its severity stays meaningful
   in a small icon and insight headline; the main glass card follows Appearance. */
html[data-baakee-theme] body #app .home-widgets :is(.u3-aavi-host,.u3-aavi-host.home-widget){
  border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
  padding:0!important;overflow:visible!important;
}
html[data-baakee-theme] body #app .home-widgets .smart-home-item-v1295c:has(.mini-laari),
html[data-baakee-theme] body #app .home-widgets .smart-home-item-v1295c:has(.mini-aavi){
  border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
}
html[data-baakee-theme] body #app .home-widgets .smart-home-item-v1295c:has(.mini-laari)::before,
html[data-baakee-theme] body #app .home-widgets .u3-aavi-host::before,
html[data-baakee-theme] body #app .home-widgets .u3-aavi-host::after{content:none!important;display:none!important}
html[data-baakee-theme] body #app .home-widgets .mini-laari,
html[data-baakee-theme] body #app .home-widgets .mini-aavi{
  --aavi-insight-tone:var(--baakee-ink);
  background:var(--baakee-card-fill)!important;border:1px solid var(--baakee-glass-border)!important;
  outline:0!important;box-shadow:0 11px 26px color-mix(in srgb,var(--baakee-ink) 7%,transparent)!important;
  background-image:none!important;overflow:hidden!important;
}
html[data-baakee-theme] body #app .home-widgets .mini-laari.positive{--aavi-insight-tone:#168768}
html[data-baakee-theme] body #app .home-widgets .mini-laari:is(.warning,.watch){--aavi-insight-tone:#b57b1c}
html[data-baakee-theme] body #app .home-widgets .mini-laari:is(.urgent,.danger,.important){--aavi-insight-tone:#bd4d58}
html[data-baakee-theme][data-theme="dark"] body #app .home-widgets .mini-laari.positive{--aavi-insight-tone:#66d9b3}
html[data-baakee-theme][data-theme="dark"] body #app .home-widgets .mini-laari:is(.warning,.watch){--aavi-insight-tone:#edb95a}
html[data-baakee-theme][data-theme="dark"] body #app .home-widgets .mini-laari:is(.urgent,.danger,.important){--aavi-insight-tone:#f68c9c}
html[data-baakee-theme] body #app .home-widgets .mini-laari :is(.mini-laari-mark,.mini-aavi-mark){
  background:color-mix(in srgb,var(--aavi-insight-tone) 11%,var(--baakee-card-fill))!important;
  color:var(--aavi-insight-tone)!important;
  border:1px solid color-mix(in srgb,var(--aavi-insight-tone) 20%,var(--baakee-glass-border))!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body #app .home-widgets .mini-laari .mini-laari-head b{color:var(--baakee-ink)!important}
html[data-baakee-theme] body #app .home-widgets .mini-laari .mini-laari-alert{
  background:color-mix(in srgb,var(--baakee-soft) 27%,var(--baakee-card-fill))!important;
  border:0!important;box-shadow:none!important;outline:0!important;
}
html[data-baakee-theme] body #app .home-widgets .mini-laari .mini-laari-alert b{color:var(--aavi-insight-tone)!important}

/* Safari header search: one uninterrupted rounded glass pill, independent of
   native input search appearance; the X remains centred beside its right cap. */
html[data-baakee-theme] body #app .header .baakee-u5-header-search-shell{
  overflow:hidden!important;isolation:isolate!important;position:absolute!important;
  border-radius:9999px!important;background:var(--baakee-card-fill)!important;
  background-image:none!important;background-clip:padding-box!important;
  -webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:linear-gradient(#fff,#fff);
  box-shadow:0 10px 24px color-mix(in srgb,var(--baakee-ink) 8%,transparent)!important;
}
html[data-baakee-theme] body #app .header .baakee-u5-header-search-shell::before,
html[data-baakee-theme] body #app .header .baakee-u5-header-search-shell::after{display:none!important;content:none!important}
html[data-baakee-theme] body #app .header .baakee-u5-header-search-shell input[type="search"]{
  display:block!important;flex:1 1 0!important;width:0!important;min-width:0!important;max-width:100%!important;
  padding:0!important;margin:0!important;height:100%!important;line-height:normal!important;
  border:0!important;border-radius:0!important;background:none!important;background-image:none!important;
  -webkit-appearance:none!important;appearance:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;
}
html[data-baakee-theme] body #app .header.baakee-u5-header-searching .header-actions>.u2-h-more{
  align-self:center!important;flex-shrink:0!important;transform:none!important;
}

/* Home mode switcher: line icons and theme-led selection. */
html[data-baakee-theme] body #modal-root .u3-mode-choice{
  background:var(--baakee-card-fill)!important;border:1px solid var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;outline:0!important;
}
html[data-baakee-theme] body #modal-root .u3-mode-choice.selected{
  background:var(--baakee-active-fill)!important;
  border:1.5px solid var(--baakee-ink)!important;box-shadow:inset 0 0 0 1px var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root .u3-mode-icon{
  width:46px;height:46px;flex:0 0 46px;border-radius:14px;
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;
  border:1px solid var(--baakee-glass-border)!important;
}
#modal-root .u3-mode-icon .baakee-home-mode-svg{width:22px;height:22px;display:block;stroke:currentColor}
html[data-baakee-theme] body #modal-root .u3-mode-choice.selected em{color:var(--baakee-ink)!important}

/* Custom Home — editor toolbar, drag state, settings, gallery, and all size
   selectors must share Appearance. Keep the actual drag gestures unchanged. */
html[data-baakee-theme] body .u3-home-edit-toolbar{
  background:color-mix(in srgb,var(--baakee-card-fill) 93%,transparent)!important;
  border:1px solid var(--baakee-glass-border)!important;
  box-shadow:0 12px 24px color-mix(in srgb,var(--baakee-ink) 7%,transparent)!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body .u3-home-edit-buttons button:not(.u3-edit-add):not(.u3-edit-done),
html[data-baakee-theme] body #modal-root .u3-edit-size-picker button,
html[data-baakee-theme] body #modal-root .u3-edit-move-controls button{
  background:var(--baakee-card-fill)!important;color:var(--baakee-ink)!important;
  border:1px solid var(--baakee-glass-border)!important;box-shadow:none!important;
}
html[data-baakee-theme] body .u3-home-edit-buttons button:is(.u3-edit-add,.u3-edit-done,.u3-edit-advanced,.u3-edit-period.is-on),
html[data-baakee-theme] body #modal-root .u3-gallery-add:not(:disabled){
  background:var(--baakee-action-fill)!important;color:var(--baakee-action-text)!important;
  border:1px solid var(--baakee-action-fill)!important;-webkit-text-fill-color:var(--baakee-action-text)!important;
}
html[data-baakee-theme] body .u3-home-edit-buttons button.u3-edit-period.is-off{
  background:var(--baakee-card-fill)!important;color:var(--baakee-ink)!important;
  -webkit-text-fill-color:var(--baakee-ink)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body.u3-home-edit-active #app .home-widget.u3-edit-widget{
  outline:1.5px dashed color-mix(in srgb,var(--baakee-ink) 38%,transparent)!important;
  outline-offset:3px!important;
}
html[data-baakee-theme] body #app .u3-widget-edit-actions .u3-edit-ctrl{
  background:var(--baakee-card-fill)!important;color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;box-shadow:none!important;
}
html[data-baakee-theme] body .u3-drag-placeholder{
  background:color-mix(in srgb,var(--baakee-active-fill) 55%,transparent)!important;
  border:2px dashed color-mix(in srgb,var(--baakee-ink) 46%,transparent)!important;
}
html[data-baakee-theme] body .u3-drag-ghost{
  background:var(--baakee-card-fill)!important;color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #modal-root .u3-edit-size-picker .selected{
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;border:2px solid var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root:has(.u3-gallery) .modal,
html[data-baakee-theme] body #modal-root .u3-gallery{
  background:var(--baakee-card-fill)!important;color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body #modal-root .u3-gallery :is(.u3-gallery-sidebar,.u3-gallery-preview){
  background:color-mix(in srgb,var(--baakee-soft) 20%,var(--baakee-card-fill))!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #modal-root .u3-gallery :is(.u3-gallery-list-icon,.u3-gallery-preview .mini-laari-mark){
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #modal-root .u3-gallery :is(.u3-gallery-option,.u3-gallery-size-options button,.u3-gallery-count-options button,.u3-gallery-manage){
  color:var(--baakee-body-ink)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #modal-root .u3-gallery :is(.u3-gallery-option.selected,.u3-gallery-size-options button.chosen,.u3-gallery-count-options button.chosen){
  background:var(--baakee-active-fill)!important;border:1.5px solid var(--baakee-ink)!important;
  color:var(--baakee-ink)!important;box-shadow:none!important;
}
html[data-baakee-theme] body #modal-root .u3-gallery .u3-gallery-option.selected{box-shadow:inset 3px 0 var(--baakee-ink)!important}
html[data-baakee-theme] body #modal-root .u3-gallery :is(.u3-gallery-option em,.u3-gallery-manage,.u3-gallery-feedback,.u3-gallery-added){color:var(--baakee-ink)!important}
html[data-baakee-theme] body #modal-root .u3-gallery :is(.u3-gallery-search-wrap input,.u3-gallery-size-options button,.u3-gallery-count-options button,.u3-gallery-manage){
  background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #modal-root :is(.home-section-settings-row-v1295a,.home-widget-size-picker-v1295a button,.home-widget-count-picker-v1295a button){
  color:var(--baakee-body-ink)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #modal-root :is(.home-widget-size-picker-v1295a button.active,.home-widget-count-picker-v1295a button.active){
  background:var(--baakee-active-fill)!important;border-color:var(--baakee-ink)!important;color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root .home-widget-gallery-icon-v1295a{
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;border:1px solid var(--baakee-glass-border)!important;
}
#modal-root .home-widget-gallery-icon-v1295a svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Notifications: no tech-warning panel or redundant View in Aavi links; a
   smaller, readable list, status colors kept only for true severity. */
#modal-root .notification-center-v129 .u4-notification-note{display:none!important}
html[data-baakee-theme] body #modal-root .notification-center-v129{gap:10px!important}
html[data-baakee-theme] body #modal-root .notification-center-summary-v129{
  padding:12px 14px!important;border-radius:16px!important;background:var(--baakee-card-fill)!important;
  border:1px solid var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #modal-root .notification-center-summary-v129 b{font-size:15px!important}
html[data-baakee-theme] body #modal-root .notification-center-summary-v129 span{font-size:11px!important}
html[data-baakee-theme] body #modal-root .notification-center-summary-v129 button,
html[data-baakee-theme] body #modal-root .notification-center-head-v1286 button,
html[data-baakee-theme] body #modal-root .notification-clear-all-v129{color:var(--baakee-ink)!important;font-size:12px!important}
html[data-baakee-theme] body #modal-root .notification-filter-strip-v129 button{
  border-color:var(--baakee-glass-border)!important;background:var(--baakee-card-fill)!important;
  color:var(--baakee-secondary)!important;font-size:11px!important;padding:8px 12px!important;
}
html[data-baakee-theme] body #modal-root .notification-filter-strip-v129 button.active{
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;
  border-color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root .notification-list-v1286{gap:8px!important}
html[data-baakee-theme] body #modal-root .notification-row-v1286{
  background:var(--baakee-card-fill)!important;border:1px solid var(--baakee-glass-border)!important;
  border-radius:16px!important;padding:11px 10px!important;
}
html[data-baakee-theme] body #modal-root .notification-row-v1286>button:first-child{grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important}
html[data-baakee-theme] body #modal-root .notification-row-v1286 b{font-size:13px!important;line-height:1.35}
html[data-baakee-theme] body #modal-root .notification-row-v1286 :is(span,small){font-size:11px!important;line-height:1.38!important}
html[data-baakee-theme] body #modal-root .notification-meta-v129 em{font-size:10px!important}
html[data-baakee-theme] body #modal-root .notification-meta-v129 i{font-size:9px!important}
html[data-baakee-theme] body #modal-root .notification-cat-icon-v129{
  width:32px!important;height:32px!important;border-radius:11px!important;
  color:var(--baakee-ink)!important;background:var(--baakee-active-fill)!important;
}
html[data-baakee-theme] body #modal-root .notification-row-v1286 u{display:none!important}
html[data-baakee-theme] body #modal-root .notification-row-v1286.priority-important{border-color:color-mix(in srgb,#cc9a50 34%,var(--baakee-glass-border))!important}
html[data-baakee-theme] body #modal-root .notification-row-v1286.priority-critical{border-color:color-mix(in srgb,#d56474 42%,var(--baakee-glass-border))!important}
html[data-baakee-theme] body #modal-root .notification-delete-v1286{color:var(--baakee-secondary)!important;font-size:20px!important;padding:4px 6px!important}
/* The older U5 Home rule carries body.rufiyaa-liquid-glass specificity.
   Match it so status accent stays visible without tinting the entire card. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .home-widgets :is(.mini-laari,.mini-aavi) :is(.mini-laari-mark,.mini-aavi-mark){
  background:color-mix(in srgb,var(--aavi-insight-tone) 11%,var(--baakee-card-fill))!important;
  color:var(--aavi-insight-tone)!important;
  border-color:color-mix(in srgb,var(--aavi-insight-tone) 20%,var(--baakee-glass-border))!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .home-widgets .mini-laari .mini-laari-alert b{
  color:var(--aavi-insight-tone)!important;
}
