.app-mock.mc-page{background:#f6f7f9}.app-mock .mc-body{padding:calc(var(--u) * 28) calc(var(--u) * 30) calc(var(--u) * 30)}.app-mock .mc-header{flex-direction:column;text-align:center}.app-mock .mc-header,.app-mock .mc-logos{display:flex;align-items:center}.app-mock .mc-tile{display:grid;place-items:center;width:calc(var(--u) * 56);height:calc(var(--u) * 56);border:1px solid var(--m-border);border-radius:calc(var(--u) * 16);background:white;box-shadow:0 1px 2px #0f172a0f,0 4px 12px -4px #0f172a14}.app-mock .mc-tile img{width:calc(var(--u) * 26);height:auto}.app-mock .mc-initial{font-size:calc(var(--u) * 22);font-weight:600}.app-mock .mc-link{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 70)}.app-mock .mc-dotted{position:absolute;inset:50% calc(var(--u) * 8) auto;border-top:2px dotted #64748b4d}.app-mock .mc-check{position:relative;display:grid;place-items:center;width:calc(var(--u) * 24);height:calc(var(--u) * 24);border-radius:50%;background:#10b981;box-shadow:0 0 0 calc(var(--u) * 4) #f6f7f9;color:white}.app-mock .mc-check svg{width:calc(var(--u) * 13);height:calc(var(--u) * 13);stroke-width:3}.app-mock .mc-title{max-width:24ch;margin-top:calc(var(--u) * 20)!important;font-size:calc(var(--u) * 20);font-weight:600;line-height:1.3;letter-spacing:-.015em}.app-mock .mc-account{display:inline-flex;align-items:center;gap:calc(var(--u) * 7);margin-top:calc(var(--u) * 12);padding:calc(var(--u) * 3) calc(var(--u) * 4);border:1px solid var(--m-border);border-radius:999px;background:white;box-shadow:0 1px 2px #0000000d;font-size:calc(var(--u) * 12)}.app-mock .mc-avatar{display:grid;place-items:center;width:calc(var(--u) * 20);height:calc(var(--u) * 20);border-radius:50%;background:#0050ff1a;color:var(--m-primary);font-size:calc(var(--u) * 10);font-weight:600}.app-mock .mc-sep{width:1px;height:calc(var(--u) * 13);background:var(--m-border)}.app-mock .mc-switch{padding:0 calc(var(--u) * 6);color:var(--m-primary);font-weight:500}.app-mock .mc-card{overflow:hidden;border:1px solid var(--m-border);border-radius:calc(var(--u) * 14);background:white;box-shadow:0 1px 2px #0f172a0a,0 12px 32px -12px #0f172a1f}.app-mock .mc-card,.app-mock .mc-header+.mc-card{margin-top:calc(var(--u) * 22)}.app-mock .mc-body>.mc-card:first-child{margin-top:0}.app-mock .mc-group{padding:calc(var(--u) * 16) calc(var(--u) * 20) calc(var(--u) * 2);color:var(--m-muted-fg);font-size:calc(var(--u) * 12);font-weight:500}.app-mock .mc-rows{margin:0;padding:0 calc(var(--u) * 20);list-style:none}.app-mock .mc-rows li{display:flex;align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 7) 0;border-bottom:1px solid #e2e8f0b3;font-size:calc(var(--u) * 13)}.app-mock .mc-rows li:last-child{border-bottom:0}.app-mock .mc-row-icon{display:grid;place-items:center;width:calc(var(--u) * 30);height:calc(var(--u) * 30);border:1px solid var(--m-border);border-radius:calc(var(--u) * 8);background:#f1f5f980;color:#020817b3}.app-mock .mc-row-icon svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}.app-mock .mc-section{padding:calc(var(--u) * 18) calc(var(--u) * 20) calc(var(--u) * 10)}.app-mock .mc-ws-title{font-size:calc(var(--u) * 13);font-weight:500}.app-mock .mc-ws-help{margin-top:calc(var(--u) * 2)!important;font-size:calc(var(--u) * 12)}.app-mock .mc-ws-list{margin:calc(var(--u) * 8) calc(var(--u) * -8) 0}.app-mock .mc-ws{display:flex;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 7) calc(var(--u) * 8);border-radius:calc(var(--u) * 8)}.app-mock .mc-ws[data-selected]{background:#0050ff0f}.app-mock .mc-ws-avatar{display:grid;place-items:center;width:calc(var(--u) * 28);height:calc(var(--u) * 28);border-radius:calc(var(--u) * 7);background:var(--m-muted);color:#020817b3;font-size:calc(var(--u) * 11);font-weight:600}.app-mock .mc-ws-name{display:flex;flex:1;align-items:center;gap:calc(var(--u) * 7);font-size:calc(var(--u) * 13)}.app-mock .mc-main{padding:calc(var(--u) * 1) calc(var(--u) * 5);border-radius:calc(var(--u) * 5);background:var(--m-muted);color:var(--m-muted-fg);font-size:calc(var(--u) * 10.5);font-weight:500}.app-mock .mc-starts{display:flex;align-items:center;gap:calc(var(--u) * 4);color:var(--m-primary);font-size:calc(var(--u) * 11.5);font-weight:500}.app-mock .mc-starts svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.app-mock .mc-more{display:flex;align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 7) calc(var(--u) * 8);color:var(--m-muted-fg);font-size:calc(var(--u) * 12);font-weight:500}.app-mock .mc-actions{padding:calc(var(--u) * 16) calc(var(--u) * 20);border-top:1px solid var(--m-border);background:#f1f5f94d}.app-mock .mc-buttons{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 9)}.app-mock .mc-btn{display:grid;place-items:center;height:calc(var(--u) * 38);border:1px solid var(--m-border);border-radius:calc(var(--u) * 8);background:white;font-size:calc(var(--u) * 13.5);font-weight:500}.app-mock .mc-btn-primary{border-color:var(--m-primary);background:var(--m-primary);box-shadow:0 1px 2px #0000000d;color:white}.app-mock .mc-redirect{margin-top:calc(var(--u) * 11)!important;font-size:calc(var(--u) * 11);text-align:center}.app-mock .mc-redirect b{color:var(--m-fg);font-weight:500}