.phone-workspace{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:32px;max-width:1000px;align-items:start}.phone-workspace[hidden]{display:none}.phone-dialer,.phone-setup{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:24px}.phone-line{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted-foreground);margin-bottom:28px}.phone-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--muted-foreground)}.phone-dot.ready{background:#23805c}.phone-dot.connecting{background:#a56b13}.phone-dialer h2{font-size:18px;font-weight:600;margin-bottom:20px}.phone-number{display:block;font-size:12px;color:var(--muted-foreground)}.phone-number input{margin-top:8px;height:52px;font-size:22px;text-align:center;font-variant-numeric:tabular-nums}.phone-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.phone-keypad button{border-radius:var(--radius);min-height:60px;font:inherit;font-size:24px;color:var(--foreground);cursor:pointer}.phone-keypad button:hover{background:var(--secondary)}.phone-keypad button:disabled{opacity:.4;cursor:default}.phone-keypad small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted-foreground)}.phone-keypad button:focus-visible,.phone-mini button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.phone-call-actions{display:flex;gap:8px}.phone-call-actions>button:first-child{flex:1}.phone-answer{background:#237b5a;color:#fff}.phone-answer:hover{background:#1d654a}.phone-context{padding:24px 0}.phone-eyebrow{font-size:11px;letter-spacing:2px;color:var(--primary)}.phone-context>h2{font-size:28px;line-height:1.3;font-weight:600;margin:16px 0;max-width:380px}.phone-context p{font-size:14px;line-height:1.7;color:var(--muted-foreground);margin-bottom:20px}.phone-setup{margin:28px 0}.phone-setup h3{font-weight:600;margin-bottom:8px}.phone-setup label{display:block;font-size:12px}.phone-setup input{display:block;font:12px monospace;width:100%;padding:12px 0;margin-bottom:12px;color:var(--muted-foreground)}.phone-footnote{font-size:12px!important}.phone-peer{text-align:center;min-height:90px}.phone-peer strong{font-size:24px;overflow-wrap:anywhere}.phone-peer p{color:var(--muted-foreground);margin:8px 0}.phone-duration{font-variant-numeric:tabular-nums}.phone-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.phone-tools button{font-size:11px;flex:1}.phone-tools button[aria-pressed=true]{background:var(--secondary);border-color:var(--primary)}.phone-transfer{margin-top:16px;display:flex;gap:8px;align-items:end}.phone-transfer label{flex:1;font-size:12px}.phone-error{color:var(--destructive);line-height:1.6;font-size:13px;margin-top:16px}.phone-mini{display:flex;align-items:center;gap:12px;position:fixed;bottom:24px;right:24px;z-index:50;border:1px solid var(--border);background:var(--card);padding:16px;border-radius:var(--radius);box-shadow:0 4px 24px #0001;max-width:calc(100vw - 32px)}.phone-mini>button:first-of-type{text-align:left;font:inherit;cursor:pointer}@media(max-width:800px){.phone-workspace{grid-template-columns:1fr;gap:16px}.phone-dialer{max-width:400px;width:100%;margin:auto}.phone-context{padding:0}.phone-context>h2{font-size:22px}.phone-mini{right:16px;bottom:16px;flex-wrap:wrap}}@media(max-width:360px){.phone-dialer,.phone-setup{padding:16px}}.mango-workspace{max-width:1000px}.mango-workspace[hidden]{display:none}.mango-intro{margin-bottom:24px}.mango-intro h2{font-size:22px;font-weight:600;margin-bottom:12px}.mango-intro p{color:var(--muted-foreground);line-height:1.7;max-width:680px;margin-bottom:12px}.mango-history{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.mango-heading,.mango-call-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.mango-heading{margin-bottom:16px}.mango-heading h3{font-size:16px;font-weight:600}.mango-call{border-top:1px solid var(--border);padding:20px 0;overflow-wrap:anywhere}.mango-call-title time{color:var(--muted-foreground);font-size:12px}.mango-call>p{margin:8px 0;font-size:13px;line-height:1.6}.mango-recording{margin-top:12px;display:grid;gap:8px;font-size:12px}.mango-recording audio{width:100%;max-width:480px}.mango-notice{padding:16px;border:1px solid var(--border);background:var(--muted);font-size:13px;line-height:1.7;margin-bottom:16px}.mango-browser-toggle{margin:24px 0;text-align:left}.mango-link{margin-top:12px;font-size:13px}.mango-link summary{cursor:pointer;padding:4px 0}.mango-link form,.mango-link>div{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:12px}.mango-link label{min-width:0;flex:1 1 200px}.mango-link input{margin-top:8px}.mango-link select{display:block;width:100%;min-height:36px;margin-top:8px;border:1px solid var(--border);border-radius:var(--radius);padding:8px;background:var(--card);color:var(--foreground);font:inherit}.mango-link ul,.mango-parts ol{padding-left:20px;margin:12px 0}.mango-link li,.mango-parts li{margin:8px 0}.mango-parts{margin:12px 0;font-size:13px;overflow-wrap:anywhere}.mango-parts summary{cursor:pointer;padding:4px 0}.mango-parts p{margin:8px 0;line-height:1.6}@media(max-width:360px){.mango-history{padding:16px}}.cw-workspace{--cw-line:#e4e9e6;--cw-green:#205345;color:#202e28;min-width:0}.cw-header{padding-bottom:20px}.cw-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:#547665}.cw-header h2{font-size:26px;line-height:1.3;margin:8px 0;overflow-wrap:anywhere}.cw-muted,.cw-empty{color:#69766f;font-size:13px;line-height:1.6}.cw-tabs{display:flex;gap:5px;flex-wrap:wrap;border-block:1px solid var(--cw-line);padding:12px 0;margin-bottom:24px}.cw-tabs button{padding:8px 12px;border-radius:8px;font-size:13px;border:1px solid transparent;cursor:pointer}.cw-tabs button[aria-current]{background:var(--cw-green);color:#fff}.cw-tabs button:hover:not([aria-current]){background:#edf3ef}.cw-values{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.cw-values dt{font-size:11px;color:#748079;margin-bottom:3px}.cw-values dd{margin:0;font-size:14px;overflow-wrap:anywhere}.cw-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 0;border-block:1px solid var(--cw-line)}.cw-contact-grid p{overflow-wrap:anywhere;margin:9px 0}.cw-contact-grid small,.cw-row small{color:#748079;font-size:12px}.cw-workspace h3{font-size:16px;font-weight:600;margin:0 0 14px}.cw-section{margin-top:28px}.cw-rows{display:grid;gap:10px}.cw-row{display:flex;flex-direction:column;gap:8px;background:#f6f8f6;border:1px solid var(--cw-line);border-radius:12px;padding:17px;overflow-wrap:anywhere}.cw-link{color:#205345;text-decoration:underline;text-underline-offset:3px;font-weight:600;font-size:14px;cursor:pointer;text-align:left;overflow-wrap:anywhere}.cw-meta,.cw-actions,.cw-pagination{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px}.cw-actions{margin:14px 0}.cw-pagination{justify-content:space-between;margin-top:18px}.cw-description{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}.cw-original{margin-top:25px;border-top:1px solid var(--cw-line);padding:18px 0;font-size:12px;color:#6f7c74;overflow-wrap:anywhere}.cw-original summary{cursor:pointer;font-size:13px}.cw-error{padding:14px;background:#fff3e8;color:#80451f;border:1px solid #ebcdb7;border-radius:8px;font-size:13px}.cw-error p{margin-bottom:10px}.cw-notice{background:#eaf3ed;border-radius:8px;color:#285640;padding:12px;font-size:13px;line-height:1.5}.cw-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.cw-metrics>div{padding:13px;background:#edf3ef;border-radius:10px;min-width:0}.cw-metrics strong,.cw-metrics small{display:block;overflow-wrap:anywhere}.cw-metrics small{font-size:11px;margin-bottom:6px}.cw-metrics strong{font-size:16px}.cw-period{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--cw-line);padding-top:8px;font-size:12px}.cw-editor fieldset{border:0;min-width:0;padding:0;margin:0}.cw-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cw-editor label{display:flex;flex-direction:column;gap:7px;font-size:12px;min-width:0}.cw-editor input:not([type=radio]),.cw-editor textarea{width:100%;border:1px solid #cad6ce;border-radius:8px;padding:10px;font:inherit;font-size:14px;background:#fff;box-sizing:border-box;min-width:0}.cw-editor textarea{min-height:90px}.cw-channels{margin-top:25px!important}.cw-channels legend{font-size:14px;font-weight:600;margin-bottom:12px}.cw-channel{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;margin-bottom:12px}.cw-channel .cw-primary{flex-direction:row;align-items:center;align-self:center;padding-top:18px}.cw-channel .cw-primary input{width:auto}.cw-workspace button:focus-visible,.cw-workspace a:focus-visible{outline:2px solid #367663;outline-offset:3px}@media(max-width:550px){.cw-header h2{font-size:22px}.cw-tabs{gap:4px}.cw-tabs button{padding:8px;font-size:12px}.cw-values,.cw-contact-grid,.cw-form-grid,.cw-metrics{grid-template-columns:1fr}.cw-metrics>div{display:flex;justify-content:space-between;gap:12px}.cw-channel{grid-template-columns:minmax(0,1fr) auto}.cw-channel>label:first-child{grid-column:1/-1}.cw-channel .cw-primary{padding-top:0}.cw-editor button{white-space:normal;height:auto;min-height:36px}.cw-meta{gap:8px}}.cd-panel{background:#fff;border:1px solid #d9e3db;border-radius:14px;padding:20px;margin:12px 0 24px;max-width:960px;min-width:0}.cd-review{margin-top:24px;padding-top:18px;border-top:1px solid #d9e3db}.cd-review>label{margin-top:16px}.cw-editor .cd-check{display:flex;flex-direction:row;align-items:flex-start;line-height:1.6}.cw-editor .cd-check input{width:18px;min-width:18px;margin-top:2px}.cd-create{min-width:0}.cd-panel h3{overflow-wrap:anywhere}.cd-panel .cw-actions button{white-space:normal;height:auto;min-height:36px}@media(max-width:550px){.cd-panel{padding:14px}}.cw-inline-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;width:100%;padding:8px;text-align:left;border:1px solid transparent;border-radius:8px;cursor:pointer;overflow-wrap:anywhere;min-width:0;font:inherit;color:inherit}.cw-inline-value:hover{background:#edf3ef;border-color:var(--cw-line)}.cw-edit-value{font-size:12px;color:var(--cw-green);text-decoration:underline}.cw-channel-values,.cw-channel-values>span{display:block;min-width:0;overflow-wrap:anywhere}.cw-inline-editor{padding:12px;border:1px solid var(--cw-line);border-radius:8px;min-width:0}.cw-inline-editor .cw-actions{gap:8px}.cw-inline-editor .cw-channels{margin-top:0!important}.cw-message-detail,.cw-document{padding:16px;border:1px solid var(--cw-line);border-radius:8px;background:#fff;min-width:0;overflow-wrap:anywhere}.cw-content>section{scroll-margin-top:16px}.cw-message-detail p{margin:12px 0}.cw-source-message{min-width:0}.cw-source-message .cw-actions button{white-space:normal;height:auto;min-height:36px}.cw-values>div{min-width:0}.cw-history-origin{font-size:12px;color:#69766f;overflow-wrap:anywhere}.cw-history-origin summary{cursor:pointer}
