/* Actions (owner round 9, the HIG audit): the row overflow menu (overflow.js), the quiet text button, the Save in Company settings that lights up only
   once its panel changed, the More rows for the language and Switch company, the Contracts scans button, the property row's chevron, and the map's
   attribution line. The type scale, the 44 pt heights, the selected-segment style and the dark-theme contrast belong to the other round 9 stylesheets. */

/* ---- the "..." menu of a row: hangs from the inline end (the right in English, the left in Arabic), closes on Escape or a tap outside ---- */
.ovwrap{ position:relative; display:inline-flex; vertical-align:middle }
.ovbtn{ min-width:44px; min-height:44px; padding:0 10px }
.ovbtn svg{ width:22px; height:22px; fill:currentColor; stroke:none }
.ovmenu{ position:absolute; top:calc(100% + 4px); inset-inline-end:0; z-index:40; min-width:190px; padding:6px; border-radius:14px; background:var(--card); border:1px solid var(--line);
  box-shadow:0 10px 30px rgba(10,37,64,.18); display:flex; flex-direction:column; gap:2px }
.ovmenu[hidden]{ display:none }
.ovitem{ display:flex; align-items:center; width:100%; min-height:44px; padding:0 14px; border:0; border-radius:10px; background:transparent; color:var(--ink); font:inherit; font-size:calc(15px * var(--dt,1)); font-weight:500; text-align:start; cursor:pointer }
.ovitem:hover, .ovitem:focus-visible{ background:var(--line-soft) }
.ovitem.danger{ color:var(--clay-ink) }
.tw table .ovwrap, .ent-act .ovwrap{ margin-inline-start:auto }
@media(prefers-reduced-motion:no-preference){ .ovmenu{ animation:ovin .16s cubic-bezier(.2,.8,.2,1) } }
@keyframes ovin{ from{ opacity:0; transform:translateY(-4px) } to{ opacity:1; transform:none } }

/* ---- a quiet text button: the same box and height as a button, no fill and no edge, so a row reads as one filled action plus words ---- */
.btn.text, .btn.text:hover{ background:transparent; border-color:transparent; box-shadow:none; color:var(--nile-ink); font-weight:600; padding-inline:8px }
.btn.text.destructive, .btn.text.destructive:hover{ color:var(--clay-ink) }
html.native-ios .btn.text, html.native-ios .btn.text:hover{ background:transparent }
html[data-company-dark="true"] .btn.text, html[data-company-dark="true"] .btn.text:hover{ background:transparent; border-color:transparent }
.cc-act .btn.text{ padding-inline:10px }

/* ---- Company settings: a Save is quiet until something in its panel changed, then it is the panel's one tinted action; "Saved" takes its place after ---- */
.btn.quiet-save:disabled{ opacity:.55; pointer-events:none }
.btn[hidden]{ display:none }   /* a button drawn hidden (Save logo before a picture is chosen) stays hidden: the button's own display rule used to win over the attribute */
.saved-line{ margin:8px 0 0; font-size:calc(13px * var(--dt,1)); font-weight:600; color:var(--nile-ink) }

/* ---- More: the language switch and Switch company are rows like every other row ---- */
a.morerow{ text-decoration:none; color:inherit; box-sizing:border-box }
.morebrand .morerow{ width:100%; margin-top:10px; text-align:start }
.morerow-sub{ font-weight:500; font-size:calc(12.5px * var(--dt,1)); color:var(--muted) }

/* ---- Contracts: the scans button is a symbol with its word; the property page's row chevron opens the unit ---- */
.iconbtn svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:none }
.rowgo{ display:inline-flex; align-items:center; justify-content:center; width:44px; min-height:44px; margin:-11px 0; padding:0; border:0; background:transparent; color:var(--muted); font-size:calc(24px * var(--dt-cap,1)); line-height:1; direction:ltr; unicode-bidi:bidi-override; vertical-align:middle }
html[dir="rtl"] .rowgo{ transform:scaleX(-1) }
.rowgo:active{ opacity:.5 }

/* ---- the map's attribution link is a 28 pt line ---- */
.leaflet-control-attribution, .leaflet-control-attribution a{ min-height:28px; line-height:28px; display:inline-block }

/* ---- the language button in the web app bar belongs to the desktop; on a phone the switch is a row in More (the sign-in page keeps its own) ---- */
@media(max-width:900px){ .appbar #btnLang{ display:none } }