.control-style-choices{ display:flex; flex-wrap:wrap; gap:.5rem; margin-block:.5rem; }
html[data-interface="cloud"] .content fieldset{
    background-color:#fff;
}
html[data-interface="cloud"] .content fieldset > legend{
    float:left;
    width:100%;
    padding:0;
    margin:0 0 1.5rem;
}
html[data-interface="cloud"] .content fieldset > legend + *{ clear:both; }
html[data-interface="cloud"] .content .quote-customer-picker{ margin-bottom:1.5rem; }
html[data-interface="cloud"] .content :is(.quote-customer-picker, .quote-fields, .principal-fields, .fields) label:not(:has(input[type="checkbox"], input[type="radio"])){
    display:block;
    margin:0 0 .5rem;
}
html[data-interface="cloud"] .content :is(.quote-fields, .principal-fields, .fields){
    row-gap:1.5rem;
    column-gap:1.5rem;
}
html[data-interface="cloud"] .content :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]), select, textarea){
    color:#334155;
    background-color:#fbfcff;
    border:1px solid #d8e2f1;
    border-radius:.75rem;
    padding:.6rem .8rem;
    box-shadow:0 2px 6px #20355008;
    transition:border-color .15s, box-shadow .15s;
}
html[data-interface="cloud"] .content :is(input, select, textarea):focus-visible{
    outline:none;
    border-color:var(--theme-primary);
    box-shadow:0 0 0 3px var(--theme-glow-1);
}
html[data-interface="cloud"] .content :is(input, select, textarea):disabled{ background-color:#f1f5f9; color:#64748b; }
html[data-interface="cloud"] .content :is(input, select, textarea).invalid{
    border-color:#e50000;
    outline:1px solid #e50000;
}
html[data-interface="cloud"] .content :is(.btn, .principal-panel button, .quote-actions button){
    border-radius:.75rem;
    border-color:#d8e2f1;
    box-shadow:0 2px 6px #20355008;
}
html[data-interface="cloud"] .content .btn-primary{ border-color:var(--theme-primary); }
html[data-interface="cloud"] .cloud-quote-inspector .dock-price-inspector dd{
    height:auto;
    min-height:2rem;
    padding:.3rem .5rem;
    border:1px solid #d8e2f1;
    border-radius:.65rem;
    background:#fbfcff;
    color:#334155;
    box-shadow:0 2px 6px #20355008;
    font-variant-numeric:tabular-nums;
}
html[data-interface="cloud"] .cloud-quote-inspector .dock-price-inspector .quote-price-modify{
    top:0;
    height:2rem;
    width:24px;
    border:1px solid #d8e2f1;
    border-radius:.6rem;
    background:#f1f5f9;
}
.control-style-choice{ min-height:2.5rem; padding:.5rem 1rem; border:1px solid #aab4c0; border-radius:.4rem; background:#fff; color:#172033; white-space:normal; overflow-wrap:anywhere; }
.control-style-choice[aria-pressed="true"]{ border-color:#3277b5; background:#e7f1fc; }
.dock-menu-popup .control-style-choices{ display:flex; flex-direction:column; gap:0; margin:0; }
.dock-menu-popup .control-style-choice{ min-height:0; border-radius:0; }
.dock-menu-popup .control-style-choice[aria-pressed="true"]{ background:#c6d9f2; }
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) .dock-workspace,
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) .dock-document,
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) .dock-panel{ background:#f4f6f8; }
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) :is(.dock-menubar, .dock-toolbar){ background:#fff; border-color:#c2cbd5; }
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) .dock-caption{ background:#e9eef4; border-color:#c2cbd5; color:#263a50; }
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) .dock-workspace :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea){ border-color:#a9b8c8; border-radius:3px; }
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) .dock-workspace :is(input[readonly], input:disabled){ background:#eef2f6; }
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) :is(.dock-categories button, .dock-native-category-list button, .dock-native-item-actions button, .dock-native-product-actions button, .dock-native-price-dialog footer button, .quote-price-modify){ border-color:#a9b8c8; border-radius:3px; background:#fff; box-shadow:0 1px 2px #233b5312; }
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) :is(.dock-categories button, .dock-native-category-list button)[aria-selected="true"]{ background:#e8f2ff; border-color:#6c9ac5; }
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) .dock-toolbar :is(button, a):hover{ border-radius:3px; background:#e8f2ff; border-color:#9bbbd9; }
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) .dock-document-tabs button[aria-selected="true"]{ background:#f4f6f8; border-color:#7195b7; border-bottom-color:#f4f6f8; }
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) :is(.dock-native-price-dialog, .dock-native-factor-dialog, .dock-gallery){ border-color:#a1b3c5; border-radius:4px; box-shadow:0 6px 20px #18395426; }
html[data-interface="dock"]:is([data-control-style="modern"], [data-control-style="rounded"]) :is(.dock-native-price-dialog, .dock-native-factor-dialog, .dock-gallery) > header{ background:#e3edf8; color:#183954; }
html[data-interface="dock"][data-control-style="rounded"] :is(.dock-workspace, .dock-native-price-dialog, .dock-native-factor-dialog) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea){ border-radius:7px; }
html[data-interface="dock"][data-control-style="rounded"] :is(.dock-workspace .btn, .dock-categories button, .dock-native-category-list button, .dock-native-item-actions button, .dock-native-product-actions button, .dock-native-price-dialog footer button, .dock-native-factor-dialog footer button, .quote-price-modify){ border-radius:8px; }
html[data-interface="dock"][data-control-style="rounded"] .dock-workspace :where(button:not(.dock-tree button):not(.dock-tabs button):not(.dock-errors button):not(.dock-menu-popup button):not(.dock-inventory-list button):not(.dock-basket-list button)),
html[data-interface="dock"][data-control-style="rounded"] .dock-gallery button{ border-radius:8px; }
html[data-interface="dock"][data-control-style="rounded"] .dock-toolbar :is(button, a),
html[data-interface="dock"][data-control-style="rounded"] .dock-toolbar :is(button, a):hover{ border-radius:8px; }
html[data-interface="dock"][data-control-style="rounded"] :is(.dock-tabs, .dock-document-tabs) button{ border-radius:7px 7px 0 0; }
html[data-interface="dock"][data-control-style="rounded"] :is(.dock-native-price-dialog, .dock-native-factor-dialog, .dock-gallery){ border-radius:10px; }
html[data-interface="dock"][data-control-style="rounded"] :is(.dock-native-price-dialog, .dock-native-factor-dialog, .dock-gallery) > header{ border-radius:9px 9px 0 0; }
html[data-interface="dock"][data-control-style="rounded"] .dock-price-inspector dd{ border-radius:6px; }
html[data-interface="dock"][data-control-style="rounded"] .dock-panel{ border-radius:8px 8px 0 0; }
html[data-interface="dock"][data-control-style="rounded"] .dock-caption{ border-radius:7px 7px 0 0; }
html[data-interface="dock"][data-control-style="rounded"] .dock-menu-popup{ border-radius:8px; }
html[data-interface="dock"][data-control-style="rounded"] .dock-menubar summary,
html[data-interface="dock"][data-control-style="rounded"] .dock-menu-popup :is(a, button, label){ border-radius:5px; }