/* Shivshahi Media Studio — Mobile UI v2.0 */
.mobile-v2-splash,.mobile-v2-sheet{display:none}
@media (max-width: 640px){
  :root{--m2-purple:#6527e8;--m2-purple2:#8f45f5;--m2-blue:#4f7cf7;--m2-bg:#f7f6fb;--m2-card:#fff;--m2-text:#171727;--m2-muted:#7d7b8d;--m2-line:#eceaf2;--m2-green:#18a866;--m2-red:#ee4d63;--m2-gold:#f5a623}
  html,body,#app,.main{background:var(--m2-bg)!important;color:var(--m2-text)!important}
  body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
  .main{padding-bottom:84px!important}
  .content{padding:12px 14px 104px!important;background:var(--m2-bg)!important;min-height:calc(100vh - 70px)!important}
  .home-subtabs{display:none!important}
  .topbar{min-height:68px!important;padding:10px 15px!important;background:rgba(255,255,255,.96)!important;border:0!important;border-bottom:1px solid var(--m2-line)!important;box-shadow:0 4px 16px rgba(41,32,72,.045)!important;backdrop-filter:blur(18px)!important}
  .mobile-native-logo{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:50%!important;border:2px solid #ebe4ff!important;background:#f1ecff!important;box-shadow:none!important}
  .mobile-native-copy strong{font-family:Inter,sans-serif!important;color:var(--m2-text)!important;font-size:15px!important;font-weight:800!important;letter-spacing:-.02em!important}
  .mobile-native-copy span{color:var(--m2-muted)!important;font-size:9px!important;letter-spacing:.04em!important;margin-top:2px!important}
  .mobile-native-actions{gap:8px!important}
  .mobile-native-icon{width:38px!important;height:38px!important;border:1px solid var(--m2-line)!important;border-radius:12px!important;background:#fff!important;color:#5b586a!important;box-shadow:0 3px 12px rgba(40,30,70,.05)!important}
  .sidebar{background:#181126!important;border-right:0!important}

  /* Splash */
  .mobile-v2-splash{position:fixed;inset:0;z-index:60000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 55% 25%,rgba(144,90,255,.6),transparent 30%),linear-gradient(145deg,#7637ee 0%,#4d19bd 58%,#311184 100%);color:#fff;transition:opacity .42s ease,visibility .42s ease;overflow:hidden}
  .mobile-v2-splash.hide{opacity:0;visibility:hidden;pointer-events:none}
  .mobile-v2-splash-orb{position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(1px);top:18%;left:50%;transform:translateX(-50%)}
  .mobile-v2-splash-mark{position:relative;width:126px;height:126px;border-radius:40px;display:grid;place-items:center;background:linear-gradient(145deg,#f8d068,#dc9b22);box-shadow:0 22px 55px rgba(20,5,70,.45),inset 0 0 0 4px rgba(255,255,255,.35);color:#5620c4;margin-bottom:22px}
  .mobile-v2-splash-mark .mobile-v2-s{font:900 82px/1 Georgia,serif}.mobile-v2-crown{position:absolute;top:5px;font-size:28px;color:#fff3c2}
  .mobile-v2-splash h1{font:800 30px/1.1 Georgia,serif;letter-spacing:.16em;margin:0}.mobile-v2-splash h2{font-size:16px;letter-spacing:.28em;margin:8px 0 0}.mobile-v2-splash p{font-size:9px;letter-spacing:.22em;margin-top:10px;color:#eadfff}
  .mobile-v2-splash-loader{position:absolute;bottom:70px;width:38px;height:38px;border:2px solid rgba(255,255,255,.25);border-radius:50%}.mobile-v2-splash-loader i{position:absolute;inset:-2px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:m2spin .9s linear infinite}@keyframes m2spin{to{transform:rotate(360deg)}}

  /* Dashboard */
  .mobile-v2-home{display:flex;flex-direction:column;gap:15px}
  .m2-greeting{display:flex;align-items:center;justify-content:space-between;padding:2px 1px}.m2-greeting h2{font-size:20px;line-height:1.15;color:var(--m2-text);margin:0}.m2-greeting p{font-size:12px;color:var(--m2-muted);margin:5px 0 0}.m2-mini-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e9ddff,#d3c0ff);color:#5f26cc;font-weight:800;border:3px solid #fff;box-shadow:0 5px 16px rgba(74,34,150,.14)}
  .m2-search{height:46px;border-radius:15px;background:#fff;border:1px solid var(--m2-line);display:flex;align-items:center;gap:10px;padding:0 13px;box-shadow:0 5px 18px rgba(50,38,80,.045);color:#9692a3}.m2-search input{flex:1;border:0;outline:0;background:transparent;font:500 12px Inter;color:var(--m2-text)}.m2-search button{width:34px;height:34px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--m2-purple2),var(--m2-purple));color:#fff;font-size:17px}
  .m2-hero{position:relative;overflow:hidden;min-height:160px;border-radius:23px;padding:20px;background:linear-gradient(135deg,#7234ec 0%,#8a42f0 55%,#ee72ad 120%);color:#fff;box-shadow:0 13px 30px rgba(99,37,220,.24)}
  .m2-hero:before,.m2-hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.14)}.m2-hero:before{width:150px;height:150px;right:-50px;top:-55px}.m2-hero:after{width:100px;height:100px;right:48px;bottom:-58px}
  .m2-hero-copy{position:relative;z-index:2;max-width:62%}.m2-hero small{font-size:10px;font-weight:700;opacity:.92}.m2-hero h3{font-size:22px;line-height:1.12;margin:8px 0 6px;color:#fff}.m2-hero p{font-size:10px;line-height:1.45;opacity:.88}.m2-hero button{margin-top:14px;height:36px;padding:0 14px;border:0;border-radius:11px;background:#fff;color:#6324d4;font-weight:800;font-size:10px;box-shadow:0 8px 18px rgba(44,10,99,.16)}
  .m2-bot{position:absolute;right:14px;bottom:9px;width:112px;height:112px;z-index:2}.m2-bot-head{position:absolute;left:14px;top:21px;width:82px;height:68px;border-radius:32px;background:linear-gradient(145deg,#f4fbff,#a8d7ff);border:5px solid #9dd6ff;box-shadow:0 8px 20px rgba(26,47,124,.25)}.m2-bot-face{position:absolute;inset:13px;border-radius:20px;background:#10275a}.m2-bot-face:before,.m2-bot-face:after{content:"";position:absolute;top:15px;width:10px;height:10px;border-radius:50%;background:#7ff5ff;box-shadow:0 0 8px #7ff5ff}.m2-bot-face:before{left:14px}.m2-bot-face:after{right:14px}.m2-bot-mouth{position:absolute;left:28px;top:43px;width:25px;height:7px;border-bottom:3px solid #7ff5ff;border-radius:50%}.m2-bot-antenna{position:absolute;left:54px;top:3px;width:4px;height:20px;background:#8bcaff}.m2-bot-antenna:after{content:"";position:absolute;left:-4px;top:-4px;width:12px;height:12px;border-radius:50%;background:#ff7ab7}
  .m2-section-head{display:flex;align-items:center;justify-content:space-between;margin:1px 1px 9px}.m2-section-head h3{font-size:14px;color:var(--m2-text);margin:0}.m2-section-head button{border:0;background:transparent;color:var(--m2-purple);font-size:10px;font-weight:700}
  .m2-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.m2-quick{min-height:68px;border:1px solid var(--m2-line);border-radius:16px;background:#fff;padding:11px;display:flex;align-items:center;gap:10px;text-align:left;box-shadow:0 5px 14px rgba(45,35,75,.035)}.m2-quick:active{transform:scale(.985)}.m2-quick .ico{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font-size:17px;flex:0 0 37px}.m2-quick b{display:block;font-size:11px;color:var(--m2-text)}.m2-quick small{display:block;font-size:8.5px;color:var(--m2-muted);margin-top:3px}.m2-quick.photo .ico{background:#eee7ff;color:#6a30de}.m2-quick.compress .ico{background:#e7f0ff;color:#3975f4}.m2-quick.capture .ico{background:#fff0e4;color:#ef7c25}.m2-quick.gallery .ico{background:#efeaff;color:#8950e6}.m2-quick.upload .ico{background:#e9f6ff;color:#278bc4}.m2-quick.download .ico{background:#f1edff;color:#6f45df}
  .m2-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.m2-summary{padding:10px 4px;border-radius:14px;text-align:center;border:1px solid var(--m2-line);background:#fff}.m2-summary b{display:block;font-size:15px}.m2-summary small{font-size:8px;color:var(--m2-muted)}.m2-summary:nth-child(1){background:#f0faef}.m2-summary:nth-child(2){background:#fff0f2}.m2-summary:nth-child(3){background:#fff5e7}.m2-summary:nth-child(4){background:#eeeaff}.m2-summary:nth-child(1) b{color:#278b4d}.m2-summary:nth-child(2) b{color:#e24c61}.m2-summary:nth-child(3) b{color:#e17d13}.m2-summary:nth-child(4) b{color:#5e36d2}
  .m2-activity-list{display:flex;flex-direction:column;gap:7px}.m2-activity{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--m2-line);border-radius:14px;background:#fff}.m2-activity .thumb{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eee8ff;color:#6731db;overflow:hidden}.m2-activity .thumb img{width:100%;height:100%;object-fit:cover}.m2-activity .copy{min-width:0;flex:1}.m2-activity b{display:block;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m2-activity small{display:block;margin-top:3px;font-size:8.5px;color:var(--m2-muted)}.m2-activity em{font-style:normal;font-size:9px;font-weight:800;color:var(--m2-green)}.m2-empty{padding:24px;text-align:center;background:#fff;border:1px dashed #dcd8e7;border-radius:16px;color:var(--m2-muted);font-size:11px}

  /* Bottom navigation */
  .mobile-v2-bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;position:fixed!important;left:10px!important;right:10px!important;bottom:8px!important;width:auto!important;height:70px!important;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))!important;background:rgba(255,255,255,.97)!important;border:1px solid rgba(224,220,234,.9)!important;border-radius:22px!important;box-shadow:0 12px 34px rgba(36,23,69,.17)!important;z-index:1000!important;backdrop-filter:blur(18px)!important}
  .mobile-v2-bottom-nav .bottom-nav-item{min-width:0!important;padding:4px 1px!important;color:#9692a3!important;background:transparent!important;border:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important}.mobile-v2-bottom-nav .bottom-nav-item svg{width:20px!important;height:20px!important}.mobile-v2-bottom-nav .bottom-nav-item span{font-size:8.5px!important}.mobile-v2-bottom-nav .bottom-nav-item.active{color:var(--m2-purple)!important}.mobile-v2-create-item{position:relative!important;overflow:visible!important}.mobile-v2-create-item .mobile-v2-plus{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin-top:-25px!important;border-radius:50%!important;background:linear-gradient(145deg,var(--m2-purple2),var(--m2-purple))!important;color:#fff!important;font-size:27px!important;font-weight:400!important;line-height:1!important;border:5px solid var(--m2-bg)!important;box-shadow:0 8px 20px rgba(93,39,209,.32)!important}.mobile-v2-create-item>span:last-child{margin-top:-1px!important}

  /* Create sheet */
  .mobile-v2-sheet{position:fixed;inset:0;z-index:50000;display:flex;align-items:flex-end;background:rgba(20,15,35,.52);opacity:0;visibility:hidden;transition:.22s ease}.mobile-v2-sheet.open{opacity:1;visibility:visible}.mobile-v2-sheet-card{width:100%;padding:8px 16px calc(22px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0;background:#fff;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.85,.25,1);box-shadow:0 -20px 50px rgba(24,14,49,.2)}.mobile-v2-sheet.open .mobile-v2-sheet-card{transform:translateY(0)}.mobile-v2-sheet-handle{width:42px;height:4px;border-radius:99px;background:#ddd9e5;margin:2px auto 12px}.mobile-v2-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mobile-v2-sheet-head h3{font-size:17px;color:var(--m2-text)}.mobile-v2-sheet-head button{width:34px;height:34px;border:1px solid var(--m2-line);border-radius:50%;background:#fff;color:#5d5968;font-size:21px}.mobile-v2-sheet-action{width:100%;min-height:58px;border:0;border-bottom:1px solid #f0eef4;background:#fff;display:flex;align-items:center;gap:12px;text-align:left;padding:7px 2px}.mobile-v2-sheet-action>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:17px}.mobile-v2-sheet-action .purple{background:#eee8ff;color:#6628de}.mobile-v2-sheet-action .blue{background:#e9f1ff;color:#3d73ee}.mobile-v2-sheet-action .pink{background:#ffe9f1;color:#e65288}.mobile-v2-sheet-action .gold{background:#fff1dd;color:#e18820}.mobile-v2-sheet-action b{flex:1;font-size:12px;color:var(--m2-text)}.mobile-v2-sheet-action small{display:block;font-weight:500;color:var(--m2-muted);font-size:9px;margin-top:3px}.mobile-v2-sheet-action em{font-style:normal;color:#a19cae;font-size:22px}

  /* Gallery / History */
  .m2-page-head{display:flex;align-items:center;justify-content:space-between;margin:2px 1px 12px}.m2-page-head h2{font-size:21px;color:var(--m2-text)}.m2-page-head .actions{display:flex;gap:7px}.m2-page-head button{width:37px;height:37px;border:1px solid var(--m2-line);border-radius:12px;background:#fff;color:#5d5968}
  .m2-tabs{display:flex;gap:7px;margin-bottom:13px;overflow:auto;scrollbar-width:none}.m2-tabs::-webkit-scrollbar{display:none}.m2-tab{flex:0 0 auto;border:0;border-radius:999px;padding:8px 14px;background:#ebe9ef;color:#726e7e;font-size:10px;font-weight:700}.m2-tab.active{background:var(--m2-purple);color:#fff}
  .m2-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.m2-gallery-card{position:relative;aspect-ratio:3/4;border:0;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#ece8f5,#ddd5ec)}.m2-gallery-card img{width:100%;height:100%;object-fit:cover}.m2-gallery-card .badge{position:absolute;right:5px;bottom:5px;padding:3px 5px;border-radius:7px;background:rgba(15,12,25,.72);color:#fff;font-size:7px}.m2-history-section{margin-top:15px}.m2-history-date{font-size:11px;font-weight:800;color:#5d5969;margin:9px 2px}.m2-history-item{display:flex;align-items:center;gap:10px;padding:10px 11px;margin-bottom:7px;border-radius:14px;background:#fff;border:1px solid var(--m2-line)}.m2-history-item .icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#eee8ff;color:#6330d4;overflow:hidden}.m2-history-item .icon img{width:100%;height:100%;object-fit:cover}.m2-history-item .text{flex:1;min-width:0}.m2-history-item b{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m2-history-item small{font-size:8.5px;color:var(--m2-muted)}.m2-history-item .saving{font-size:9px;font-weight:800;color:var(--m2-green)}

  /* Existing Photo Studio — light app treatment, functions unchanged */
  #app[data-current-page="studio"] .content{background:var(--m2-bg)!important;padding:10px 10px 103px!important}
  #app[data-current-page="studio"] .studio-simple-final{color:var(--m2-text)!important}
  #app[data-current-page="studio"] .studio-compact-primary{grid-template-columns:1fr!important;gap:11px!important}
  #app[data-current-page="studio"] .studio-side-stack{grid-template-columns:1fr 1fr!important;gap:9px!important}
  #app[data-current-page="studio"] .studio-panel{background:#fff!important;border:1px solid var(--m2-line)!important;border-radius:18px!important;box-shadow:0 6px 18px rgba(49,35,82,.05)!important;color:var(--m2-text)!important;padding:12px!important}
  #app[data-current-page="studio"] .studio-panel h3,#app[data-current-page="studio"] .studio-editor-main-title h3,#app[data-current-page="studio"] .studio-live-preview-head h3{color:var(--m2-text)!important}
  #app[data-current-page="studio"] .studio-panel p,#app[data-current-page="studio"] .studio-panel small,#app[data-current-page="studio"] .studio-preview-tip{color:var(--m2-muted)!important}
  #app[data-current-page="studio"] .studio-camera-frame{min-height:350px!important;border-radius:17px!important;background:#eeeaf5!important;border:0!important}
  #app[data-current-page="studio"] .studio-camera-tools select,#app[data-current-page="studio"] .studio-camera-tools button,#app[data-current-page="studio"] .quick-field input,#app[data-current-page="studio"] .quick-field select{background:#f7f6fb!important;color:var(--m2-text)!important;border:1px solid var(--m2-line)!important}
  #app[data-current-page="studio"] .studio-capture-button,#app[data-current-page="studio"] .studio-apply-button{background:linear-gradient(135deg,var(--m2-purple2),var(--m2-purple))!important;color:#fff!important;border:0!important}
  #app[data-current-page="studio"] .studio-upload-drop{background:#faf9fd!important;border:1.5px dashed #bba9ed!important;color:var(--m2-text)!important}.studio-upload-drop button{background:var(--m2-purple)!important;color:#fff!important}
  #app[data-current-page="studio"] .studio-preset-card{background:#f8f7fb!important;border:1px solid var(--m2-line)!important;color:var(--m2-text)!important}.studio-preset-card.active{background:#eee8ff!important;border-color:#7d4bea!important;color:#5e27c9!important}
  #app[data-current-page="studio"] .studio-folder-head{grid-template-columns:1fr!important}.studio-folder-actions{justify-content:flex-start!important;overflow:auto!important;flex-wrap:nowrap!important}.studio-folder-actions button{flex:0 0 auto!important;background:#f7f5fb!important;border-color:var(--m2-line)!important;color:#5e596b!important}.studio-folder-actions button.download{background:var(--m2-purple)!important;color:#fff!important}
  #app[data-current-page="studio"] .quick-studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.quick-photo-card{border-radius:12px!important;background:#fff!important;border-color:var(--m2-line)!important}.quick-photo-thumb{aspect-ratio:3/4!important}.quick-photo-meta{padding:6px!important}.quick-photo-name{font-size:8.5px!important}.quick-photo-sub{font-size:7.5px!important}
  #app[data-current-page="studio"] .studio-editor-layout{grid-template-columns:1fr!important}.quick-overlay-preview-frame{border-radius:17px!important;background:#ece8f3!important}

  /* Existing Compressor — mobile upload design */
  #app[data-current-page="compressor"] .content{background:var(--m2-bg)!important;padding:12px 12px 104px!important}
  #app[data-current-page="compressor"] .card{background:#fff!important;border:1px solid var(--m2-line)!important;border-radius:19px!important;box-shadow:0 6px 18px rgba(45,32,76,.05)!important;color:var(--m2-text)!important;padding:16px!important}
  #app[data-current-page="compressor"] .card h2,#app[data-current-page="compressor"] .card b{color:var(--m2-text)!important}
  #app[data-current-page="compressor"] .card p,#app[data-current-page="compressor"] .card div{color:inherit}
  #app[data-current-page="compressor"] #cmp-file{min-height:118px!important;padding:46px 14px 14px!important;background:#faf9fd!important;color:#5f5b6b!important;border:1.5px dashed #a987ef!important;border-radius:17px!important}
  #app[data-current-page="compressor"] #cmp-mode,#app[data-current-page="compressor"] #cmp-target-size,#app[data-current-page="compressor"] #cmp-target-unit{background:#f8f7fb!important;color:var(--m2-text)!important;border-color:var(--m2-line)!important}
  #app[data-current-page="compressor"] #cmp-estimate{background:#f7f3ff!important;border-color:#d2c1f7!important;color:var(--m2-text)!important}
  #app[data-current-page="compressor"] .btn-primary{background:linear-gradient(135deg,var(--m2-purple2),var(--m2-purple))!important;color:#fff!important;min-height:48px!important;border-radius:14px!important}
  #app[data-current-page="compressor"] #cmp-jobs .card div[style*="background:#211633"]{background:#ebe7f2!important}

  /* Profile / settings */
  .m2-profile-hero{border-radius:22px;padding:18px;background:linear-gradient(135deg,#7540e9,#a34df1);color:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 12px 27px rgba(102,38,214,.2)}.m2-profile-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#6530d1;font-size:18px;font-weight:900;border:3px solid rgba(255,255,255,.45)}.m2-profile-hero b{display:block;font-size:15px}.m2-profile-hero small{font-size:9px;opacity:.8}.m2-profile-list{margin-top:12px;background:#fff;border:1px solid var(--m2-line);border-radius:18px;overflow:hidden}.m2-profile-row{width:100%;min-height:52px;padding:0 13px;border:0;border-bottom:1px solid #f1eff5;background:#fff;display:flex;align-items:center;gap:11px;text-align:left}.m2-profile-row:last-child{border-bottom:0}.m2-profile-row .icon{width:34px;height:34px;border-radius:11px;background:#f4f1fb;display:grid;place-items:center;color:#6330d1}.m2-profile-row b{flex:1;font-size:11px;color:var(--m2-text)}.m2-profile-row span:last-child{color:#aaa5b2;font-size:18px}
  .m2-setting-group{margin-bottom:13px}.m2-setting-label{font-size:10px;font-weight:800;color:#777283;margin:2px 4px 7px}.m2-toggle{width:40px;height:22px;border-radius:99px;background:#d8d4df;position:relative}.m2-toggle.on{background:var(--m2-purple)}.m2-toggle:after{content:"";position:absolute;width:18px;height:18px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.18);transition:.18s}.m2-toggle.on:after{left:20px}

  body>div[style*="V6 Enterprise Unified"]{display:none!important}
}
@media(max-width:380px){.m2-hero-copy{max-width:67%}.m2-bot{right:3px;transform:scale(.88);transform-origin:right bottom}.m2-summary-grid{gap:5px}.m2-summary b{font-size:13px}.m2-quick{padding:9px;gap:7px}}


/* Shivshahi Media Studio — v2.2 clean mobile home */
@media (max-width: 640px){
  /* Remove the legacy hamburger drawer completely on mobile. */
  #sidebar,.sidebar,#sidebar-overlay,.sidebar-overlay,
  #hamburger-btn,.hamburger-btn{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateX(-120%)!important;
  }
  .mobile-native-actions .mobile-native-icon:last-child{
    display:none!important;
  }

  /* Cleaner compact app header. */
  .topbar{
    min-height:64px!important;
    padding:9px 13px!important;
  }
  .mobile-native-brand{
    min-width:0!important;
    flex:1!important;
  }
  .mobile-native-logo{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
    border-radius:13px!important;
  }
  .mobile-native-copy{
    min-width:0!important;
  }
  .mobile-native-copy strong{
    display:block!important;
    font-size:15px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mobile-native-copy span{
    display:block!important;
    font-size:9px!important;
    line-height:1.15!important;
    letter-spacing:.12em!important;
  }
  .mobile-native-actions{
    display:flex!important;
    margin-left:auto!important;
  }
  .mobile-native-actions .mobile-native-icon:first-child{
    width:38px!important;
    height:38px!important;
  }

  /* Hero/banner and old avatar are intentionally removed. */
  .m2-hero,.m2-mini-avatar{
    display:none!important;
  }
  .mobile-v2-home{
    gap:14px!important;
  }
  .m2-greeting{
    padding:3px 2px 0!important;
  }
  .m2-greeting h2{
    font-size:22px!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;
  }
  .m2-greeting p{
    font-size:12.5px!important;
    margin-top:5px!important;
  }

  /* Search is one clean field; no separate purple button. */
  .m2-search{
    height:48px!important;
    border-radius:16px!important;
    padding:0 14px!important;
    gap:10px!important;
  }
  .m2-search-icon{
    font-size:20px!important;
    color:#716c7d!important;
  }
  .m2-search input{
    font-size:12.5px!important;
  }
  .m2-search button{
    display:none!important;
  }

  /* Bigger, easier-to-tap quick actions. */
  .m2-section-head{
    margin:2px 1px 10px!important;
  }
  .m2-section-head h3{
    font-size:15px!important;
  }
  .m2-quick-grid{
    gap:10px!important;
  }
  .m2-quick{
    min-height:82px!important;
    padding:13px 11px!important;
    border-radius:18px!important;
    gap:11px!important;
  }
  .m2-quick .ico{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
    border-radius:13px!important;
    font-size:19px!important;
  }
  .m2-quick b{
    font-size:11.5px!important;
    line-height:1.2!important;
  }
  .m2-quick small{
    font-size:8.5px!important;
    line-height:1.25!important;
  }

  /* Summary stays fully visible in a balanced 2 × 2 grid. */
  .m2-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .m2-summary{
    min-height:68px!important;
    padding:12px 8px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border-radius:16px!important;
  }
  .m2-summary b{
    font-size:18px!important;
  }
  .m2-summary small{
    margin-top:3px!important;
    font-size:9px!important;
  }

  /* Prevent fixed navigation from covering summary/activity content. */
  .main{
    padding-bottom:104px!important;
  }
  .content{
    padding:12px 12px calc(118px + env(safe-area-inset-bottom,0px))!important;
  }
  .mobile-v2-bottom-nav{
    left:12px!important;
    right:12px!important;
    bottom:8px!important;
    height:68px!important;
    border-radius:21px!important;
  }
  .mobile-v2-bottom-nav .bottom-nav-item{
    gap:2px!important;
  }
  .mobile-v2-bottom-nav .bottom-nav-item span{
    font-size:18px!important;
    line-height:1!important;
  }
  .mobile-v2-bottom-nav .bottom-nav-item small{
    font-size:10px!important;
  }
  .mobile-v2-create-item .mobile-v2-plus{
    width:52px!important;
    height:52px!important;
    margin-top:-27px!important;
    border-width:5px!important;
    box-shadow:0 7px 17px rgba(93,39,209,.25)!important;
    font-size:26px!important;
  }
}


/* Shivshahi Media Studio — v2.3 premium polish */
@media (max-width: 640px){
  :root{
    --m23-bg:#f7f6fc;
    --m23-card:#ffffff;
    --m23-text:#19152a;
    --m23-muted:#736e80;
    --m23-line:#ebe8f2;
    --m23-purple:#6c35e8;
    --m23-purple-dark:#4e20bd;
  }

  body{
    background:var(--m23-bg)!important;
  }

  /* Display-cutout-safe, compact brand zone. */
  .topbar{
    min-height:78px!important;
    padding:
      max(12px,env(safe-area-inset-top,0px))
      13px
      10px!important;
    align-items:flex-end!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    border-bottom:1px solid rgba(233,229,242,.9)!important;
  }
  .mobile-native-brand{
    width:min(172px,52vw)!important;
    max-width:172px!important;
    gap:9px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .mobile-native-logo{
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
    border-radius:14px!important;
    padding:3px!important;
    object-fit:contain!important;
    background:#fff!important;
    border:1px solid #e9e4f3!important;
    box-shadow:0 5px 14px rgba(46,30,84,.09)!important;
    image-rendering:auto!important;
  }
  .mobile-native-copy{
    width:108px!important;
    max-width:108px!important;
    overflow:hidden!important;
  }
  .mobile-native-copy strong{
    font-size:15.5px!important;
    line-height:1.02!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;
    color:var(--m23-text)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .mobile-native-copy span{
    margin-top:4px!important;
    font-size:8.5px!important;
    line-height:1!important;
    color:#6d6679!important;
    letter-spacing:.18em!important;
    white-space:nowrap!important;
  }
  .mobile-native-actions{
    gap:0!important;
  }
  .mobile-native-actions .mobile-native-icon:first-child{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    border:1px solid var(--m23-line)!important;
    background:#fff!important;
    color:#332a48!important;
    box-shadow:0 5px 15px rgba(45,33,76,.06)!important;
  }
  .m2-header-bell .m2-svg{
    width:21px!important;
    height:21px!important;
  }

  .content{
    background:var(--m23-bg)!important;
    padding:
      17px
      12px
      calc(136px + env(safe-area-inset-bottom,0px))!important;
  }
  .mobile-v2-home{
    gap:17px!important;
  }

  .m2-greeting h2{
    font-size:23px!important;
    line-height:1.08!important;
    color:var(--m23-text)!important;
  }
  .m2-greeting p{
    color:var(--m23-muted)!important;
    font-size:13px!important;
  }

  .m2-svg{
    width:22px;
    height:22px;
    display:block;
    pointer-events:none;
  }

  /* Premium search field with an optional clear action. */
  .m2-search{
    height:49px!important;
    border:1px solid var(--m23-line)!important;
    background:#fff!important;
    box-shadow:0 7px 22px rgba(44,31,76,.055)!important;
    border-radius:16px!important;
    padding:0 14px!important;
  }
  .m2-search-icon{
    display:grid!important;
    place-items:center!important;
    color:#777181!important;
  }
  .m2-search-icon .m2-svg{
    width:20px!important;
    height:20px!important;
  }
  .m2-search input{
    font-size:13px!important;
    font-weight:520!important;
    color:var(--m23-text)!important;
  }
  .m2-search-clear{
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#f0edf6!important;
    color:#6e6878!important;
    font-size:18px!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:scale(.85)!important;
    transition:.18s ease!important;
  }
  .m2-search-clear.show{
    opacity:1!important;
    pointer-events:auto!important;
    transform:scale(1)!important;
  }

  .m2-section-head h3{
    font-size:16px!important;
    letter-spacing:-.015em!important;
    color:var(--m23-text)!important;
  }
  .m2-section-head button{
    font-size:10.5px!important;
    font-weight:750!important;
    color:var(--m23-purple)!important;
  }

  /* Clean white cards, stronger contrast, SVG icons and tap affordance. */
  .m2-quick-grid{
    gap:10px!important;
  }
  .m2-quick{
    min-height:78px!important;
    padding:12px 10px 12px 11px!important;
    border-radius:18px!important;
    border:1px solid var(--m23-line)!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(42,29,73,.055)!important;
    gap:10px!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .m2-quick::before{
    content:""!important;
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:3px!important;
    border-radius:18px 0 0 18px!important;
    background:currentColor!important;
    opacity:.55!important;
  }
  .m2-quick .ico{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border-radius:13px!important;
  }
  .m2-quick .ico .m2-svg{
    width:21px!important;
    height:21px!important;
  }
  .m2-quick-copy{
    flex:1!important;
    min-width:0!important;
  }
  .m2-quick b{
    font-size:11.5px!important;
    line-height:1.15!important;
    color:var(--m23-text)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .m2-quick small{
    font-size:8.7px!important;
    line-height:1.25!important;
    color:var(--m23-muted)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .m2-card-arrow{
    width:15px!important;
    flex:0 0 15px!important;
    color:#aaa5b2!important;
  }
  .m2-card-arrow .m2-svg{
    width:15px!important;
    height:15px!important;
  }

  /* Compact, professional summary cards. */
  .m2-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .m2-summary{
    min-height:64px!important;
    padding:10px 11px!important;
    border-radius:16px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    text-align:left!important;
    background:#fff!important;
    border:1px solid var(--m23-line)!important;
    box-shadow:0 6px 17px rgba(43,31,73,.045)!important;
  }
  .m2-summary-icon{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
  }
  .m2-summary-icon .m2-svg{
    width:18px!important;
    height:18px!important;
  }
  .m2-summary b{
    font-size:17px!important;
    line-height:1!important;
    color:var(--m23-text)!important;
  }
  .m2-summary small{
    display:block!important;
    font-size:9px!important;
    margin-top:4px!important;
    color:var(--m23-muted)!important;
  }
  .m2-summary.photos .m2-summary-icon{background:#eaf8ef;color:#2b9b58}
  .m2-summary.videos .m2-summary-icon{background:#fff0f2;color:#df4d67}
  .m2-summary.processing .m2-summary-icon{background:#fff4e4;color:#db7a16}
  .m2-summary.saved .m2-summary-icon{background:#eee9ff;color:#6535d8}

  .m2-activity,.m2-history-item,.m2-profile-row{
    border-color:var(--m23-line)!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(43,31,73,.04)!important;
  }
  .m2-activity .thumb .m2-svg,
  .m2-history-item .icon .m2-svg,
  .m2-profile-row .icon .m2-svg{
    width:20px!important;
    height:20px!important;
  }
  .m2-profile-avatar{
    display:grid!important;
    place-items:center!important;
  }
  .m2-profile-avatar .m2-svg{
    width:26px!important;
    height:26px!important;
  }
  .m2-profile-row>span:last-child .m2-svg{
    width:16px!important;
    height:16px!important;
  }

  /* Premium bottom navigation with real SVG icons. */
  .mobile-v2-bottom-nav{
    left:12px!important;
    right:12px!important;
    bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
    height:72px!important;
    border-radius:23px!important;
    padding:5px 7px!important;
    background:rgba(255,255,255,.97)!important;
    border:1px solid rgba(229,225,238,.95)!important;
    box-shadow:0 13px 32px rgba(38,24,68,.16)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .mobile-v2-bottom-nav .bottom-nav-item{
    min-width:0!important;
    border-radius:15px!important;
    color:#908b98!important;
    transition:.18s ease!important;
  }
  .mobile-v2-bottom-nav .bottom-nav-item.active:not(.mobile-v2-create-item){
    background:#f0ebff!important;
    color:var(--m23-purple)!important;
  }
  .m2-nav-icon{
    width:23px!important;
    height:23px!important;
    display:grid!important;
    place-items:center!important;
  }
  .m2-nav-icon .m2-svg{
    width:22px!important;
    height:22px!important;
  }
  .mobile-v2-bottom-nav .bottom-nav-item small{
    font-size:10px!important;
    font-weight:650!important;
    margin-top:2px!important;
  }
  .mobile-v2-create-item .mobile-v2-plus{
    width:52px!important;
    height:52px!important;
    margin-top:-24px!important;
    border:4px solid #fff!important;
    background:linear-gradient(145deg,#7b42f5,#5822cf)!important;
    box-shadow:0 8px 18px rgba(91,38,208,.28)!important;
  }
  .mobile-v2-create-item .mobile-v2-plus .m2-svg{
    width:24px!important;
    height:24px!important;
  }
  .mobile-v2-create-item small{
    margin-top:2px!important;
  }

  /* Create sheet icons. */
  .mobile-v2-sheet-action>span:first-child .m2-svg{
    width:21px!important;
    height:21px!important;
  }
}

@media(max-width:380px){
  .mobile-native-brand{
    width:158px!important;
    max-width:158px!important;
  }
  .mobile-native-copy{
    width:94px!important;
    max-width:94px!important;
  }
  .m2-quick{
    padding-left:9px!important;
    gap:8px!important;
  }
  .m2-quick .ico{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .m2-card-arrow{
    display:none!important;
  }
}

@media (max-width: 640px){
  .mobile-v2-bottom-nav .bottom-nav-item>span.m2-nav-icon{
    font-size:0!important;
    line-height:1!important;
  }
}


/* Shivshahi UI v2.4 — Purple–Gold responsive separation */
@media (min-width:641px){
  html.shivshahi-web-ui{--v24-purple:#6f32df;--v24-deep:#09040f;--v24-gold:#e6ad3b;--v24-gold-light:#f8d477;--v24-line:rgba(230,173,59,.18)}
  html.shivshahi-web-ui .mobile-v2-splash,html.shivshahi-web-ui .mobile-v2-sheet,html.shivshahi-web-ui .mobile-v2-bottom-nav{display:none!important}
  html.shivshahi-web-ui body,html.shivshahi-web-ui #app{background:radial-gradient(circle at 78% 0%,rgba(110,46,207,.13),transparent 30%),linear-gradient(145deg,#08040f,#0f0718 55%,#08040f)!important}
  html.shivshahi-web-ui .sidebar{width:270px!important;background:radial-gradient(circle at 20% 4%,rgba(230,173,59,.11),transparent 19%),linear-gradient(180deg,#17091f 0%,#100617 52%,#09030e 100%)!important;border-right:1px solid var(--v24-line)!important;box-shadow:20px 0 60px rgba(0,0,0,.22)!important}
  html.shivshahi-web-ui .main{margin-left:270px!important}
  html.shivshahi-web-ui .sidebar-logo{padding:24px 22px 21px!important;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)!important}
  html.shivshahi-web-ui .sidebar-logo-circle{width:50px!important;height:50px!important;border-radius:16px!important;background:#fff!important;border:2px solid rgba(230,173,59,.72)!important;box-shadow:0 10px 28px rgba(230,173,59,.14)!important}
  html.shivshahi-web-ui .sidebar-logo h2{font-size:18px!important;letter-spacing:-.02em!important}
  html.shivshahi-web-ui .sidebar-logo p{color:var(--v24-gold-light)!important;font-size:9.5px!important;letter-spacing:.14em!important}
  html.shivshahi-web-ui .nav-item{min-height:45px!important;padding:11px 13px!important;border:1px solid transparent!important;border-radius:14px!important;color:#c8bfd0!important}
  html.shivshahi-web-ui .nav-item:hover{background:rgba(116,52,220,.12)!important;border-color:rgba(230,173,59,.10)!important;color:#fff!important}
  html.shivshahi-web-ui .nav-item.active{background:linear-gradient(100deg,rgba(116,52,220,.42),rgba(116,52,220,.10))!important;border-color:rgba(230,173,59,.25)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 22px rgba(62,19,115,.15)!important}
  html.shivshahi-web-ui .nav-item.active::before{background:linear-gradient(180deg,var(--v24-gold-light),var(--v24-gold))!important}
  html.shivshahi-web-ui .topbar{min-height:82px!important;padding:17px 32px!important;background:rgba(9,4,15,.86)!important;border-bottom:1px solid var(--v24-line)!important;box-shadow:0 10px 35px rgba(0,0,0,.13)!important}
  html.shivshahi-web-ui .topbar h1{font-size:23px!important;letter-spacing:-.025em!important}
  html.shivshahi-web-ui .topbar-sub{color:#aaa0b5!important}
  html.shivshahi-web-ui .content{width:100%!important;max-width:1740px!important;margin:0 auto!important;padding:28px 32px 46px!important}
  html.shivshahi-web-ui .dashboard-photo-layout{border:1px solid rgba(230,173,59,.26)!important;border-radius:24px!important;box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.025) inset!important}
  html.shivshahi-web-ui .reference-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:17px!important}
  html.shivshahi-web-ui .reference-stat-card,html.shivshahi-web-ui .card{background:radial-gradient(circle at 95% 0%,rgba(112,48,210,.10),transparent 34%),linear-gradient(155deg,#170c22,#110819)!important;border:1px solid rgba(230,173,59,.13)!important;box-shadow:0 16px 42px rgba(0,0,0,.18)!important}
  html.shivshahi-web-ui .reference-stat-card:hover,html.shivshahi-web-ui .card:hover{border-color:rgba(230,173,59,.27)!important}
  html.shivshahi-web-ui .card-header{border-bottom-color:rgba(230,173,59,.13)!important}
  html.shivshahi-web-ui .card-title::before{background:linear-gradient(180deg,var(--v24-gold-light),var(--v24-gold))!important}
  html.shivshahi-web-ui th{background:rgba(230,173,59,.035)!important;color:#bcb1c5!important}
  html.shivshahi-web-ui td{color:#eee8f2!important}
  html.shivshahi-web-ui tbody tr:hover td{background:rgba(112,48,210,.08)!important}
  html.shivshahi-web-ui .bottom-nav{display:none!important}
}

@media (max-width:640px){
  html.phone-surface-ui{--m24-purple:#5c1fb9;--m24-purple2:#7b31d7;--m24-dark:#190824;--m24-gold:#d89a27;--m24-gold-light:#f4c968;--m24-cream:#fffaf2;--m24-text:#23142d;--m24-muted:#766c79}
  html.phone-surface-ui body,html.phone-surface-ui #app,html.phone-surface-ui .main{background:radial-gradient(circle at 95% 3%,rgba(216,154,39,.10),transparent 24%),linear-gradient(180deg,var(--m24-cream),#fbf7f1 70%,#f7f0e6)!important}
  html.phone-surface-ui .topbar{background:radial-gradient(circle at 15% -20%,rgba(244,201,104,.20),transparent 34%),linear-gradient(135deg,#210b31,#3c135b 62%,#5c1fb9)!important;border-bottom:1px solid rgba(244,201,104,.33)!important;box-shadow:0 9px 26px rgba(40,11,60,.24)!important}
  html.phone-surface-ui .mobile-native-logo{background:#fff!important;border:2px solid var(--m24-gold-light)!important;box-shadow:0 7px 20px rgba(216,154,39,.20)!important}
  html.phone-surface-ui .mobile-native-copy strong{color:#fff!important;font-weight:850!important}
  html.phone-surface-ui .mobile-native-copy span{color:var(--m24-gold-light)!important}
  html.phone-surface-ui .m2-header-bell{color:var(--m24-gold-light)!important;background:rgba(255,255,255,.08)!important;border-color:rgba(244,201,104,.34)!important;box-shadow:none!important}
  html.phone-surface-ui .content{background:transparent!important}
  html.phone-surface-ui .m2-greeting h2,html.phone-surface-ui .m2-section-head h3{color:var(--m24-text)!important}
  html.phone-surface-ui .m2-section-head h3{position:relative!important;padding-left:13px!important}
  html.phone-surface-ui .m2-section-head h3::before{content:""!important;position:absolute!important;left:0!important;top:50%!important;width:5px!important;height:18px!important;border-radius:6px!important;transform:translateY(-50%)!important;background:linear-gradient(180deg,var(--m24-gold-light),var(--m24-gold))!important}
  html.phone-surface-ui .m2-section-head button{color:var(--m24-purple)!important}
  html.phone-surface-ui .m2-search{background:#fffdf9!important;border:1px solid rgba(92,31,185,.18)!important;box-shadow:0 8px 24px rgba(62,24,88,.07)!important}
  html.phone-surface-ui .m2-search:focus-within{border-color:rgba(216,154,39,.72)!important;box-shadow:0 0 0 3px rgba(216,154,39,.11),0 8px 24px rgba(62,24,88,.08)!important}
  html.phone-surface-ui .m2-search-icon{color:var(--m24-purple)!important}
  html.phone-surface-ui .m2-quick{background:linear-gradient(145deg,#fff,#fffaf3)!important;border:1px solid rgba(92,31,185,.12)!important;box-shadow:0 8px 22px rgba(48,18,71,.065)!important}
  html.phone-surface-ui .m2-quick::before{width:4px!important;background:linear-gradient(180deg,var(--m24-gold-light),var(--m24-gold))!important;opacity:1!important}
  html.phone-surface-ui .m2-quick .ico{background:linear-gradient(145deg,#efe4ff,#f9f1ff)!important;color:var(--m24-purple)!important;border:1px solid rgba(92,31,185,.10)!important}
  html.phone-surface-ui .m2-quick b{color:var(--m24-text)!important}
  html.phone-surface-ui .m2-card-arrow{color:#b59a63!important}
  html.phone-surface-ui .m2-summary{background:linear-gradient(145deg,#fff,#fff9ef)!important;border:1px solid rgba(216,154,39,.24)!important;box-shadow:0 8px 22px rgba(56,20,76,.055)!important}
  html.phone-surface-ui .m2-summary-icon{background:linear-gradient(145deg,#321047,#5d1ca6)!important;color:var(--m24-gold-light)!important}
  html.phone-surface-ui .m2-summary b{color:var(--m24-dark)!important}
  html.phone-surface-ui .m2-activity,html.phone-surface-ui .m2-history-item,html.phone-surface-ui .m2-profile-list,html.phone-surface-ui .m2-profile-row{background:#fffdf9!important;border-color:rgba(92,31,185,.11)!important}
  html.phone-surface-ui .m2-profile-hero{background:radial-gradient(circle at 80% 0%,rgba(244,201,104,.23),transparent 34%),linear-gradient(135deg,#2a0d3d,#5c1fb9 70%,#762bd2)!important;border:1px solid rgba(244,201,104,.30)!important}
  html.phone-surface-ui .mobile-v2-bottom-nav{background:linear-gradient(180deg,rgba(41,12,58,.985),rgba(23,7,34,.985))!important;border:1px solid rgba(244,201,104,.31)!important;box-shadow:0 15px 38px rgba(27,7,39,.30)!important}
  html.phone-surface-ui .mobile-v2-bottom-nav .bottom-nav-item{color:#c2b6c8!important}
  html.phone-surface-ui .mobile-v2-bottom-nav .bottom-nav-item.active:not(.mobile-v2-create-item){color:var(--m24-gold-light)!important;background:rgba(244,201,104,.10)!important}
  html.phone-surface-ui .mobile-v2-create-item .mobile-v2-plus{background:linear-gradient(145deg,var(--m24-gold-light),var(--m24-gold))!important;color:#2c0b3d!important;border-color:var(--m24-cream)!important;box-shadow:0 9px 21px rgba(216,154,39,.34)!important}
  html.phone-surface-ui .mobile-v2-create-item small{color:var(--m24-gold-light)!important}
  html.phone-surface-ui .mobile-v2-sheet-card{background:var(--m24-cream)!important}
  html.phone-surface-ui .mobile-v2-sheet-action{background:transparent!important;border-bottom-color:rgba(92,31,185,.10)!important}
  html.phone-surface-ui .m2-tab.active,html.phone-surface-ui #app[data-current-page="compressor"] .btn-primary,html.phone-surface-ui #app[data-current-page="studio"] .studio-capture-button,html.phone-surface-ui #app[data-current-page="studio"] .studio-apply-button{background:linear-gradient(135deg,var(--m24-purple2),var(--m24-purple))!important;color:#fff!important}
  html.phone-surface-ui #app[data-current-page="studio"] .studio-panel,html.phone-surface-ui #app[data-current-page="compressor"] .card{background:#fffdf9!important;border-color:rgba(92,31,185,.12)!important}
}


/* Shivshahi v2.6 — mobile website splash-lock fix */
html.shivshahi-web-ui .mobile-v2-splash,
html.shivshahi-web-ui .mobile-v2-sheet,
html.shivshahi-web-ui .mobile-v2-bottom-nav{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media (max-width:640px){
  html.shivshahi-web-ui body{
    overflow:auto!important;
  }

  html.shivshahi-web-ui #app,
  html.shivshahi-web-ui .main{
    visibility:visible!important;
    opacity:1!important;
  }

  html.phone-surface-ui .mobile-v2-splash{
    display:flex;
  }
}


/* Shivshahi v2.7 — Unified Phone Surface
   One shared mobile UI for APK, mobile browser and desktop phone frame. */
html.phone-surface-ui .mobile-v2-bottom-nav{
  display:flex!important;
}

html.phone-surface-ui .mobile-v2-splash{
  display:flex;
}

html.shivshahi-web-ui .mobile-v2-bottom-nav,
html.shivshahi-web-ui .mobile-v2-splash,
html.shivshahi-web-ui .mobile-v2-sheet{
  display:none!important;
}

@media (max-width:640px){
  html.phone-surface-ui body{
    overflow-x:hidden!important;
  }

  html.phone-surface-ui .sidebar,
  html.phone-surface-ui .sidebar-overlay{
    display:none!important;
  }
}

/* Shivshahi Marketing splash and compressor UI v2.9 */
@media (max-width:640px){
  .mobile-v2-splash{
    background:#260b52!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  .mobile-v2-splash-art{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center center!important;
    user-select:none!important;
    -webkit-user-drag:none!important;
    pointer-events:none!important;
  }
  .mobile-v2-splash-loader{
    position:absolute!important;
    z-index:3!important;
    left:50%!important;
    top:88.35%!important;
    bottom:auto!important;
    width:clamp(42px,12vw,58px)!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    box-sizing:border-box!important;
    transform:translate(-50%,-50%)!important;
    border:2px solid rgba(255,228,155,.28)!important;
    border-radius:50%!important;
    filter:drop-shadow(0 0 9px rgba(255,204,84,.38))!important;
  }
  .mobile-v2-splash-loader i{
    position:absolute!important;
    inset:-2px!important;
    border:2px solid transparent!important;
    border-top-color:#ffe69b!important;
    border-right-color:#d59bff!important;
    border-radius:50%!important;
    animation:m2spin .9s linear infinite!important;
  }
}

#app[data-current-page="compressor"] .cmp-shell{
  width:min(100%,900px)!important;
  margin:0 auto!important;
  padding:18px!important;
  border:1px solid #e9e2f5!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#20182f!important;
  box-shadow:0 18px 48px rgba(51,24,93,.12)!important;
}
#app[data-current-page="compressor"] .cmp-brand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:18px!important;
  margin-bottom:16px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(255,214,108,.3),transparent 28%),
    linear-gradient(135deg,#3a146d 0%,#6b2fd0 58%,#8b44ef 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(76,31,148,.24)!important;
}
#app[data-current-page="compressor"] .cmp-brand-mark{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:17px!important;
  color:#fff4c7!important;
  font:900 19px/1 Inter,sans-serif!important;
  letter-spacing:-.05em!important;
  background:linear-gradient(145deg,rgba(255,216,115,.32),rgba(255,255,255,.1))!important;
  border:1px solid rgba(255,239,185,.55)!important;
  box-shadow:inset 0 0 18px rgba(255,220,130,.16),0 8px 18px rgba(30,5,70,.18)!important;
}
#app[data-current-page="compressor"] .cmp-brand-copy{min-width:0!important}
#app[data-current-page="compressor"] .cmp-brand-copy>span{
  display:block!important;
  color:#f7d777!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.19em!important;
}
#app[data-current-page="compressor"] .cmp-brand-copy h2{
  margin:4px 0 3px!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
}
#app[data-current-page="compressor"] .cmp-brand-copy p{
  margin:0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:11px!important;
  line-height:1.4!important;
}
#app[data-current-page="compressor"] #cmp-file{display:none!important}
#app[data-current-page="compressor"] .cmp-file-picker{
  min-height:92px!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  padding:15px!important;
  border:1.5px dashed #a884e7!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#fbf9ff,#f4efff)!important;
  cursor:pointer!important;
  transition:.2s ease!important;
}
#app[data-current-page="compressor"] .cmp-file-picker:hover,
#app[data-current-page="compressor"] .cmp-file-picker.has-file{
  border-color:#6f34d2!important;
  background:linear-gradient(145deg,#f8f3ff,#eee4ff)!important;
  box-shadow:0 8px 22px rgba(99,46,190,.1)!important;
}
#app[data-current-page="compressor"] .cmp-file-icon{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  color:#fff!important;
  font-size:15px!important;
  background:linear-gradient(135deg,#6430c8,#914ff0)!important;
  box-shadow:0 8px 16px rgba(93,39,182,.2)!important;
}
#app[data-current-page="compressor"] .cmp-file-copy{
  min-width:0!important;
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
#app[data-current-page="compressor"] .cmp-file-copy strong{
  overflow:hidden!important;
  color:#251837!important;
  font-size:13px!important;
  font-weight:800!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#app[data-current-page="compressor"] .cmp-file-copy small{
  color:#7c718b!important;
  font-size:10px!important;
}
#app[data-current-page="compressor"] .cmp-file-action{
  padding:8px 11px!important;
  border-radius:10px!important;
  color:#5f28bd!important;
  background:#fff!important;
  border:1px solid #dacdf1!important;
  font-size:10px!important;
  font-weight:800!important;
}
#app[data-current-page="compressor"] .cmp-label{
  display:block!important;
  margin:15px 0 7px!important;
  color:#332742!important;
  font-size:11px!important;
  font-weight:800!important;
}
#app[data-current-page="compressor"] #cmp-mode,
#app[data-current-page="compressor"] #cmp-target-size,
#app[data-current-page="compressor"] #cmp-target-unit{
  width:100%!important;
  min-height:46px!important;
  padding:0 13px!important;
  border:1px solid #dcd4e8!important;
  border-radius:13px!important;
  outline:none!important;
  background:#faf9fd!important;
  color:#241934!important;
  font-size:12px!important;
  font-weight:700!important;
}
#app[data-current-page="compressor"] #cmp-mode:focus,
#app[data-current-page="compressor"] #cmp-target-size:focus,
#app[data-current-page="compressor"] #cmp-target-unit:focus{
  border-color:#7940db!important;
  box-shadow:0 0 0 3px rgba(121,64,219,.11)!important;
}
#app[data-current-page="compressor"] .cmp-field-note{
  display:block!important;
  margin-top:7px!important;
  color:#81768f!important;
  font-size:9.5px!important;
  line-height:1.4!important;
}
#app[data-current-page="compressor"] .cmp-custom{
  margin-top:13px!important;
  padding:14px!important;
  border:1px solid #e3d8f4!important;
  border-radius:15px!important;
  background:#faf7ff!important;
}
#app[data-current-page="compressor"] .cmp-range-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 48px!important;
  align-items:center!important;
  gap:12px!important;
}
#app[data-current-page="compressor"] .cmp-range-row input{width:100%!important;accent-color:#7136cf!important}
#app[data-current-page="compressor"] .cmp-range-row strong{
  color:#5f26be!important;
  text-align:right!important;
  font-size:13px!important;
}
#app[data-current-page="compressor"] .cmp-target-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 84px!important;
  gap:8px!important;
  margin-top:11px!important;
}
#app[data-current-page="compressor"] .cmp-estimate{
  margin-top:15px!important;
  padding:15px!important;
  border:1px solid #d6c1f5!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#f8f3ff,#fffaf0)!important;
  color:#241934!important;
}
#app[data-current-page="compressor"] .cmp-estimate-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
#app[data-current-page="compressor"] .cmp-estimate-head>strong{
  color:#2b1d3b!important;
  font-size:13px!important;
}
#app[data-current-page="compressor"] .cmp-estimate-head>span{
  padding:6px 9px!important;
  border-radius:999px!important;
  color:#5f26bd!important;
  background:#eee3ff!important;
  font-size:9.5px!important;
  font-weight:850!important;
}
#app[data-current-page="compressor"] .cmp-estimate-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
#app[data-current-page="compressor"] .cmp-estimate-grid>div{
  min-width:0!important;
  padding:11px!important;
  border:1px solid #ece5f4!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.78)!important;
}
#app[data-current-page="compressor"] .cmp-estimate-grid small{
  display:block!important;
  color:#81768e!important;
  font-size:9px!important;
  margin-bottom:4px!important;
}
#app[data-current-page="compressor"] .cmp-estimate-grid strong{
  display:block!important;
  overflow-wrap:anywhere!important;
  color:#2b1d3b!important;
  font-size:12px!important;
}
#app[data-current-page="compressor"] .cmp-estimate-grid .cmp-saved{color:#aa7410!important}
#app[data-current-page="compressor"] .cmp-estimate-note{
  margin:10px 0 0!important;
  color:#81768e!important;
  font-size:9px!important;
  line-height:1.45!important;
}
#app[data-current-page="compressor"] .cmp-start-btn{
  width:100%!important;
  min-height:48px!important;
  margin-top:15px!important;
  border:0!important;
  border-radius:14px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#5523b7,#7c39d6 58%,#9b55ef)!important;
  box-shadow:0 12px 24px rgba(91,35,178,.23)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
}
#app[data-current-page="compressor"] .cmp-start-btn:disabled{
  opacity:.72!important;
  cursor:wait!important;
}
#app[data-current-page="compressor"] .cmp-status{
  min-height:18px!important;
  margin-top:10px!important;
  color:#655b72!important;
  font-size:10px!important;
  font-weight:650!important;
  text-align:center!important;
}
#app[data-current-page="compressor"] .cmp-jobs{
  width:min(100%,900px)!important;
  margin:18px auto!important;
}
@media(max-width:420px){
  #app[data-current-page="compressor"] .cmp-shell{padding:14px!important;border-radius:18px!important}
  #app[data-current-page="compressor"] .cmp-brand{padding:15px!important}
  #app[data-current-page="compressor"] .cmp-brand-mark{width:50px!important;height:50px!important;flex-basis:50px!important}
  #app[data-current-page="compressor"] .cmp-file-action{display:none!important}
  #app[data-current-page="compressor"] .cmp-estimate-grid{grid-template-columns:1fr 1fr!important}
}



/* shivshahi-premium-mobile-ui-v112 */
html.phone-surface-ui,
html.phone-surface-ui body,
html.phone-surface-ui button,
html.phone-surface-ui input,
html.phone-surface-ui select,
html.phone-surface-ui textarea{
  font-family:Inter,"Noto Sans Devanagari","Nirmala UI","Segoe UI",sans-serif!important;
}

html.phone-surface-ui,
html.phone-surface-ui body,
html.phone-surface-ui #app,
html.phone-surface-ui .main,
html.phone-surface-ui .content{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}

html.phone-surface-ui::-webkit-scrollbar,
html.phone-surface-ui body::-webkit-scrollbar,
html.phone-surface-ui #app::-webkit-scrollbar,
html.phone-surface-ui .main::-webkit-scrollbar,
html.phone-surface-ui .content::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

html.phone-surface-ui body,
html.phone-surface-ui #app,
html.phone-surface-ui .main{
  background:
    radial-gradient(circle at 90% 2%,rgba(216,154,39,.07),transparent 23%),
    linear-gradient(180deg,#fffaf3 0%,#fbf7f1 72%,#f7f0e7 100%)!important;
}

html.phone-surface-ui .topbar{
  min-height:72px!important;
  padding:10px 14px!important;
  background:
    radial-gradient(circle at 12% -30%,rgba(244,201,104,.19),transparent 34%),
    linear-gradient(120deg,#250b38 0%,#461567 58%,#6420b5 100%)!important;
  border-bottom:1px solid rgba(244,201,104,.26)!important;
  box-shadow:0 8px 22px rgba(35,8,52,.18)!important;
}

html.phone-surface-ui .mobile-native-logo{
  width:44px!important;
  height:44px!important;
  flex-basis:44px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid rgba(244,197,66,.9)!important;
  box-shadow:0 5px 14px rgba(31,8,48,.18)!important;
}

html.phone-surface-ui .mobile-native-copy strong{
  font-size:16px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}

html.phone-surface-ui .mobile-native-copy span{
  margin-top:4px!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.15em!important;
}

html.phone-surface-ui .m2-header-bell{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#2c103b!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 5px 14px rgba(25,7,39,.16)!important;
}

html.phone-surface-ui .content{
  padding:17px 14px 94px!important;
}

html.phone-surface-ui .m2-greeting h2{
  font-size:23px!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}

html.phone-surface-ui .m2-greeting p{
  margin-top:5px!important;
  font-size:12px!important;
  color:#746b78!important;
}

html.phone-surface-ui .m2-search{
  height:50px!important;
  margin-top:15px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.9)!important;
  border:1px solid rgba(91,33,182,.17)!important;
  box-shadow:0 7px 20px rgba(48,18,71,.055)!important;
}

html.phone-surface-ui .m2-section-head{
  margin:20px 1px 11px!important;
}

html.phone-surface-ui .m2-section-head h3{
  padding-left:14px!important;
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}

html.phone-surface-ui .m2-section-head h3::before{
  width:4px!important;
  height:20px!important;
  border-radius:8px!important;
}

html.phone-surface-ui .m2-section-head button{
  font-size:10px!important;
  font-weight:800!important;
}

html.phone-surface-ui .m2-quick-grid{
  gap:10px!important;
}

html.phone-surface-ui .m2-quick{
  min-height:84px!important;
  padding:12px 11px!important;
  gap:10px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.91)!important;
  border:1px solid rgba(77,38,112,.12)!important;
  box-shadow:0 5px 16px rgba(45,23,63,.045)!important;
}

html.phone-surface-ui .m2-quick::before{
  width:3px!important;
  border-radius:0 5px 5px 0!important;
  opacity:.88!important;
}

html.phone-surface-ui .m2-quick .ico{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:12px!important;
  background:#f1eaff!important;
  border:0!important;
  color:#6325cf!important;
}

html.phone-surface-ui .m2-quick-copy{
  min-width:0!important;
  flex:1!important;
}

html.phone-surface-ui .m2-quick b{
  display:block!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}

html.phone-surface-ui .m2-quick small{
  display:block!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  margin-top:4px!important;
  font-size:8px!important;
  line-height:1.25!important;
}

html.phone-surface-ui .m2-card-arrow{
  display:none!important;
}

html.phone-surface-ui .m2-summary-grid{
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}

html.phone-surface-ui .m2-summary{
  min-height:66px!important;
  padding:10px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.91)!important;
  border:1px solid rgba(77,38,112,.11)!important;
  box-shadow:0 5px 15px rgba(45,23,63,.04)!important;
}

html.phone-surface-ui .m2-summary-icon{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#33104c,#571995)!important;
  color:#f4c542!important;
}

html.phone-surface-ui .m2-summary b{
  font-size:16px!important;
  font-weight:800!important;
}

html.phone-surface-ui .m2-summary small{
  font-size:8.5px!important;
}

html.phone-surface-ui .mobile-v2-bottom-nav{
  left:12px!important;
  right:12px!important;
  bottom:9px!important;
  height:66px!important;
  padding:5px 4px calc(5px + env(safe-area-inset-bottom,0px))!important;
  border-radius:21px!important;
  background:linear-gradient(180deg,rgba(46,13,64,.985),rgba(25,7,36,.99))!important;
  border:1px solid rgba(244,201,104,.22)!important;
  box-shadow:0 11px 27px rgba(25,6,38,.25)!important;
}

html.phone-surface-ui .mobile-v2-bottom-nav .bottom-nav-item{
  gap:2px!important;
  border-radius:13px!important;
}

html.phone-surface-ui .mobile-v2-bottom-nav .bottom-nav-item small{
  font-size:8px!important;
  font-weight:650!important;
}

html.phone-surface-ui .mobile-v2-bottom-nav .bottom-nav-item.active:not(.mobile-v2-create-item){
  background:rgba(244,201,104,.08)!important;
}

html.phone-surface-ui .mobile-v2-create-item .mobile-v2-plus{
  width:46px!important;
  height:46px!important;
  margin-top:-23px!important;
  border-width:4px!important;
  font-size:24px!important;
  box-shadow:0 7px 17px rgba(216,154,39,.28)!important;
}


/* shivshahi-realistic-phone-ui-v113 */
html.phone-surface-ui .content{
  padding:18px 16px 102px!important;
}

html.phone-surface-ui .m2-quick-grid{
  gap:11px!important;
}

html.phone-surface-ui .m2-quick{
  min-height:86px!important;
  padding:12px!important;
  gap:11px!important;
}

html.phone-surface-ui .m2-quick .ico{
  width:42px!important;
  height:42px!important;
  flex-basis:42px!important;
}

html.phone-surface-ui .m2-quick b{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:11px!important;
  line-height:1.2!important;
}

html.phone-surface-ui .m2-quick small{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:7.7px!important;
}

html.phone-surface-ui .m2-section-head{
  margin-top:21px!important;
}

html.phone-surface-ui .mobile-v2-bottom-nav{
  left:14px!important;
  right:14px!important;
  bottom:10px!important;
  height:70px!important;
}

html.phone-surface-ui .mobile-v2-create-item .mobile-v2-plus{
  width:48px!important;
  height:48px!important;
  margin-top:-24px!important;
}

/* shivshahi-live-stream-section-v119 */

html.phone-surface-ui .m2-live-section{
  width:100%;
}

html.phone-surface-ui .m2-live-status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 8px;
  border-radius:999px;
  background:#fff0f1;
  color:#d72535;
  border:1px solid rgba(215,37,53,.14);
  font-size:8px;
  font-weight:800;
  letter-spacing:.6px;
}

html.phone-surface-ui .m2-live-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#e12636;
  box-shadow:0 0 0 3px rgba(225,38,54,.10);
}

html.phone-surface-ui .m2-live-card{
  position:relative;
  width:100%;
  min-height:76px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:12px;
  overflow:hidden;
  text-align:left;
  border-radius:17px;
  border:1px solid rgba(215,37,53,.13);
  background:linear-gradient(135deg,#fff,#fff6f7);
  box-shadow:0 8px 22px rgba(48,18,71,.06);
}

html.phone-surface-ui .m2-live-card::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:4px;
  border-radius:0 6px 6px 0;
  background:linear-gradient(180deg,#ff5362,#c91428);
}

html.phone-surface-ui .m2-live-card:active{
  transform:scale(.988);
}

html.phone-surface-ui .m2-live-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#d72535;
  background:#ffe8eb;
  border:1px solid rgba(215,37,53,.10);
}

html.phone-surface-ui .m2-live-icon .m2-svg{
  width:21px;
  height:21px;
}

html.phone-surface-ui .m2-live-copy{
  min-width:0;
  flex:1;
}

html.phone-surface-ui .m2-live-copy b{
  display:block;
  color:var(--m24-text);
  font-size:12px;
  font-weight:800;
}

html.phone-surface-ui .m2-live-copy small{
  display:block;
  margin-top:4px;
  color:var(--m2-muted);
  font-size:9px;
}

html.phone-surface-ui .m2-live-card .m2-card-arrow{
  color:var(--m24-purple);
}

/* shivshahi-live-login-gate-v122 */

.m2-live-login-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(12,5,18,.66);
  backdrop-filter:blur(8px);
}

.m2-live-login-modal.open{
  display:flex;
}

body.m2-live-login-open{
  overflow:hidden!important;
}

.m2-live-login-card{
  position:relative;
  width:min(100%,390px);
  padding:26px 20px 20px;
  border-radius:24px;
  border:1px solid rgba(216,169,78,.42);
  background:linear-gradient(145deg,#fff,#fff9f2);
  box-shadow:0 28px 70px rgba(8,3,14,.42);
  color:#26172f;
}

.m2-live-login-close{
  position:absolute;
  right:12px;
  top:10px;
  width:36px;
  height:36px;
  border:0;
  border-radius:11px;
  background:#f2eafb;
  color:#57208e;
  font-size:25px;
  line-height:1;
}

.m2-live-login-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  border-radius:16px;
  color:#d9263c;
  background:#ffe7eb;
  border:1px solid rgba(217,38,60,.13);
}

.m2-live-login-icon .m2-svg{
  width:25px;
  height:25px;
}

.m2-live-login-card h2{
  margin:0;
  text-align:center;
  font-size:19px;
  color:#281834;
}

.m2-live-login-card>p{
  margin:7px auto 18px;
  max-width:300px;
  text-align:center;
  color:#74677c;
  font-size:11px;
  line-height:1.55;
}

.m2-live-login-card label{
  display:block;
  margin:11px 0;
}

.m2-live-login-card label span{
  display:block;
  margin:0 0 6px 2px;
  color:#493752;
  font-size:11px;
  font-weight:800;
}

.m2-live-login-card input{
  width:100%;
  min-height:48px;
  box-sizing:border-box;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(91,31,183,.18);
  outline:none;
  background:#fff;
  color:#27172f;
  font:600 13px system-ui,-apple-system,"Segoe UI",sans-serif;
}

.m2-live-login-card input:focus{
  border-color:#7133c5;
  box-shadow:0 0 0 3px rgba(113,51,197,.10);
}

.m2-live-login-message{
  display:none;
  margin:10px 0;
  padding:9px 11px;
  border-radius:11px;
  background:#fff0f2;
  color:#c5263a;
  font-size:10px;
  line-height:1.4;
}

.m2-live-login-message.show{
  display:block;
}

.m2-live-login-submit{
  width:100%;
  min-height:49px;
  margin-top:5px;
  border:0;
  border-radius:15px;
  background:linear-gradient(135deg,#5d1fa8,#7b34d5);
  color:#fff;
  font-size:12px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(91,31,183,.20);
}

.m2-live-login-submit:disabled{
  opacity:.65;
}

.m2-live-login-cancel{
  width:100%;
  min-height:42px;
  margin-top:8px;
  border:0;
  background:transparent;
  color:#6d5a76;
  font-size:11px;
  font-weight:700;
}