/* SPMC Organizer v0.11.72 — responsive device foundation
   Visual adaptation only. No business logic or module data behavior is changed. */

:root{
  --spmc-topbar-h:76px;
  --spmc-content-x:24px;
  --spmc-touch:44px;
}

/* Shared resilience */
img,svg,canvas,video,iframe{max-width:100%}
.page,.card,.module-card,.modal-box,.hero,.toolbar,.form-grid,.grid{min-width:0}
.content>*{max-width:100%}
button,.nav-btn,.icon-btn,.primary-btn,.soft-btn{touch-action:manipulation}
input,select,textarea{max-width:100%}
.table-responsive,.spmc-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Large desktop */
@media (min-width:1440px){
  .app{grid-template-columns:300px minmax(0,1fr)}
  .content{padding:28px 32px 40px}
  .page{max-width:1680px;margin-inline:auto}
  .module-grid{grid-template-columns:repeat(4,minmax(230px,1fr))}
}

/* Notebook and smaller desktop */
@media (min-width:1024px) and (max-width:1439px){
  .app{grid-template-columns:260px minmax(0,1fr)}
  .sidebar{padding-inline:11px}
  .content{padding:20px}
  .topbar{padding-inline:18px}
  .module-grid{grid-template-columns:repeat(3,minmax(210px,1fr))}
}

/* Tablet landscape / compact notebook */
@media (min-width:781px) and (max-width:1100px){
  .app{grid-template-columns:228px minmax(0,1fr)}
  .brand{padding-inline:7px;gap:9px}
  .brand h1{font-size:15px}
  .brand small{font-size:11px}
  .nav-btn{padding:10px 9px;gap:8px;font-size:13px}
  .menu-title{margin-inline:9px}
  .topbar{gap:9px;padding:10px 14px}
  .content{padding:18px}
  .hero{padding:22px}
  .hero h2{font-size:26px}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .module-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}
  .quick-panel{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Mobile/tablet drawer foundation */
@media (max-width:780px){
  :root{--spmc-topbar-h:64px;--spmc-content-x:14px;--spmc-touch:46px}
  body{overflow:hidden}
  .app{display:block;height:100dvh;overflow:hidden}
  .main{height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr)}
  .sidebar{
    left:0!important;top:0;bottom:0;width:min(84vw,310px);height:100dvh;
    transform:translateX(-105%);transition:transform .24s ease;
    z-index:120;padding-top:calc(14px + env(safe-area-inset-top));
    box-shadow:18px 0 55px rgba(15,23,42,.32)
  }
  .sidebar.open{transform:translateX(0)}
  .spmc-mobile-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(2px);z-index:110;opacity:0;pointer-events:none;transition:opacity .2s ease}
  .spmc-mobile-overlay.show{opacity:1;pointer-events:auto}
  body.spmc-menu-open{overflow:hidden}
  .topbar{
    position:relative;z-index:30;min-height:var(--spmc-topbar-h);
    padding:calc(9px + env(safe-area-inset-top)) 10px 9px;
    gap:8px;box-shadow:0 5px 18px rgba(15,23,42,.06)
  }
  .mobile-menu{display:grid!important;place-items:center;min-width:var(--spmc-touch);height:var(--spmc-touch);padding:0;flex:0 0 auto}
  .search{min-width:0}
  .search input{height:var(--spmc-touch);padding-top:9px;padding-bottom:9px}
  .topbar>.icon-btn:not(.mobile-menu){min-width:var(--spmc-touch);height:var(--spmc-touch);padding:0;display:grid;place-items:center}
  .user{flex:0 0 auto}.user .name{display:none}.avatar{width:40px;height:40px}
  .content{padding:14px var(--spmc-content-x) calc(28px + env(safe-area-inset-bottom));overflow-x:hidden}
  .page-head{align-items:flex-start;gap:12px;flex-wrap:wrap}
  .page-head>div:last-child,.page-head>.toolbar{width:100%}
  .page-head h2{font-size:24px}
  .hero{border-radius:20px;padding:21px;display:block}
  .hero h2{font-size:26px;line-height:1.15}
  .hero-date{text-align:left;margin-top:16px}
  .hero-date strong{font-size:25px}
  .card,.module-card{border-radius:17px;padding:16px}
  .grid,.module-grid,.form-grid,.kanban,.stickies{gap:13px}
  .toolbar{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}
  .toolbar::-webkit-scrollbar{display:none}
  .toolbar>*{flex:0 0 auto}
  .toolbar .field{min-width:180px}
  .icon-btn,.primary-btn,.soft-btn{min-height:var(--spmc-touch)}
  .form-grid{grid-template-columns:1fr!important}.full{grid-column:auto!important}
  .field input,.field select,.field textarea{min-height:44px;font-size:16px}
  .modal{padding:10px;align-items:end}
  .modal-box{width:100%;max-height:min(92dvh,900px);border-radius:22px 22px 0 0;padding:18px;margin:0}
  table{min-width:680px}
  .calendar{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.day{min-height:92px}
  .quick-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));text-align:center}
}

/* Phone */
@media (max-width:520px){
  :root{--spmc-content-x:11px}
  .topbar{padding-inline:8px}
  .search b{left:13px}.search input{padding-left:37px}
  .topbar>.icon-btn:not(.mobile-menu){display:none}
  .user{display:none}
  .content{padding-top:11px}
  .hero{padding:18px;border-radius:18px}.hero h2{font-size:23px}.hero p{font-size:13px;line-height:1.5}
  .page-head{margin-bottom:13px}.page-head h2{font-size:22px}
  .grid-4,.grid-3,.grid-2,.module-grid,.kanban,.stickies,.quick-panel{grid-template-columns:1fr!important}
  .card,.module-card{padding:15px}
  .stat .value{font-size:24px}
  .section-title{margin-top:19px}
  .calendar{grid-template-columns:1fr}.day{min-height:78px}
  .modal{padding:0}.modal-box{max-height:100dvh;height:auto;border-radius:18px 18px 0 0;padding:16px}
  .spmc-tool-work,.spmc-tools-hero{padding:14px!important}
}

/* Very narrow phones */
@media (max-width:380px){
  .brand h1{font-size:15px}.sidebar{width:90vw}
  .search input{font-size:14px}
  .hero h2{font-size:21px}
  .content{padding-inline:9px}
}

/* Landscape phones: preserve vertical room */
@media (max-width:900px) and (max-height:520px) and (orientation:landscape){
  :root{--spmc-topbar-h:54px;--spmc-touch:40px}
  .topbar{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px;min-height:54px}
  .content{padding-top:9px}
  .sidebar{width:min(60vw,290px)}
  .hero{padding:16px}.hero-date{margin-top:10px}
  .modal-box{max-height:96dvh}
}

/* Touch devices: larger targets without changing desktop density */
@media (hover:none) and (pointer:coarse){
  .nav-btn{min-height:44px}
  button,.icon-btn,.primary-btn,.soft-btn{cursor:default}
}

/* =====================================================================
   SPMC Organizer v0.11.73 — authoritative adaptive correction
   Inspired by the proven Finance Pro device behavior, while preserving
   the Organizer's own layout, colors and component design.
   ===================================================================== */
:root{
  --spmc-touch:44px;
  --spmc-safe-bottom:max(14px,env(safe-area-inset-bottom));
}
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,svg,canvas,video,iframe{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.table-wrap,.table-responsive,.spmc-table-wrap,[class*="table-wrap"]{
  display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable
}

/* Desktop and notebook: preserve original Organizer proportions. */
@media (min-width:1200px){
  .app{grid-template-columns:285px minmax(0,1fr)!important}
  .sidebar{position:relative!important;transform:none!important;width:auto!important;height:auto!important}
  .main{min-width:0!important}
  .content{padding:24px!important}
}

/* Tablets and compact notebooks: permanent but proportionally smaller sidebar. */
@media (min-width:768px) and (max-width:1199px) and (min-height:601px){
  .app{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;height:100dvh!important;overflow:hidden!important}
  .sidebar{
    position:relative!important;inset:auto!important;transform:none!important;
    width:auto!important;max-width:none!important;height:100%!important;
    padding:14px 10px calc(18px + env(safe-area-inset-bottom))!important;
    box-shadow:none!important
  }
  .brand{padding:7px 7px 14px!important;gap:9px!important}
  .brand .logo{width:42px!important;height:42px!important;border-radius:13px!important}
  .brand h1{font-size:14px!important}.brand small{font-size:10px!important}
  .menu-title{margin:14px 9px 6px!important;font-size:10px!important}
  .nav-btn{min-height:43px!important;padding:9px 8px!important;gap:8px!important;font-size:12px!important}
  .nav-btn span:first-child{font-size:17px!important;width:22px!important}
  .main{display:grid!important;grid-template-rows:68px minmax(0,1fr)!important;height:100%!important;min-width:0!important;overflow:hidden!important}
  .topbar{min-height:68px!important;padding:10px 14px!important;gap:9px!important}
  .mobile-menu{display:none!important}
  .content{padding:17px!important;overflow-x:hidden!important;overflow-y:auto!important}
  .grid-4,.grid-3,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .quick-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .modal-box{width:min(92vw,820px)!important;max-height:90dvh!important}
}

/* Portrait phones: proven drawer behavior. */
@media (max-width:767px) and (orientation:portrait){
  :root{--spmc-content-x:10px;--spmc-topbar-h:64px}
  html,body{width:100%!important;height:100%!important;overflow:hidden!important}
  .app{display:block!important;width:100%!important;height:100dvh!important;overflow:hidden!important}
  .main{
    display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;
    width:100%!important;height:100dvh!important;min-width:0!important;overflow:hidden!important
  }
  .sidebar{
    display:block!important;position:fixed!important;inset:0 auto 0 0!important;
    width:min(86vw,330px)!important;max-width:330px!important;height:100dvh!important;
    transform:translateX(-105%)!important;left:0!important;
    transition:transform .23s ease!important;z-index:10020!important;
    padding:calc(14px + env(safe-area-inset-top)) 12px calc(20px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    box-shadow:18px 0 50px rgba(15,23,42,.34)!important
  }
  .sidebar.open{transform:translateX(0)!important}
  .spmc-mobile-overlay{z-index:10010!important}
  .topbar{
    position:relative!important;top:auto!important;z-index:50!important;
    min-height:64px!important;padding:calc(8px + env(safe-area-inset-top)) 8px 8px!important;
    display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;
    align-items:center!important;gap:7px!important;flex-wrap:nowrap!important
  }
  .mobile-menu{
    display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;
    height:44px!important;padding:0!important;border-radius:12px!important
  }
  .search{min-width:0!important;width:100%!important}
  .search input{height:44px!important;min-height:44px!important;font-size:16px!important;padding:9px 10px 9px 38px!important}
  .search b{left:13px!important;top:11px!important}
  .topbar>.icon-btn:not(.mobile-menu){display:none!important}
  .user{display:flex!important;min-width:0!important}.user .name{display:none!important}
  .avatar{width:40px!important;height:40px!important;flex:0 0 40px!important}
  .content{
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;
    padding:11px var(--spmc-content-x) calc(24px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important
  }
  .page,.page.active{width:100%!important;max-width:100%!important;min-width:0!important}
  .hero{display:block!important;padding:18px!important;border-radius:18px!important}
  .hero h2{font-size:23px!important;line-height:1.18!important}.hero p{font-size:13px!important;line-height:1.5!important}
  .hero-date{text-align:left!important;margin-top:14px!important}.hero-date strong{font-size:24px!important}
  .page-head,.section-title{align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}
  .page-head>div:last-child,.page-head>.toolbar{width:100%!important}
  .page-head h2{font-size:22px!important}
  .grid-4,.grid-3,.grid-2,.module-grid,.form-grid,.kanban,.stickies,.quick-panel{
    grid-template-columns:minmax(0,1fr)!important;gap:12px!important
  }
  .card,.module-card{width:100%!important;max-width:100%!important;min-width:0!important;padding:15px!important;border-radius:16px!important}
  .toolbar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding-bottom:4px!important;scrollbar-width:none!important}
  .toolbar::-webkit-scrollbar{display:none!important}.toolbar>*{flex:0 0 auto!important}
  .toolbar .field{min-width:170px!important}
  input,select,textarea{font-size:16px!important}
  .field input,.field select,.field textarea{width:100%!important;min-height:44px!important}
  button,.icon-btn,.primary-btn,.soft-btn{min-height:44px}
  .calendar{grid-template-columns:repeat(7,minmax(42px,1fr))!important;overflow-x:auto!important}.day{min-height:86px!important;padding:5px!important}
  .modal{padding:8px!important;align-items:end!important}
  .modal-box{width:100%!important;max-width:100%!important;max-height:94dvh!important;margin:0!important;border-radius:20px 20px 0 0!important;padding:16px!important}
  table{min-width:680px}th,td{white-space:nowrap}
}

/* Narrow phones: do not change design, only density and touch ergonomics. */
@media (max-width:430px) and (orientation:portrait){
  :root{--spmc-content-x:8px}
  .topbar{grid-template-columns:42px minmax(0,1fr) 38px!important;gap:5px!important;padding-left:6px!important;padding-right:6px!important}
  .mobile-menu{width:42px!important;min-width:42px!important;height:42px!important}
  .avatar{width:38px!important;height:38px!important;flex-basis:38px!important}
  .card,.module-card{padding:13px!important}
  .hero{padding:16px!important}.hero h2{font-size:21px!important}
  .stat .value{font-size:23px!important}
}

/* Landscape phones: Finance Pro-style horizontal icon navigation. */
@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){
  html,body{width:100%!important;height:100%!important;overflow:hidden!important}
  .app{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:52px 54px minmax(0,1fr)!important;
    width:100%!important;height:100dvh!important;overflow:hidden!important
  }
  .main{display:contents!important}
  .topbar{
    grid-row:1!important;position:relative!important;top:auto!important;z-index:60!important;
    min-height:52px!important;height:52px!important;padding:5px 8px!important;gap:6px!important;flex-wrap:nowrap!important
  }
  .mobile-menu,.spmc-mobile-overlay{display:none!important}
  .search{min-width:0!important}.search input{height:38px!important;padding-top:7px!important;padding-bottom:7px!important;font-size:14px!important}
  .search b{top:8px!important}
  .topbar>.icon-btn:not(.mobile-menu){width:38px!important;min-width:38px!important;height:38px!important;padding:0!important}
  .user{display:flex!important}.user .name{display:none!important}.avatar{width:36px!important;height:36px!important}
  .sidebar{
    grid-row:2!important;display:flex!important;position:relative!important;inset:auto!important;transform:none!important;
    width:100%!important;max-width:100%!important;height:54px!important;min-height:54px!important;
    padding:5px 8px!important;margin:0!important;gap:4px!important;
    align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;
    overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;box-shadow:0 5px 14px rgba(15,23,42,.12)!important;
    background:linear-gradient(90deg,#111827,#1e1b4b)!important;z-index:55!important
  }
  .sidebar::-webkit-scrollbar{display:none!important}
  .brand,.menu-title{display:none!important}
  .sidebar .nav-btn{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;
    height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;
    border-radius:10px!important;text-align:center!important;overflow:hidden!important;gap:0!important
  }
  .sidebar .nav-btn span:first-child{display:grid!important;place-items:center!important;width:44px!important;font-size:20px!important;margin:0!important}
  .sidebar .nav-btn span:not(:first-child){display:none!important}
  .content{
    grid-row:3!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;
    margin:0!important;padding:8px 10px calc(12px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important
  }
  .hero{padding:15px!important}.hero h2{font-size:22px!important}.hero-date{margin-top:8px!important}
  .card,.module-card{min-width:0!important;padding:13px!important}
  .grid,.module-grid,.form-grid{gap:9px!important}
  .grid-4,.grid-3,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .modal-box{max-height:94dvh!important}
}

/* Touch-specific targets only; no desktop visual changes. */
@media (hover:none) and (pointer:coarse){
  .nav-btn{min-height:44px}
  button,.icon-btn,.primary-btn,.soft-btn{touch-action:manipulation}
}

@media print{
  .spmc-mobile-overlay,.mobile-menu{display:none!important}
  .sidebar{display:none!important}
  .app,.main,.content{display:block!important;width:100%!important;height:auto!important;overflow:visible!important;padding:0!important;margin:0!important}
}


/* =====================================================================
   SPMC Organizer v0.11.74 — mobile header and navigation refinement
   Visual-only correction: portrait drawer + compact header; landscape
   navigation icons only. Desktop and application logic remain unchanged.
   ===================================================================== */
.spmc-mobile-logout{display:none}
.spmc-quick-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.spmc-quick-icon{font-size:1.05em;line-height:1}

@media (max-width:767px) and (orientation:portrait){
  .topbar{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px 44px 42px!important;
    grid-template-areas:"menu search quick bell user"!important;
    min-height:64px!important;
    padding:calc(8px + env(safe-area-inset-top)) 8px 8px!important;
    gap:6px!important;
    overflow:visible!important;
  }
  .mobile-menu{grid-area:menu!important}
  .search{grid-area:search!important;min-width:0!important}
  .spmc-quick-add{
    grid-area:quick!important;width:44px!important;min-width:44px!important;height:44px!important;
    min-height:44px!important;padding:0!important;border-radius:13px!important
  }
  .spmc-quick-label{display:none!important}
  .topbar>.spmc-notification-bell{
    display:grid!important;grid-area:bell!important;place-items:center!important;
    width:44px!important;min-width:44px!important;height:44px!important;padding:0!important
  }
  .topbar>.icon-btn:not(.mobile-menu):not(.spmc-notification-bell){display:none!important}
  .spmc-mini-logout{display:none!important}
  .user{grid-area:user!important;display:flex!important;width:42px!important;min-width:42px!important;justify-content:center!important}
  .avatar{width:40px!important;height:40px!important;flex:0 0 40px!important}
  .user .name{display:none!important}
  .spmc-mobile-logout{display:flex!important;margin-top:14px!important;border-top:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;padding-top:16px!important}
  body.spmc-menu-open{touch-action:none}
}

@media (max-width:520px) and (orientation:portrait){
  .topbar{
    grid-template-columns:42px minmax(0,1fr) 42px 42px 40px!important;
    padding-left:6px!important;padding-right:6px!important;gap:5px!important
  }
  .mobile-menu,.spmc-quick-add,.topbar>.spmc-notification-bell{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
  .user{width:40px!important;min-width:40px!important}.avatar{width:38px!important;height:38px!important;flex-basis:38px!important}
}

@media (max-width:390px) and (orientation:portrait){
  .topbar{grid-template-columns:40px minmax(0,1fr) 40px 40px!important;grid-template-areas:"menu search quick user"!important}
  .topbar>.spmc-notification-bell{display:none!important}
  .mobile-menu,.spmc-quick-add{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  .user{width:38px!important;min-width:38px!important}.avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
}

@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){
  .spmc-quick-label{display:none!important}
  .spmc-quick-add{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important}
  .spmc-mini-logout{display:none!important}
  .sidebar .spmc-mobile-logout{display:none!important}
  .sidebar .nav-btn{font-size:0!important;line-height:0!important;text-indent:0!important}
  .sidebar .nav-btn>span:first-child{font-size:20px!important;line-height:1!important}
  .sidebar .nav-btn>span:not(:first-child){display:none!important}
}

/* =====================================================================
   SPMC Organizer v0.11.76 — landscape phone focus mode
   After choosing a module, both landscape navigation bars collapse so the
   active module can use the full screen height. Portrait/tablet/desktop stay
   unchanged.
   ===================================================================== */
.spmc-landscape-bars-toggle{display:none}
@media (orientation:landscape) and (max-height:600px) and (max-width:1000px){
  .topbar,.sidebar{
    transition:opacity .2s ease,transform .22s ease,height .22s ease,min-height .22s ease,padding .22s ease!important;
  }
  body.spmc-landscape-bars-hidden .app{
    grid-template-rows:0 0 minmax(0,1fr)!important;
  }
  body.spmc-landscape-bars-hidden .topbar{
    height:0!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;
    border:0!important;opacity:0!important;transform:translateY(-110%)!important;
    overflow:hidden!important;pointer-events:none!important;
  }
  body.spmc-landscape-bars-hidden .sidebar{
    height:0!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;
    opacity:0!important;transform:translateY(-110%)!important;
    overflow:hidden!important;pointer-events:none!important;box-shadow:none!important;
  }
  body.spmc-landscape-bars-hidden .content{
    grid-row:3!important;padding-top:8px!important;
  }
  .spmc-landscape-bars-toggle{
    position:fixed!important;display:none!important;place-items:center!important;
    top:max(5px,env(safe-area-inset-top))!important;right:max(7px,env(safe-area-inset-right))!important;
    z-index:10030!important;width:36px!important;height:32px!important;min-width:36px!important;min-height:32px!important;
    padding:0!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:11px!important;
    background:rgba(17,24,39,.88)!important;color:#fff!important;box-shadow:0 5px 18px rgba(15,23,42,.3)!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
    font-size:18px!important;line-height:1!important;touch-action:manipulation!important;
  }
  body.spmc-landscape-bars-hidden .spmc-landscape-bars-toggle{display:grid!important}
}