.mobile-shell.is-support{height:100dvh;min-height:0;overflow:hidden;background:#eefdfe}.mobile-shell.is-support>.app-content,.mobile-shell.is-support>.route-content{min-height:0}
.support-page{height:calc(100dvh - var(--bottom-nav-height,64px));max-width:760px;margin:0 auto;background:#fff;overflow:hidden}.sp-php-shell{height:100%;display:flex;min-height:0;flex-direction:column}
.sp-php-header{display:flex;align-items:center;gap:15px;flex:0 0 auto;padding:15px 18px;color:#fff;background:linear-gradient(180deg,#079494,#026d70);box-shadow:0 2px 8px #00000026}.sp-php-back{display:grid;width:34px;height:34px;place-items:center;border:0;color:#fff;background:transparent;text-decoration:none}.sp-php-head h2{margin:0;font-size:20px;font-weight:700}.sp-php-status{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:12px;opacity:.88}.sp-php-status i{width:8px;height:8px;border-radius:50%;background:#25d366;box-shadow:0 0 0 3px #25d3662c}.sp-php-status.connecting i{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2c}
.sp-php-thread{display:flex;min-height:0;flex:1;flex-direction:column;gap:10px;padding:18px 15px;overflow-y:auto;overscroll-behavior:contain;background:#f8f9fa;scroll-behavior:smooth}.sp-php-day{position:sticky;z-index:2;top:4px;align-self:center;padding:5px 12px;border:1px solid #07949429;border-radius:999px;color:#52706f;background:#fffffff2;box-shadow:0 3px 9px #14464614;font-size:11px;font-style:normal;font-weight:800}
.sp-php-msg{display:flex;max-width:80%;flex-direction:column;animation:spPhpSlide .3s ease-out}.sp-php-msg.mine{align-self:flex-end;align-items:flex-end}.sp-php-msg.theirs{align-self:flex-start;align-items:flex-start}.sp-php-bubble{padding:11px 15px;border-radius:18px;color:#333;background:#e9ecef;box-shadow:0 1px 2px #0000000d;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.sp-php-msg.mine .sp-php-bubble{border-bottom-right-radius:4px;color:#fff;background:#006968}.sp-php-msg.bot .sp-php-bubble{border:1px solid #ffecb5;border-bottom-left-radius:4px;color:#856404;background:#fff3cd}.sp-php-attach{display:block;margin-top:7px;overflow:hidden;border:1px solid #d6dbe4;border-radius:12px;background:#fff}.sp-php-msg.mine .sp-php-attach{border-color:#ffffff59;background:#ffffff24}.sp-php-attach img{display:block;width:min(260px,64vw);max-height:300px;object-fit:cover}.sp-php-meta{display:flex;align-items:center;gap:6px;margin-top:4px;padding:0 4px;color:#888;font-size:10px}.sp-php-tick{color:#a7b0b8;font-size:12px;font-weight:900;letter-spacing:-2px}.sp-php-tick.seen{color:#25d366}
.sp-php-typing{align-self:flex-start;padding:10px 15px;border-radius:18px;color:#666;background:#e9ecef;font-size:13px;animation:spPhpBlink 1.4s infinite}.sp-php-file{display:flex;align-items:center;justify-content:space-between;padding:7px 15px;border-top:1px solid #d9eeee;color:#006968;background:#eef4f4;font-size:12px;font-weight:700}.sp-php-file button{border:0;color:#b42318;background:transparent;font-weight:800}
.sp-php-composer{display:flex;align-items:center;gap:9px;flex:0 0 auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #e0e0e0;background:#fff}.sp-php-composer input[type=text]{min-width:0;flex:1;padding:11px 15px;border:1px solid #e0e0e0;border-radius:25px;outline:0;color:#263637;background:#f8f9fa;font-size:14px}.sp-php-composer input[type=text]:focus{border-color:#006968;background:#fff}.sp-php-attach-btn,.sp-php-send{display:grid;height:42px;place-items:center;border:0;border-radius:50%}.sp-php-attach-btn{width:42px;color:#006968;background:#eef4f4}.sp-php-send{width:58px;border-radius:23px;color:#fff;background:#006968}.sp-php-send:disabled{opacity:.55}.sp-php-error{padding:5px 12px;color:#b42318;background:#fff2f0;font-size:11px}
@keyframes spPhpSlide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spPhpBlink{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:800px){.support-page{height:calc(100dvh - 58px)}.sp-php-header{padding:11px 13px}.sp-php-head h2{font-size:18px}.sp-php-thread{padding:13px 10px}.sp-php-msg{max-width:86%}}
@media(prefers-reduced-motion:reduce){.sp-php-msg,.sp-php-typing{animation:none!important}.sp-php-thread{scroll-behavior:auto}}