:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#193344;background:#f3f6f8;font-size:14px}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,select{font:inherit}button{border:1px solid #d8e2e8;background:white;border-radius:8px;padding:9px 14px;color:inherit;cursor:pointer}button:hover{background:#edf3f7}button:disabled{opacity:.45;cursor:default}.primary{background:#0968d8;color:white;border-color:#0968d8}.primary:hover{background:#075bbb}input,select{padding:11px;border:1px solid #d4e0e7;border-radius:8px;background:white;color:inherit;min-width:0}input:focus,select:focus,button:focus-visible{outline:2px solid #69a9ed;outline-offset:2px}.brand{font-size:25px;font-weight:750;letter-spacing:-.7px}.brand b{color:#087f84}.brand span{font-size:14px;color:#6d8595;margin-left:16px;letter-spacing:0;font-weight:500}.muted{color:#728694;line-height:1.65}.footnote{font-size:12px;color:#80919c;margin-top:28px}.auth{max-width:400px;margin:12vh auto;padding:30px;background:white;border:1px solid #dce5eb;border-radius:16px;box-shadow:0 15px 50px #19334408}h1{font-size:24px;margin:0 0 8px}h2{font-size:18px;margin:0}form label{display:grid;gap:8px;margin:20px 0}form>.primary{width:100%;margin-top:10px}#auth-error{color:#b83838}header{height:78px;background:white;border-bottom:1px solid #dde6ec;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.account{display:flex;gap:18px;align-items:center;color:#5b7384}main{max-width:1320px;margin:auto;padding:24px 32px}nav{display:flex;gap:8px;margin-bottom:30px}nav button{border:0;background:transparent;color:#627887}nav button.active{color:#0968d8;background:#e4eefc;font-weight:650}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head p{margin:0}.sync{font-size:12px;color:#728694}.toolbar{display:flex;align-items:center;gap:14px;margin:16px 0}.toolbar>input{width:300px}.toolbar>div{margin-left:auto;display:flex;align-items:center;gap:14px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{background:white;border:1px solid #dce6ec;border-radius:11px;padding:14px 16px;cursor:pointer;min-width:0}.card.selected{border-color:#0968d8;box-shadow:0 0 0 1px #0968d8;background:#f4f9ff}.card-head,.card-main,.card-foot{display:flex;align-items:center;gap:10px}.card-head{font-size:12px;color:#718898}.card-head .state{margin-left:auto}.state{color:#758795}.state.online{color:#008673}.state.attention{color:#b07211}.card-main{margin-top:8px;justify-content:space-between}.link{padding:0;border:0;background:none;color:#0968d8;font-weight:700}.link:hover{background:transparent;text-decoration:underline}.number{font-size:20px;letter-spacing:.2px;overflow-wrap:anywhere;text-align:left}.code{font-size:25px;letter-spacing:1px;flex-shrink:0}.code.history{color:#8192a0}.card-foot{font-size:12px;color:#728694;margin-top:8px;flex-wrap:wrap}.card-foot .lease-actions{margin-left:auto;display:flex;gap:10px}.small{font-size:12px;color:#728694}.messages{margin-top:30px}.check{display:flex;align-items:center;gap:6px;white-space:nowrap}.empty{padding:35px 20px;background:white;border:1px dashed #d2dfe7;border-radius:10px;color:#758997;text-align:center;grid-column:1/-1;line-height:1.8}.message{background:white;border-bottom:1px solid #e5edf2;padding:16px;border-radius:6px;margin-top:5px}.message-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.message-top time{color:#8094a3;font-size:12px;margin-left:auto}.message p{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#526b7c;line-height:1.6}.message .code{font-size:20px}.row{background:white;padding:16px;border:1px solid #dee6ec;border-radius:10px;margin:10px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.row p{margin:5px 0 0}.danger{color:#b43e3e}dialog{width:min(440px,92vw);border:1px solid #dde5eb;border-radius:14px;padding:26px;color:inherit}dialog::backdrop{background:#102a4260}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#invite-url{width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#193344;color:white;padding:13px 22px;border-radius:9px;z-index:100;max-width:90vw}#load-more{display:block;margin:18px auto}#assign-caption{overflow-wrap:anywhere}input[type=checkbox]{accent-color:#0968d8;width:16px;height:16px}
@media(max-width:760px){header{padding:0 16px;height:65px}.brand{font-size:22px}.brand span{display:none}main{padding:20px 14px}.cards{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar>input{width:100%}.toolbar>div{margin-left:0;width:100%;justify-content:space-between}nav{gap:0;justify-content:space-between}nav button{padding:9px}.auth{margin:9vh 16px;max-width:none}.account{gap:10px;font-size:12px}.number{font-size:19px}.row{align-items:flex-start}h1{font-size:22px}.sync{max-width:120px;text-align:right}}
/* Compact receiving workspace: independent number and message panes. */
header{height:62px;padding:0 24px}.brand{font-size:23px}.account{gap:12px}main{max-width:1680px;padding:14px 24px}nav{margin-bottom:16px;gap:8px}h1{font-size:21px}.section-head{margin-bottom:12px}.notice{padding:11px 14px;border:1px solid #ecd5a1;border-radius:8px;background:#fff8e8;color:#825b1b;line-height:1.6;margin-bottom:12px}.workbench{display:grid;grid-template-columns:minmax(380px,1fr) minmax(380px,1.1fr);gap:20px;height:calc(100dvh - 225px);min-height:390px}.numbers-pane,.messages{min-width:0;display:flex;flex-direction:column;min-height:0}.toolbar{gap:10px;margin:0 0 12px}.toolbar>input{flex:1;width:140px}.toolbar>div{gap:8px;flex-shrink:0}.scope-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.scope-bar select{padding:7px}.scope-bar .small{font-size:11px}.cards{grid-template-columns:1fr;align-content:start;overflow:auto;gap:8px;padding:2px 4px 4px 2px}.card{padding:11px 13px;border-radius:9px}.card:hover{border-color:#a4bed5}.card.selected{border-color:#0968d8}.card-head{gap:8px}.card-main{margin-top:7px}.card-foot{margin-top:6px;gap:8px;font-size:11px}.number{font-size:20px}.code{font-size:24px}.card-foot span:empty{display:none}.messages{margin:0;background:white;border:1px solid #dce6ec;border-radius:12px;padding:16px}.messages h2{font-size:17px}.messages .toolbar{margin-top:4px}#message-list{overflow:auto;min-height:0;flex:1}.message{margin:0;border-radius:0;padding:13px 4px;cursor:pointer}.message:hover{background:#f5f9fc}.message p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;margin-top:6px}.message-top{gap:8px}.message-top .small{font-size:11px}.message .code{font-size:19px}.message-top time{font-size:11px}.message:focus-visible,.card:focus-visible{outline:2px solid #69a9ed;outline-offset:-2px}#message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;max-height:60vh;overflow:auto}#message-dialog{width:min(620px,94vw)}#load-more{margin:10px auto 0}.row{padding:18px}.empty{padding:32px 20px}#selection-count{font-size:12px}.check{font-size:12px}#sync-status{white-space:nowrap}
@media(min-width:1500px){.workbench{grid-template-columns:1.3fr 1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-bar .small{font-size:12px}}
@media(max-width:850px){header{padding:0 14px}.brand span{display:none}.account{gap:7px;font-size:12px}.account button{padding:7px}main{padding:12px}.workbench{display:flex;flex-direction:column;height:auto;min-height:0;gap:16px}.cards{max-height:43dvh;grid-template-columns:1fr}.messages{min-height:380px;max-height:65dvh}.toolbar{flex-wrap:wrap}.toolbar>input{width:130px}.toolbar>div{width:auto;margin-left:auto}.scope-bar .small{font-size:10px}nav{margin-bottom:14px;gap:0;justify-content:space-between}nav button{padding:9px 8px}.section-head{gap:8px}#sync-status{font-size:10px}.notice{font-size:12px}.number{font-size:19px}.card-foot{gap:5px}.auth{margin:7vh 14px}.brand{font-size:21px}}
@media(min-width:851px){#inbox{display:flex;flex-direction:column;height:calc(100dvh - 140px)}.workbench{height:auto;min-height:0;flex:1}.toolbar{flex-wrap:wrap}.numbers-pane>.toolbar>div{flex-wrap:wrap}.numbers-pane>.toolbar>input{min-width:120px}}

.user-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.row>div:first-child{min-width:0;overflow-wrap:anywhere}.user-actions{flex-shrink:0}@media(max-width:500px){#user-list .row{flex-direction:column;align-items:stretch}.user-actions{justify-content:flex-start}}
#assign-dialog{width:min(640px,94vw);max-height:90dvh;overflow:auto}#assign-options{max-height:230px;overflow:auto;border:1px solid #dce6ec;border-radius:8px}.pick-row{display:flex;align-items:center;gap:10px;margin:0;padding:12px;border-bottom:1px solid #edf2f6;cursor:pointer}.pick-row:hover{background:#f4f9ff}.pick-row .small{margin-left:auto}.picker-tools,.lease-presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.lease-presets button,.picker-tools button{font-size:12px;padding:7px 10px}.card.checked{border-color:#0968d8;background:#eaf4ff}.form-error{color:#a32929;background:#fff1f1;padding:12px;border-radius:8px;line-height:1.5}.user-actions{max-width:50%}@media(max-width:500px){.user-actions{max-width:100%}.pick-row{flex-wrap:wrap}.pick-row .small{margin-left:26px;width:100%}}

#assign-dialog{padding:20px}#assign-form label{margin:10px 0;gap:5px}#assign-options{max-height:160px}#assign-form .actions{margin-top:12px}#assign-review{margin-bottom:8px}#owner-filter{align-self:flex-start;margin-bottom:10px;color:#0968d8}
#assign-form .pick-row{margin:0;padding:8px 10px}#assign-options{max-height:126px}#assign-form>label{margin:8px 0}#assign-form>label input,#assign-form>label select{padding:8px}#assign-form>.muted{font-size:12px;margin:8px 0}#assign-review{padding:8px 10px;font-size:12px}
