.app-mock .ca-page{display:grid;gap:calc(var(--u) * 12);padding:calc(var(--u) * 16);background:#f8fafc}.app-mock .ca-page-head{display:flex;align-items:center;justify-content:space-between}.app-mock .ca-crumbs{font-size:calc(var(--u) * 12.5)}.app-mock .ca-crumbs span{margin:0 calc(var(--u) * 4);opacity:.6}.app-mock .ca-crumbs b{color:var(--m-fg);font-weight:500}.app-mock .ca-filters{display:flex;gap:calc(var(--u) * 8)}.app-mock .ca-select{display:inline-flex;align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 30);padding:0 calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:white;font-size:calc(var(--u) * 12)}.app-mock .ca-select svg{width:calc(var(--u) * 13);height:calc(var(--u) * 13);color:var(--m-muted-fg)}.app-mock .ca-select svg:last-child{margin-left:calc(var(--u) * 10)}.app-mock .ca-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--u) * 10)}.app-mock .ca-tile{gap:calc(var(--u) * 10);padding:calc(var(--u) * 12);border:1px solid var(--m-border);background:white}.app-mock .ca-tile,.app-mock .ca-tile-icon{display:flex;align-items:center;border-radius:calc(var(--u) * 8)}.app-mock .ca-tile-icon{justify-content:center;width:calc(var(--u) * 34);height:calc(var(--u) * 34);background:#0050ff1a;color:var(--m-primary)}.app-mock .ca-tile-icon svg{width:calc(var(--u) * 17);height:calc(var(--u) * 17)}.app-mock .ca-tile-value{font-size:calc(var(--u) * 19);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.app-mock .ca-tile-label{font-size:calc(var(--u) * 11.5)}.app-mock .ca-split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:calc(var(--u) * 10)}.app-mock .ca-card{padding:calc(var(--u) * 14);border:1px solid var(--m-border);border-radius:calc(var(--u) * 8);background:white}.app-mock .ca-card-head{display:flex;align-items:flex-start;gap:calc(var(--u) * 8)}.app-mock .ca-card-head>svg{margin-top:calc(var(--u) * 3);color:var(--m-muted-fg)}.app-mock .ca-card-title{display:flex;align-items:center;gap:calc(var(--u) * 7);font-size:calc(var(--u) * 14.5);font-weight:600;letter-spacing:-.01em}.app-mock .ca-card-title svg{color:var(--m-muted-fg)}.app-mock .ca-card-sub{margin-top:calc(var(--u) * 2)!important;font-size:calc(var(--u) * 11.5)}.app-mock .ca-rows{display:grid;gap:calc(var(--u) * 10);margin-top:calc(var(--u) * 12)}.app-mock .ca-row-head{display:flex;justify-content:space-between;gap:calc(var(--u) * 8);margin-bottom:calc(var(--u) * 4)!important;font-size:calc(var(--u) * 12.5)}.app-mock .ca-row-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-mock .ca-row-head b{flex-shrink:0;font-weight:500;font-variant-numeric:tabular-nums}.app-mock .ca-row-head small{color:var(--m-muted-fg);font-size:calc(var(--u) * 11);font-weight:400}.app-mock .ca-bar{display:block;height:calc(var(--u) * 6);border-radius:999px;background:var(--m-muted)}.app-mock .ca-bar i{display:block;height:100%;border-radius:999px;background:var(--m-primary)}.app-mock .ca-vars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--u) * 12);margin-top:calc(var(--u) * 14)}.app-mock .ca-var{padding:calc(var(--u) * 12);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6)}.app-mock .ca-var .ca-rows{margin-top:calc(var(--u) * 8)}.app-mock .ca-var-head{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--u) * 8);font-size:calc(var(--u) * 12.5)}.app-mock .ca-var-head b{font-weight:500}.app-mock .ca-var-head span{font-size:calc(var(--u) * 10.5);white-space:nowrap}.app-mock .ca-dialog{display:grid;gap:calc(var(--u) * 14);padding:calc(var(--u) * 22)}.app-mock .ca-dialog-title{font-size:calc(var(--u) * 17);font-weight:600;letter-spacing:-.01em}.app-mock .ca-dialog-sub{margin-top:calc(var(--u) * -10)!important;font-size:calc(var(--u) * 12.5)}.app-mock .ca-field{display:grid;gap:calc(var(--u) * 6)}.app-mock .ca-label{font-size:calc(var(--u) * 12);font-weight:500}.app-mock .ca-segment{display:inline-flex;justify-self:start;padding:calc(var(--u) * 2);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:#f1f5f980}.app-mock .ca-segment span{padding:calc(var(--u) * 4) calc(var(--u) * 12);border-radius:calc(var(--u) * 4);color:var(--m-muted-fg);font-size:calc(var(--u) * 12)}.app-mock .ca-segment span[data-active]{background:white;box-shadow:0 1px 2px #0000001a;color:var(--m-fg);font-weight:500}.app-mock .ca-input{display:block;flex:1;padding:calc(var(--u) * 7) calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);background:white;font-size:calc(var(--u) * 12.5)}.app-mock .ca-input[data-area]{min-height:calc(var(--u) * 58);line-height:1.45}.app-mock .ca-option{display:flex;align-items:center;gap:calc(var(--u) * 10)}.app-mock .ca-option svg{color:var(--m-muted-fg)}.app-mock .ca-add{justify-self:start;height:calc(var(--u) * 26)}.app-mock .ca-dialog-foot{display:flex;justify-content:flex-end;gap:calc(var(--u) * 8);padding-top:calc(var(--u) * 4)}.app-mock .ca-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.app-mock .ca-col,.app-mock .ca-detail{display:grid;gap:calc(var(--u) * 12)}.app-mock .ca-h{margin-bottom:calc(var(--u) * 8)!important;font-size:calc(var(--u) * 11);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.app-mock .ca-h-row{display:flex;align-items:center;justify-content:space-between}.app-mock .ca-copy{display:inline-flex;align-items:center;gap:calc(var(--u) * 4);font-size:calc(var(--u) * 11);font-weight:500;letter-spacing:0;text-transform:none}.app-mock .ca-copy svg{width:calc(var(--u) * 11);height:calc(var(--u) * 11)}.app-mock .ca-kv{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 12);padding:calc(var(--u) * 3) 0;font-size:calc(var(--u) * 12)}.app-mock .ca-kv b{font-weight:500;text-align:right}.app-mock .ca-task{display:inline-flex;align-items:center;gap:calc(var(--u) * 8)}.app-mock .ca-task small{font-size:calc(var(--u) * 10.5)}.app-mock .ca-badge{padding:calc(var(--u) * 1) calc(var(--u) * 6);border-radius:calc(var(--u) * 5);background:#dcfce7;color:#15803d;font-size:calc(var(--u) * 10);font-weight:600}.app-mock .ca-player{display:flex;align-items:center;gap:calc(var(--u) * 10)}.app-mock .ca-play{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 30);height:calc(var(--u) * 30);border-radius:50%;background:var(--m-primary);color:white}.app-mock .ca-play svg{width:calc(var(--u) * 13);height:calc(var(--u) * 13)}.app-mock .ca-wave{display:flex;flex:1;align-items:center;gap:calc(var(--u) * 2);height:calc(var(--u) * 28)}.app-mock .ca-wave i{flex:1;border-radius:999px;background:#cbd5e1}.app-mock .ca-wave i[data-past]{background:var(--m-primary)}.app-mock .ca-summary{font-size:calc(var(--u) * 13);line-height:1.5}.app-mock .ca-search{display:flex;align-items:center;gap:calc(var(--u) * 8);margin-bottom:calc(var(--u) * 8)!important;padding:calc(var(--u) * 6) calc(var(--u) * 10);border:1px solid var(--m-border);border-radius:calc(var(--u) * 6);color:var(--m-muted-fg);font-size:calc(var(--u) * 11.5)}.app-mock .ca-search svg{width:calc(var(--u) * 13);height:calc(var(--u) * 13)}.app-mock .ca-turn{margin-top:calc(var(--u) * 4);padding:calc(var(--u) * 5) calc(var(--u) * 10);border-left:2px solid var(--m-border);font-size:calc(var(--u) * 12.5);line-height:1.4}.app-mock .ca-turn-meta{display:flex;align-items:center;gap:calc(var(--u) * 6);margin-bottom:calc(var(--u) * 2)!important;color:var(--m-muted-fg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--u) * 10);letter-spacing:.04em;text-transform:uppercase}.app-mock .ca-turn-meta i{width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:50%;background:#22c55e}.app-mock .ca-turn[data-role=agent] .ca-turn-meta i{background:#3b82f6}.app-mock .ca-turn-meta span{letter-spacing:0;text-transform:none}