/* MallowShare v36 — comprehensive visual design & mobile polish */
:root{--ms-blue:#146dd0;--ms-cyan:#15a3c1;--ms-teal:#0fafa0;--ms-ink:#112e46;--ms-white:#fff;--ms-soft:#f0f9fc;--ms-edge:#d6e8ef}
body{accent-color:#117bc4}
.topbar{background:#fff!important;border-bottom:1px solid #e2ecf3!important}
.landing{background:radial-gradient(ellipse at 0% 9%,#e6f5ff,transparent 65%),radial-gradient(ellipse at 100% 16%,#dcfaf5,transparent 68%),#f9fdff!important}
.intro h1,.access-heading h2,.mw-hero h1{color:#132d43!important}
.intro .gradient-ink{background:linear-gradient(103deg,#126ee6,#058cbe 55%,#0ba896)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.topbar .center-top-link{border-color:#cee6f2!important;background:#f5fbff!important;color:#126aba!important}
.topbar .center-top-link:hover{background:#e2f4ff!important}
.cta,.quick-start,.welcome-continue,.prep-primary,.mw-action-primary,.mw-tabs a[aria-current=page],.mw-filters button[aria-pressed=true],.pill.lilac{background:linear-gradient(110deg,#1268d2,#1590c8,#13ac9c)!important;color:#fff!important;border-color:transparent!important}
.access-card,.seo-steps article,.main-panel,.chat-panel{background:#fff!important;border:1px solid #d8e7ee!important;box-shadow:0 13px 36px #153b6012!important}
.access-card .field,.access-card select,.access-card input{border-color:#d4e4ed!important;color:#17364b!important}
.access-card .field:focus-within{border-color:#2186cb!important;box-shadow:0 0 0 3px #1286ca23!important}
.prep-inroom-controls{display:flex;flex-wrap:wrap;gap:8px}.prep-inroom-controls button{background:#f4fbff!important;border-color:#d0e8f5!important;color:#176c99!important}
.quick-guide,.turbo-tips,.sharefit-inline{background:linear-gradient(118deg,#eefaff,#f1fcf8)!important;border-color:#c9eaf2!important;color:#194e67!important}
.dropzone{background:linear-gradient(116deg,#f2faff,#eafff9)!important;border-color:#85cce2!important;color:#154867!important}
.dropzone .upload-orb{color:#126fae!important;background:#dcf5fe!important}
.section-nav{border-bottom-color:#d9e9ee!important}.section-tab.active{color:#087bb2!important;border-bottom-color:#0f93b4!important}
.mallow-splash{background:radial-gradient(circle at 50% 20%,#d8f7ff,transparent 50%),linear-gradient(145deg,#f1f9ff,#f8fffe)!important}
.mallow-splash__card{background:#ffffffed!important;border-color:#dcecf2!important;box-shadow:0 25px 70px #22618b22!important}
.mallow-splash__bar i{background:linear-gradient(90deg,#146de0,#0baaa1)!important}
.mallow-welcome{background:#062638a8!important;backdrop-filter:blur(12px)!important}
.welcome-shell{background:linear-gradient(140deg,#fff,#f5fcff)!important;border-color:#d7e9f3!important;overflow-y:auto!important;box-shadow:0 24px 70px #00192875!important}
.welcome-kicker,.journey-number,.welcome-counter{color:#1673bc!important}
.journey-card{background:#fff!important;border-color:#daebf3!important;box-shadow:0 10px 25px #1451730e!important}
.welcome-assurance span{background:#e9f8ff!important;color:#18648e!important}
.mw-workspace{background:linear-gradient(155deg,#f8fcff,#f3fbfe)!important}
.mw-item{position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;min-width:0;min-height:184px!important;aspect-ratio:1 / 1.04;border:1px solid #dbeaf2!important;border-radius:20px!important;background:linear-gradient(140deg,#fff,#f5fbff)!important;padding:17px!important;gap:10px!important;box-shadow:0 8px 23px #1c507b08!important}
.mw-item:hover,.mw-item:focus-visible{transform:translateY(-3px)!important;border-color:#82bddf!important;box-shadow:0 13px 29px #134b781e!important}
.mw-item-icon{width:53px!important;height:53px!important;border-radius:16px!important;background:linear-gradient(135deg,#e2f2ff,#defaf4)!important;color:#1478c4!important}
.mw-item-icon svg{width:29px!important;height:29px!important}
.mw-item strong{font-size:14px!important;line-height:1.26!important;color:#17344b!important}
.mw-item small{font-size:11px!important;line-height:1.43!important;color:#627d90!important;max-width:100%;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mw-item:after{content:'↗';position:absolute;top:17px;right:17px;color:#4d95bd;font-size:17px}
.mw-catalog{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.mw-hero{padding-block:32px 20px!important}.mw-hero h1{margin:7px 0 9px!important}.mw-search input{background:#fff!important;border-color:#dceaf3!important}
.mw-workspace .mw-ad-zone,.mallow-ad-section{margin-top:28px!important;border:1px solid #d9e7ed!important;background:#f8fcff!important}
.mallow-ad-section [data-ad-disclosure]{font-size:11px}
/* Selected-tool pages remain focused and have large tap-safe file pickers. */
.mw-upload-area{min-height:225px!important;border:2px dashed #94cbdc!important;background:linear-gradient(130deg,#f5fbff,#eafff9)!important}
.mw-upload-button{border-color:#b9e0ee!important;color:#116ca8!important}
.mw-tool-card{border-color:#d7e9f1!important}
/* Preserve a recognizable PDF/editor workspace even when no file has been selected. */
.annot-shell,.prep-shell,.design-shell,.pro-shell{border-color:#d6e9f2!important}
/* Ad placeholders are only explanatory in development, not an interrupting overlay. */
.mallow-ad-section .mallow-ad-preview,.mallow-ad-slot{box-shadow:none!important}
@media(max-width:1080px){.mw-catalog{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:800px){.mw-catalog{grid-template-columns:repeat(3,minmax(0,1fr))!important}.topbar .top-right{gap:8px}.room-page{padding-inline:12px}}
@media(max-width:600px){
 .topbar{padding:10px 12px!important;gap:8px}.brand-full-lockup img{max-width:150px!important;height:auto!important}
 .mw-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .mw-item{min-height:165px!important;aspect-ratio:1 / 1.07!important;padding:12px!important;border-radius:16px!important;gap:8px!important}
 .mw-item-icon{width:44px!important;height:44px!important;border-radius:13px!important}.mw-item-icon svg{width:24px!important;height:24px!important}
 .mw-item strong{font-size:12.5px!important}.mw-item small{font-size:10px!important;line-height:1.36!important}
 .mw-item:after{right:11px;top:9px}.mw-wrap{padding-inline:12px!important}
 .welcome-shell{max-height:calc(100dvh - 16px)!important;padding:12px!important;gap:8px!important}
 .welcome-top{gap:8px}.welcome-copy h2{font-size:clamp(24px,6vw,34px)!important}.journey-card{min-height:90px!important;padding:10px!important}
 .journey-card h3{font-size:12px!important}.journey-card p{font-size:10px!important}
 .welcome-footer{position:sticky!important;bottom:-12px;background:linear-gradient(0deg,#fff 85%,#fffffff0)!important;padding:6px 0 0!important;z-index:1}
 .welcome-continue{min-height:45px!important;width:100%!important}
 .room-page .workbench{display:flex!important;flex-direction:column!important;gap:12px!important}
 .room-page .main-panel,.room-page .chat-panel{min-width:0!important;width:100%!important}
 .room-page .main-panel{order:0}.room-page .chat-panel{order:1}
 .room-page .quick-guide{padding:10px!important;gap:6px!important;font-size:11px!important}
 .room-page .sharefit-inline{padding:9px 11px!important}
 .room-page .dropzone{min-height:185px!important;padding:17px 10px!important}
 .room-page .file-extras{flex-wrap:wrap!important}
}
@media(max-width:350px){.mw-item{min-height:153px!important;padding:9px!important}.mw-item strong{font-size:11.5px!important}.mw-item small{font-size:9.5px!important}.welcome-copy p{display:none!important}}
/* Dark theme is an actual different, accessible navy identity. */
body.dark .topbar{background:#0b2334!important;border-color:#294c61!important}
body.dark .landing{background:radial-gradient(circle at 15% 3%,#183f59,transparent 65%),#0b1c2b!important}
body.dark .intro h1,body.dark .mw-hero h1{color:#f0fbff!important}
body.dark .mw-workspace{background:linear-gradient(145deg,#0a1c2b,#0d3040)!important}
body.dark .mw-item{background:linear-gradient(150deg,#173a50,#163246)!important;border-color:#365c73!important;box-shadow:none!important}
body.dark .mw-item strong{color:#eefbff!important}
body.dark .mw-item small{color:#bed9e7!important}
body.dark .mw-item-icon{background:#24566f!important;color:#91e4ed!important}
body.dark .mallow-welcome .welcome-shell{background:#112e40!important;border-color:#3a6479!important;color:#f1fbff!important}
body.dark .mallow-welcome .journey-card{background:#1b4056!important;border-color:#3c7188!important}
body.dark .welcome-footer{background:#112e40!important}
body.dark .mw-search input,body.dark .mw-tool-card{background:#153349!important;border-color:#365b73!important;color:#f5fcff!important}
body.dark .mw-upload-area{background:#173c4e!important;color:#e9fbff!important;border-color:#41849c!important}
body.dark .mw-item:after{color:#9bdaed}
@media(prefers-reduced-motion:reduce){.mw-item:hover,.mw-item:focus-visible{transform:none!important}}
/* Keep catalog sizing within narrow viewports: inherited min-content sizing caused horizontal clipping. */
.mw-body{grid-template-columns:minmax(0,1fr) 290px!important}
.mw-body>*,.mw-catalog,.mw-item,.mw-search,.mw-wrap{min-width:0!important}
@media(max-width:950px){.mw-body{grid-template-columns:minmax(0,1fr)!important}.mw-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){.mw-side{grid-template-columns:minmax(0,1fr)!important}}
/* Bring the actual file list/upload experience into view immediately on phones. */
@media(max-width:600px){
 body:has(#room-page:not([hidden])) #room-page .turbo-tips,
 body:has(#room-page:not([hidden])) #room-page .quick-guide{display:none!important}
 #room-page .room-head{margin-bottom:9px!important}
 #room-page .sharefit-inline{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important}
 #room-page .sharefit-inline>span{font-size:11px!important;flex:1 1 190px!important}
 #room-page .sharefit-inline>button{font-size:11px!important;padding:9px 11px!important}
 #room-page .dropzone{min-height:165px!important;margin-top:8px!important}
}
/* Very short device screens still show how each tour step works. */
@media(max-width:560px) and (max-height:620px){
 .journey-card p{display:block!important;font-size:9px!important;line-height:1.22!important;max-height:28px;overflow:hidden}
 .journey-card{min-height:115px!important;padding:8px!important}
 .journey-icon{width:26px!important;height:26px!important;margin-bottom:2px!important}
 .journey-card h3{margin:2px 0!important}
 .welcome-shell{max-height:calc(100dvh - 12px)!important;gap:5px!important}
 .welcome-footer-actions .welcome-assurance{display:none!important}
 .welcome-bottom{display:none!important}
}