.rail-action-visual{display:none}
/* Controls only. Do not style document annotations, navigation shell, forms or panels. */
.approved-controls :is(.commandbar,.viewer-tools,.selection-toolbar,.actions,dialog) button:where(:not(.primary):not([data-color-choice]):not(.color-swatch)){border:1px solid #cfdae8;border-radius:5px;background:#fbfdff;color:#173554}
.approved-controls :is(.commandbar,.viewer-tools,.selection-toolbar,.actions,dialog) button:where(:not(.primary)):hover{background:#edf5fb}
.approved-controls .tabs{gap:0;border-bottom:1px solid #cddbe7}
.approved-controls .tabs button{border:0;border-radius:0;border-bottom:3px solid transparent;background:transparent;color:#65728a;padding:11px 16px}
.approved-controls .tabs button.active,.approved-controls [role=tab][aria-selected=true]{color:#0877a2;background:transparent;border-bottom:3px solid #0877a2;font-weight:650}
.approved-controls .tabs button:hover{background:#f0f6fb}
.approved-controls .balloon-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #abc1d7;border-radius:6px;background:#fbfdff;flex-wrap:nowrap}
.approved-controls .balloon-tools>button,.approved-controls .balloon-tools>.bubble-number-menu{min-width:0;margin:0;border:0;border-radius:0;background:transparent}
.approved-controls .balloon-tools>button{padding:0;display:flex}
.approved-controls .balloon-tools>button+button,.approved-controls .balloon-tools>.bubble-number-menu{border-left:1px solid #d2deea}
.approved-controls .bubble-number-menu>summary{list-style:none;border:0;background:transparent;padding:0;border-radius:0;height:100%}
.approved-controls .bubble-number-menu>summary::-webkit-details-marker{display:none}
.approved-controls .original-action{display:none}
.approved-controls .rail-action-visual{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 7px;width:100%;height:100%;min-height:48px;color:#123354;font-size:11px;line-height:1.35;text-align:left}
.approved-controls .rail-action-visual svg{width:22px;height:22px;stroke-width:2}
.approved-controls .rail-chevron{font-size:18px;margin-left:auto}
.approved-controls .balloon-tools>button:hover,.approved-controls .bubble-number-menu>summary:hover{background:#eaf4fc}
.approved-controls .balloon-tools button:focus-visible,.approved-controls .bubble-number-menu>summary:focus-visible{outline:2px solid #0877a2;outline-offset:2px}
.approved-controls .bubble-number-menu .menu{min-width:175px}
.approved-controls .bubble-number-menu .menu{left:auto;right:0}
/* Adapt the segmented toolbar to the inspector width, not the window width. */
.approved-controls .balloon-tools{container-type:inline-size}
.approved-controls .rail-action-visual{min-width:0}
.approved-controls .rail-action-visual>span:first-of-type{min-width:0;overflow-wrap:anywhere}
.approved-controls .rail-action-visual svg{flex:0 0 22px}
.approved-controls .rail-chevron{flex:0 0 auto}
@container (max-width:480px){
 .approved-controls .balloon-tools>button,.approved-controls .balloon-tools>.bubble-number-menu{grid-column:span 2}
 .approved-controls .balloon-tools>button:nth-child(3){border-left:0;border-top:1px solid #d2deea}
 .approved-controls .balloon-tools>.bubble-number-menu{border-top:1px solid #d2deea}
 .approved-controls .rail-action-visual{justify-content:flex-start;min-height:44px;padding:9px 10px;font-size:11px;gap:8px}
 .approved-controls .rail-action-visual>span:first-of-type{overflow-wrap:normal}
}
.approved-controls .selection-toolbar .drawing-add-menu>summary,
.approved-controls .selection-toolbar>[data-action="align-notes"]{height:25px;min-height:25px;padding:4px 6px;font-size:10px;line-height:15px;border:1px solid #cfdae8;border-radius:5px;background:#fbfdff;color:#173554;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.approved-controls .selection-toolbar>[data-action="zones"],
.approved-controls .selection-toolbar>[data-action="extract-requirements"]{height:29px;min-height:29px;box-sizing:border-box}
.approved-controls .selection-toolbar>[data-action="size-all"]{display:none}

/* Selected-balloon actions live beside the drawing, directly before Add balloon. */
.approved-controls .selection-toolbar .balloon-tools{display:inline-flex;flex:0 0 auto;container-type:normal;margin:0;gap:0;width:auto;border-radius:4px;align-items:stretch}
.approved-controls .selection-toolbar .balloon-tools>button,.approved-controls .selection-toolbar .balloon-tools>.bubble-number-menu{width:30px;min-width:30px;border-top:0;grid-column:auto}
.approved-controls .selection-toolbar .balloon-tools>button+button,.approved-controls .selection-toolbar .balloon-tools>.bubble-number-menu{border-left:1px solid #d2deea}
.approved-controls .selection-toolbar .balloon-tools .rail-action-visual{padding:5px;min-height:26px;justify-content:center;gap:0}
.approved-controls .selection-toolbar .balloon-tools .rail-action-visual svg{width:15px;height:15px;flex:0 0 15px}
.approved-controls .selection-toolbar .balloon-tools .rail-action-visual>span{display:none}
.selection-toolbar:has(.bubble-number-menu[open]){position:relative;z-index:25;overflow:visible}
.selection-toolbar .bubble-number-menu .menu{left:0;right:auto;min-width:180px}

/* Keep icon tools compact; reveal their names without shifting the toolbar. */
.approved-controls .selection-toolbar .balloon-tools>button,
.approved-controls .selection-toolbar .balloon-tools>details>summary{position:relative;overflow:visible}
.approved-controls .selection-toolbar .balloon-tools :is(button,summary):is(:hover,:focus-visible)>.rail-action-visual>span:first-of-type{
 display:block;position:absolute;top:calc(100% + 6px);left:0;z-index:100;
 width:max-content;max-width:240px;padding:6px 9px;border:1px solid #c9d8e7;
 border-radius:5px;background:#fff;color:#123354;box-shadow:0 3px 10px #12335426;
 font-size:12px;line-height:1.4;white-space:nowrap;pointer-events:none;
}