/* v1.3 */
@media (max-width:760px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .rail{display:none}
  .shell .thread{display:none}
  .shell.pane-thread .list{display:none}
  .shell.pane-thread .thread{display:flex}
  .back{display:inline-flex}
  .thead{padding:10px 16px}
  .msgs{padding:16px}
  .composer{padding:10px 16px 14px}
  .m{max-width:86%}
}
.mhead,.fab,.tabbar,.m-only,.avw .badge{display:none}
.row > .avw{grid-row:span 2;position:relative;width:40px;height:40px}
.send .arrow,#send .arrow{display:none}
.app.mobile{display:flex;flex-direction:column;position:relative}
.app.mobile .shell{grid-template-columns:minmax(0,1fr);flex:1;min-height:0}
.app.mobile .rail,.app.mobile .folders,.app.mobile .list-title{display:none}
.app.mobile .mhead{display:flex;align-items:center;gap:6px;padding:24px 12px 10px}
.app.mobile .mhead h2{flex:1;margin:0;text-align:center;font-size:17px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app.mobile .mhead .ic-btn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--fg);position:relative}
.app.mobile .mhead .ic-btn i{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--danger)}
.app.mobile .list-head{border-bottom:0;padding:4px 14px 8px}
.app.mobile .search{background:var(--panel-2);border-color:transparent}
.app.mobile .list{position:relative}
.app.mobile .row{grid-template-columns:44px minmax(0,1fr) auto;padding:10px 16px 10px 22px;border-bottom:0}
.app.mobile .row.on{background:transparent}
.app.mobile .row.unread::before{left:8px;top:26px}
.app.mobile .row > .avw{width:40px;height:40px}
.app.mobile .av{border-radius:11px}
.app.mobile .av.xs,.app.mobile .av.sm{border-radius:5px}
.app.mobile .avw .badge{display:grid;position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:5px;border:2px solid var(--bg);place-items:center;font-size:8px;font-weight:700;color:#1d2230}
.app.mobile .row .chip.own,.app.mobile .row .chip.unas{display:none}
.app.mobile .fab{display:grid;place-items:center;position:absolute;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;background:#1f2330;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.25);z-index:5}
.app.mobile .tabbar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:var(--bg);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
.app.mobile .tabbar button,.app.mobile .tabbar a{text-decoration:none;display:grid;justify-items:center;gap:2px;font-size:11px;color:var(--faint);position:relative;padding:4px 0}
.app.mobile .tabbar button.on{color:var(--fg);font-weight:600}
.app.mobile .tabbar .tdot{position:absolute;top:2px;left:calc(50% + 6px);width:8px;height:8px;border-radius:50%;background:var(--danger)}
.app.mobile .shell.pane-thread ~ .tabbar{display:none}
.app.mobile .shell .thread{display:none}
.app.mobile .shell.pane-thread .list{display:none}
.app.mobile .shell.pane-thread .thread{display:flex}
.app.mobile .thead{padding:22px 10px 10px;gap:8px;flex-wrap:nowrap;min-height:56px}
.app.mobile .thead .who{gap:8px;min-width:0}
.app.mobile .thead .nm{font-size:15px}
.app.mobile .thead .chip.crm{font-size:10px;padding:1px 6px}
.app.mobile .back{display:inline-flex}
.app.mobile .thead .assign,.app.mobile #close-btn,.app.mobile #reopen-btn,.app.mobile .info-toggle{display:none}
.app.mobile .m-only{display:inline-grid}
.app.mobile .d-only{display:none}
.app.mobile .thead .m-only{width:36px;height:36px;place-items:center;border-radius:10px;color:var(--fg)}
.app.mobile .begin{display:grid}
.app.mobile .msgs{padding:14px}
.app.mobile .m{max-width:84%}
.app.mobile .composer{padding:8px 12px 12px;gap:6px}
.app.mobile .box{border-radius:14px}
.app.mobile .box textarea{min-height:44px;padding:10px 12px}
.app.mobile .tools{border-top:0;padding:2px 6px 6px}
.app.mobile #send{width:36px;height:36px;padding:0;justify-content:center;border-radius:50%}
.app.mobile #send .lbl{display:none}
.app.mobile #send .arrow{display:block}
.app.mobile .info{display:none;position:absolute;inset:0;width:100%;z-index:40;border-left:0}
.app.mobile .shell.show-info .info{display:flex}
.app.mobile .info .m-close{display:inline-flex;align-self:flex-start}
.app.mobile .hint{display:none}
.begin{display:none;justify-items:center;gap:6px;color:var(--muted);font-size:12px;margin:8px 0 4px;text-align:center}
.begin svg{color:var(--muted)}
.notestrip{display:flex;align-items:center;gap:8px;background:var(--note);border:1px solid var(--note-line);color:var(--note-fg);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600}
.notestrip span{flex:1}
.drawer-bg,.bs-bg{position:absolute;inset:0;background:rgba(10,12,20,.35);z-index:50}
.drawer{position:absolute;left:0;top:0;bottom:0;width:84%;background:var(--bg);overflow:auto;padding:18px 0;display:flex;flex-direction:column;animation:dr .2s ease-out}
@keyframes dr{from{transform:translateX(-30px);opacity:.4}to{transform:none;opacity:1}}
.drawer .org{padding:0 18px 14px;border-bottom:1px solid var(--line);display:grid;gap:2px}
.drawer .org b{font-size:20px}
.drawer .org span{font-size:12px;color:var(--muted)}
.drawer h5{margin:16px 18px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.drawer button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 18px;text-align:left;font-size:15px;font-weight:500}
.drawer button:hover,.drawer button.on{background:var(--panel)}
.drawer button .grow{flex:1}
.drawer .ndot{width:9px;height:9px;border-radius:50%;background:var(--accent)}
.drawer .nbadge{background:var(--danger);color:#fff;font-size:11px;font-weight:700;border-radius:6px;padding:1px 6px}
.drawer hr{border:0;border-top:1px solid var(--line);margin:6px 0}
.bs{position:absolute;left:0;right:0;bottom:0;max-height:92%;overflow:auto;background:var(--bg);border-radius:18px 18px 0 0;padding:10px 0 calc(16px + env(safe-area-inset-bottom,0px));animation:bs .2s ease-out}
@keyframes bs{from{transform:translateY(30px);opacity:.4}to{transform:none;opacity:1}}
.bs .grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 10px}
.bs h3{margin:4px 18px 10px;font-size:17px;text-align:center}
.bs .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px 12px}
.bs .tile{display:grid;justify-items:center;gap:6px;padding:14px 6px;border-radius:12px;background:var(--panel-2);font-size:12px}
.bs .card{display:flex;align-items:center;gap:12px;margin:0 16px 10px;padding:12px;border-radius:12px;background:var(--panel-2);text-align:left;width:calc(100% - 32px)}
.bs .card small{display:block;color:var(--muted);font-size:12px}
.bs .card .grow{flex:1;min-width:0}
.bs .li{display:flex;align-items:center;gap:12px;width:100%;padding:13px 18px;font-size:15px;text-align:left;border-top:1px solid var(--line)}
.bs .li .grow{flex:1}
.bs .li small{color:var(--muted);font-size:13px}
.bs .sec{margin:14px 18px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bs .tog{display:flex;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid var(--line);font-size:15px}
.bs .tog span{flex:1}
.sw{width:46px;height:28px;border-radius:14px;background:var(--line);position:relative;flex:none}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.sw.on{background:#34c759}
.sw.on::after{left:21px}
.bs .field{margin:0 16px 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:10px 2px;font-size:15px}
.bs .field b{color:var(--muted);font-weight:500;width:44px}
.bs .field input{flex:1;min-width:0;border:0;outline:0;font:inherit;color:var(--fg);background:transparent}
.bs .x{position:absolute;left:12px;top:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px}
.drawer .numrow{display:flex;align-items:center;gap:12px;padding:12px 18px;font-size:15px;font-weight:500}
.drawer .numrow .grow{flex:1}
.drawer .muted,.bs .muted{color:var(--muted)}
.bs .li[disabled],.bs .li[aria-disabled=true]{color:var(--faint);cursor:default}
.bs a.tile{color:inherit;text-decoration:none}
.bs .me-card{display:grid;justify-items:center;gap:4px;margin-bottom:8px}
.bs .me-card small{color:var(--muted)}
.app.mobile .tools{flex-wrap:nowrap;gap:2px}
.app.mobile #req-btn{width:32px;height:32px;padding:0;justify-content:center}
.app.mobile #req-btn .lbl{display:none}
.app.mobile .sig{margin-left:2px;white-space:nowrap}
.app.mobile .tools .count{margin-right:4px;white-space:nowrap}
.app.mobile #send{flex:none;margin-left:auto}
.app.mobile .tools .grow{display:none}
.app.mobile .tools .count{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:right}
.app.mobile .notestrip{display:flex}