/* Native utility windows in the shared matte presentation. */
.dc-pocket[data-utility=true] .dc-pane{padding:12px 18px;overflow:hidden}
.du-host,.du{width:100%;height:100%;min-height:0;min-width:0}
.du{display:flex;flex-direction:column;gap:9px;font:11px/1.45 Onest,system-ui,sans-serif;color:#d4cedd;--du-line:#32283b;--du-muted:#92889c;--du-accent:#b7a4d3}
.du *{box-sizing:border-box}
.du svg{display:block;flex:none;width:15px;height:15px}
.du button,.du input,.du textarea,.du select{font:inherit}
.du button,.du a{touch-action:manipulation}
.du button:disabled{opacity:.4;cursor:default}
.du :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #b7a4d3;outline-offset:2px}
.du-header{display:flex;align-items:center;gap:7px;min-height:27px;flex:none}
.du-header h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;letter-spacing:-.025em;min-width:0;margin:0}
.du-example{font-size:8px;line-height:1;letter-spacing:.01em;color:#85798e;margin-left:auto;border:1px solid #302637;border-radius:6px;padding:4px 5px;flex:none}
.du-scroll{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#43364e transparent;padding-right:3px}
.du-stack{display:flex;flex-direction:column;gap:10px;min-width:0}
.du-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.du-card{background:#17131d;border:1px solid #2b2235;border-radius:15px;padding:12px;min-width:0}
.du-card h4{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;letter-spacing:-.01em;margin:0 0 2px}
.du-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.du-button{border:1px solid #382d42;background:#211b29;border-radius:10px;min-height:29px;padding:6px 10px;color:#c8bbd4;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;text-decoration:none;cursor:pointer;line-height:1.3;font-size:10px;transition:background-color 150ms ease,transform 140ms ease-out}
.du-button:active:not(:disabled){transform:scale(.98)}
.du-primary{background:#30263b;border-color:#51425e;color:#e0d5ea}
.du-danger{background:#2c1c25;border-color:#50303e;color:#d5a6b6}
.du-link{background:transparent;border-color:transparent;padding-left:0;color:#b7a4d3}
.du-icon{width:28px;min-width:28px;padding:5px;flex:none}
.du-push{margin-left:auto}
.du-grow{flex:1;min-width:0}
.du-centered{justify-content:center}
.du-segments{display:flex;gap:3px;padding:3px;border-radius:12px;background:#17131d;flex:none;min-width:0;overflow-x:auto;scrollbar-width:none}
.du-segments .du-button{flex:1;white-space:nowrap;border-color:transparent;background:transparent;color:#92889c;min-height:26px;padding:5px 9px;border-radius:9px}
.du-segments [aria-pressed=true]{background:#30263b;color:#d4c4e2}
.du-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:9px;color:#92889c}
.du-field input,.du-field textarea,.du-field select{width:100%;min-width:0;border:1px solid #382d42;border-radius:10px;padding:8px 10px;background:#17131d;color:#d4cedd;line-height:1.45;font-size:11px;color-scheme:dark;box-shadow:none}
.du-field input::placeholder,.du-field textarea::placeholder{color:#756c80}
.du-field textarea{resize:vertical;min-height:48px;max-height:150px}
.du-field input[type=number]{font-variant-numeric:tabular-nums}
.du-field input[readonly]{color:#92889c;background:#100d14}
.du-field :disabled{opacity:.5}
.du-note{font-size:9px;line-height:1.5;color:#92889c;margin:0;overflow-wrap:anywhere}
.du-dim{color:#786f83}
.du-bottom-note{margin-top:9px}
.du-meta{display:flex;align-items:baseline;justify-content:space-between;gap:6px;font-size:9px;color:#92889c;flex-wrap:wrap}
.du-meta b{font-weight:500;color:#d4cedd;font-size:11px}
.du-good{color:#a9c49d}
.du-status{flex:none;max-height:30px;font-size:9px;line-height:1.4;color:#b7a4d3}
.du-status:empty{display:none}
.du-footer{flex:none;display:flex;flex-direction:column;gap:6px;padding-top:5px;border-top:1px solid #2b2235}
.du-call-form{padding-top:3px}
.du-call-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:129px;background:#17131d;border:1px solid #2b2235;border-radius:15px;color:#92889c;font-size:10px}
.du-call-stage b{font-weight:500;font-size:12px;color:#d4cedd}
.du-call-stage small{font-size:9px}
.du-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#30263b;color:#cbb7df;font-size:17px}
.du-timer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.du-timer-heading b{font-size:12px;font-weight:500}
.du-timer-heading>span{font-size:10px;color:#92889c}
.du-timer-main{display:flex;justify-content:space-between;align-items:center;gap:15px}
.du-time{font-size:43px;font-weight:450;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#d8cbe2}
.du-timer-main .du-field{width:130px}
.du-timer-main input{height:32px;padding:5px 8px}
.du-presets{display:flex;gap:6px;flex-wrap:wrap}
.du-presets .du-button{min-height:26px;padding:5px 8px}
.du-presets [aria-pressed=true]{background:#30263b;border-color:#51425e}
.du-range{appearance:none;-webkit-appearance:none;width:100%;height:22px;flex:none;margin:0;padding:0;border:0;background:transparent;color-scheme:dark;cursor:pointer}
.du-range::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(to right,#b7a4d3 var(--du-duration-level,3.36%),#61556f var(--du-duration-level,3.36%))}
.du-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:-5px;border:2px solid #241c2d;border-radius:50%;background:#e2d7ed;box-shadow:0 0 0 1px #a695ba}
.du-range::-moz-range-track{height:5px;border-radius:999px;background:#61556f}
.du-range::-moz-range-progress{height:5px;border-radius:999px;background:#b7a4d3}
.du-range::-moz-range-thumb{width:11px;height:11px;border:2px solid #241c2d;border-radius:50%;background:#e2d7ed}
.du-meter{height:5px;background:#352d3e;border-radius:999px;overflow:hidden;flex:none}
.du-meter i{display:block;height:100%;border-radius:inherit;background:#a5bf98}
.du-warm i{background:#c4a784}
.du-cycle{font-size:10px;color:#92889c}
.du-cycle-dots{display:flex;align-items:center;gap:5px}
.du-cycle-dots i{width:9px;height:9px;border-radius:50%;background:#352d3e}
.du-cycle-dots .du-cycle-done{background:#c2969e}
.du-cycle-dots>span{margin-left:auto;font-size:9px;color:#92889c}
.du-stat{display:flex;flex-direction:column;gap:6px;min-width:0}
.du-stat>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:10px;align-items:baseline}
.du-stat b{font-weight:500;font-variant-numeric:tabular-nums;text-align:right}
.du-stat .du-dim{font-size:9px}
.du-load-grid>.du-card{gap:12px}
.du-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.du-section-label,.du details summary{font-size:10px;font-weight:450;color:#92889c;margin:0 0 7px}
.du-service-tile{display:flex;align-items:center;gap:9px;min-height:53px;min-width:0;padding:9px;background:#17131d;border:1px solid #2b2235;border-radius:12px;text-align:left;color:#b7a4d3}
.du-service-tile>span{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.du-service-tile b{font-size:11px;line-height:1.25;font-weight:450;color:#d4cedd;overflow-wrap:anywhere}
.du-service-tile small{font-size:8px;line-height:1.35;color:#92889c}
.du-service-tile>svg:last-child{width:11px;height:11px;color:#685d73}
.du details summary{cursor:pointer;padding:5px 0}
.du-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}
.du-empty-symbol{display:grid;place-items:center;width:40px;height:40px;background:#211b29;color:#b7a4d3;border-radius:13px}
.du-empty-symbol svg{width:22px;height:22px}
.du-empty h4{font-size:13px;font-weight:500;margin:0}
.du-empty p{font-size:10px;color:#92889c;margin:0}
.du-data-row{display:flex;width:100%;align-items:center;gap:9px;padding:12px 0;border:0;border-bottom:1px solid #2b2235;background:transparent;text-align:left;color:#b7a4d3}
.du-data-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.du-data-row b{font-size:11px;font-weight:450;color:#d4cedd}
.du-data-row small{font-size:9px;color:#92889c}
.du-data-row>small{margin-left:auto}
.du-app-row{display:flex;align-items:flex-end;gap:7px}
.du-meeting-toolbar{display:flex;align-items:center;gap:7px;flex:none;min-width:0}
.du-meeting-toolbar>.du-segments{flex:1;min-width:0}
.du-meeting-toolbar>.du-example{margin-left:0}
.du-model-inline>.du-field{flex-direction:row;align-items:center;gap:9px}
.du-model-inline>.du-field>span{flex:none;min-width:40px}
.du-model-inline select{flex:1;min-width:0}
.du-language{width:100px;flex:none}
.du-check{display:flex;align-items:flex-start;gap:7px;font-size:9px;line-height:1.4;color:#a599af}
.du-check input{accent-color:#b7a4d3;margin:1px 0 0;flex:none}
.du-manual-grid>.du-stack{gap:7px}
.du-manual-grid textarea{min-height:36px;height:36px;resize:none}
.du-manual-grid>.du-field textarea{height:auto;min-height:90px;flex:1}
.du-answer{border:1px solid #3a2e46;border-left:2px solid #b7a4d3;background:#17131d;border-radius:10px;padding:10px}
.du-answer>span{font-size:9px;color:#92889c}
.du-answer p{font-size:11px;line-height:1.55;margin:6px 0 0}
@media(hover:hover) and (pointer:fine){.du-button:not(:disabled):hover,.du-service-tile:hover{background:#2a2233;color:#e1d7e9}.du-link:hover{background:transparent;color:#e1d7e9}}
@container(max-width:480px){
 .du{gap:8px}.du-header h3{font-size:12px;gap:6px}.du-header{gap:5px}.du-example{font-size:7px}
 .du-header .du-button:not(.du-icon){padding:5px 7px;font-size:9px}
 .du-grid:not(.du-manual-grid){grid-template-columns:1fr;gap:8px}
 .du-segments .du-button{font-size:9px;padding:5px 7px}
 [data-du-route=calls]>.du-segments{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
 .du-timer-main .du-field{width:112px}.du-time{font-size:36px}
 .du-presets{gap:4px}.du-presets .du-button{padding:5px 6px;font-size:9px}
 .du-field input,.du-field textarea,.du-field select{font-size:10px;padding:7px 8px}
 .du-service-tile{gap:6px;padding:8px;min-height:58px}.du-service-tile>svg{width:13px;height:13px}.du-service-tile b{font-size:10px}.du-service-tile>svg:last-child{display:none}
 .du-language{width:85px}.du-app-row{flex-wrap:nowrap}
 .du-call-form>.du-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .du-manual-grid{grid-template-columns:1fr}.du-manual-grid>.du-field textarea{height:90px;min-height:90px}
 .du-cycle-dots>span{font-size:8px}.du-cycle-dots{gap:4px}
 .du-load-grid>.du-card{gap:10px}.du-actions{gap:5px}.du-button{font-size:9px;padding:6px 8px}
}
@media(prefers-reduced-motion:reduce){.du-button{transition:none}}
