/* ------------------------------------------------------------------------------------------
   AutoCAD arayüzü (acadui.js, v8.9.17) — yalnız body.acad: klavye-fare kipi + geniş ekran.
   Kullanıcı kararı: AutoCAD koyu tema (koyu gri şerit ve çubuklar, mavi vurgu, koyu çizim alanı).
   Mobil kip ve dar ekrandaki klavye-fare kipi bu dosyadan ETKİLENMEZ: her kural body.acad altındadır
   (yalnız #acadUi ve kardeşlerinin öntanımlı "gizli" kuralı dışarıdadır).
   ------------------------------------------------------------------------------------------ */
#acadUi, #acadVpEtiket, #acadKup, #acadNav, #acadDuzenler, #acadModel, #acadStSag { display: none; }

/* Tema: arayüzün bütün yüzeyleri (paneller, menüler, diyaloglar da) AutoCAD koyu temasının tonlarını alır */
body.acad, body.acad[data-theme] {
  --ac-title: #252a31; --ac-tabs: #2b3139; --ac-ribbon: #3b4351; --ac-ptitle: #333a46; --ac-hover: #4a5568; --ac-edge: #20252c; --ac-input: #262b33;
  --ac-blue: #0696d7; --ac-blue-soft: rgba(6, 150, 215, .22); --ac-txt: #e6e9ee; --ac-txt2: #b6bfcb;
  --bg: #212830; --bar: #2b3139; --panel: #323944; --fg: var(--ac-txt); --muted: var(--ac-txt2); --line: #4a5361; --btn: #3b4351; --btn-on: #2a4f6e;
  --accent: var(--ac-blue); --accent-fg: #ffffff; --cad-hi: #5bc8f5; --cad-dim: #9fb3c8; --radius: 3px; --shadow: 0 4px 16px rgba(0, 0, 0, .55);
}
body.acad { font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; }

/* ---- yerleşim: üstte AutoCAD kabuğu, ortada çizim, altta durum çubuğu (Model / düzen sekmeleri onun solunda) ---- */
body.acad #app { grid-template-rows: auto minmax(0, 1fr) auto; grid-template-areas: "acad" "main" "st"; }
body.acad #acadUi { grid-area: acad; display: flex; flex-direction: column; min-width: 0; background: var(--ac-tabs); color: var(--ac-txt); border-bottom: 1px solid var(--ac-edge); position: relative; z-index: 20; padding-top: var(--safe-top); }
body.acad #topbar, body.acad #toolbar, body.acad #layoutTabs, body.acad #stQuick > :not([data-quick="kbm"]), body.acad #cmdShow, body.acad #tour { display: none !important; }   /* tanıtım turu mobil şeridi anlatır */
body.acad.homemode #acadUi, body.acad.docmode #acadUi { display: none !important; }
body.acad #acadUi button { font: inherit; color: inherit; cursor: default; }
body.acad #acadUi svg.ic { fill: currentColor; }

/* başlık çubuğu: uygulama düğmesi · Hızlı Erişim Araç Çubuğu · dosya adı · arama */
.ac-baslikcubugu { display: flex; align-items: center; gap: 2px; height: 32px; padding: 0 6px 0 0; background: var(--ac-title); }
.ac-app { display: flex; align-items: center; gap: 2px; height: 32px; padding: 0 6px 0 8px; border: 0; background: #1f6fa8; color: #fff !important; }
.ac-app b { font: 800 13px/1 system-ui, sans-serif; letter-spacing: .5px; }
.ac-app:hover { background: #2581c2; }
.ac-app .ac-ok { width: 10px; height: 10px; }
.ac-qat { display: flex; align-items: center; gap: 1px; padding: 0 6px; }
.ac-q { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 1px solid transparent; border-radius: 2px; background: transparent; }
.ac-q svg.ic { width: 17px; height: 17px; }
.ac-q .ac-ad { display: none; }
.ac-q:hover, .ac-n:hover, .ac-stsag button:hover { background: var(--ac-hover); border-color: #5d6b80; }
.ac-baslik { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; align-items: baseline; gap: 10px; font-size: 12.5px; white-space: nowrap; overflow: hidden; }
.ac-urun { color: var(--ac-txt2); }
.ac-dosyaadi { color: var(--ac-txt); font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
.ac-ara { display: flex; align-items: center; gap: 4px; height: 22px; width: 220px; padding: 0 6px; border: 1px solid #47505d; border-radius: 2px; background: var(--ac-input); color: var(--ac-txt2); }
.ac-ara svg.ic { width: 14px; height: 14px; }
.ac-ara input { flex: 1 1 auto; min-width: 0; height: 20px; border: 0; outline: 0; background: transparent; color: var(--ac-txt); font: 12px system-ui, sans-serif; }
.ac-ara:focus-within { border-color: var(--ac-blue); }

/* şerit sekmeleri */
.ac-sekmeler { display: flex; align-items: flex-end; gap: 1px; height: 27px; padding: 0 6px; background: var(--ac-tabs); }
.ac-sekmeler [data-ac-tab] { height: 24px; padding: 0 13px; border: 0; border-radius: 2px 2px 0 0; background: transparent; color: var(--ac-txt2) !important; font-size: 12.5px !important; }
.ac-sekmeler [data-ac-tab]:hover { color: var(--ac-txt) !important; background: #343b46; }
.ac-sekmeler [data-ac-tab].on { background: var(--ac-ribbon); color: #fff !important; box-shadow: inset 0 2px 0 var(--ac-blue); }
.ac-kucult { margin-left: 4px; width: 22px; height: 22px; padding: 0; border: 0; background: transparent; color: var(--ac-txt2) !important; align-self: center; }
.ac-kucult svg.ic { width: 12px; height: 12px; transform: rotate(180deg); }
body.acad-min .ac-kucult svg.ic { transform: none; }

/* şerit gövdesi: başlıklı paneller */
.ac-serit { display: flex; align-items: stretch; height: 96px; background: var(--ac-ribbon); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; border-top: 1px solid #454e5c; }
.ac-serit::-webkit-scrollbar { display: none; }
body.acad-min .ac-serit { display: none; }
body.acad-min #acadUi.pop .ac-serit { display: flex; position: absolute; left: 0; right: 0; top: 100%; box-shadow: var(--shadow); z-index: 30; }
.ac-panel { display: flex; flex-direction: column; flex: 0 0 auto; border-right: 1px solid var(--ac-edge); box-shadow: 1px 0 0 #485263; }
.ac-pgovde { flex: 1 1 auto; display: flex; align-items: flex-start; gap: 2px; padding: 3px 3px 0; }
.ac-pbaslik { display: flex; align-items: center; justify-content: center; gap: 4px; height: 19px; padding: 0 8px; border: 0; background: var(--ac-ptitle); color: var(--ac-txt2) !important; font-size: 11.5px !important; white-space: nowrap; }
.ac-pbaslik[data-ac-ek]:hover { background: var(--ac-hover); color: var(--ac-txt) !important; }
.ac-pbaslik .ac-ok { width: 9px; height: 9px; }
.ac-b { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 2px; width: auto; min-width: 44px; max-width: 78px; height: 70px; padding: 3px 2px 0; border: 1px solid transparent; border-radius: 2px; background: transparent; }
.ac-b svg.ic { width: 30px; height: 30px; flex: 0 0 auto; }
.ac-b .ac-ad { font-size: 11.5px; line-height: 1.15; text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: normal; word-break: keep-all; padding: 0 2px; }
.ac-sutun { display: flex; flex-direction: column; gap: 1px; padding-top: 1px; }
.ac-sutun.ac-genis { gap: 3px; }
.ac-k { display: flex; align-items: center; gap: 4px; height: 22px; padding: 0 4px 0 2px; border: 1px solid transparent; border-radius: 2px; background: transparent; white-space: nowrap; font-size: 12px !important; text-align: left; }
.ac-k svg.ic { width: 16px; height: 16px; }
.ac-s { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 22px; padding: 0; border: 1px solid transparent; border-radius: 2px; background: transparent; }
.ac-s svg.ic { width: 16px; height: 16px; }
.ac-s .ac-ad { display: none; }
.ac-b:hover, .ac-k:hover, .ac-s:hover, .ac-combo:hover { background: var(--ac-hover); border-color: #5d6b80; }
.ac-b:active, .ac-k:active, .ac-s:active, .ac-q:active, .ac-n:active { background: var(--ac-blue-soft); border-color: var(--ac-blue); }
.ac-k.on, .ac-s.on, .ac-b.on { background: var(--ac-blue-soft); border-color: #3b7fae; }
.ac-satir { display: grid; grid-template-columns: repeat(4, 24px); gap: 1px 2px; }
.ac-combo { display: flex; align-items: center; gap: 6px; width: 150px; height: 22px; padding: 0 4px 0 5px; border: 1px solid #4f5866; border-radius: 2px; background: var(--ac-input); font-size: 12px !important; text-align: left; }
.ac-combo .ac-ad { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ac-combo .ac-ok { width: 10px; height: 10px; color: var(--ac-txt2); }
.ac-renk { display: inline-block; flex: 0 0 auto; width: 12px; height: 12px; border: 1px solid #8792a2; background: transparent; }
/* dar ekran: önce küçük düğmelerin adı kalkar (AutoCAD şeridinin daralması), sonra şerit kayar */
.ac-serit.dar .ac-k .ac-ad { display: none; }
.ac-serit.dar .ac-k { padding: 0 3px; }
.ac-serit.dar .ac-b { max-width: 60px; }

/* dosya sekmeleri */
.ac-dosyalar { display: flex; align-items: flex-end; gap: 1px; height: 26px; padding: 0 4px; background: var(--ac-title); border-top: 1px solid var(--ac-edge); }
body.ac-no-files .ac-dosyalar { display: none; }
.ac-dsekme { display: flex; align-items: center; gap: 6px; height: 23px; padding: 0 10px; border: 0; border-radius: 2px 2px 0 0; background: #303741; color: var(--ac-txt2) !important; font-size: 12px !important; }
.ac-dsekme:hover { background: #3a424e; color: var(--ac-txt) !important; }
.ac-dsekme.on { background: var(--bg); color: #fff !important; }
.ac-dsekme .ac-x { display: inline-flex; width: 16px; height: 16px; align-items: center; justify-content: center; border-radius: 2px; }
.ac-dsekme .ac-x:hover { background: #c4423c; }
.ac-dsekme .ac-x svg.ic { width: 11px; height: 11px; }
.ac-arti { padding: 0 6px; }
.ac-arti svg.ic { width: 14px; height: 14px; }

/* ---- çizim alanı denetimleri ---- */
body.acad #acadVpEtiket { display: flex; position: absolute; left: 4px; top: 2px; z-index: 6; gap: 0; }
#acadVpEtiket button { border: 0; padding: 1px 2px; background: transparent; color: #c9d1db; font: 12px "Segoe UI", system-ui, sans-serif; cursor: default; text-shadow: 0 0 3px rgba(0, 0, 0, .95), 0 0 6px rgba(0, 0, 0, .7); }   /* çizgilerin üstünde okunur kalsın */
#acadVpEtiket button:hover { color: var(--ac-blue); }
body.acad #acadKup { display: flex; flex-direction: column; align-items: center; position: absolute; right: 14px; top: 8px; z-index: 6; width: 112px; }
body.acad.mode3d #acadKup, body.acad.ac-no-cube #acadKup { display: none; }
.ac-kup-ev { align-self: flex-start; margin: 0 0 -10px 4px; width: 20px; height: 20px; padding: 0; border: 0; background: transparent; color: #aeb7c3; z-index: 1; }
.ac-kup-ev svg.ic { width: 15px; height: 15px; }
.ac-kup-ev:hover { color: var(--ac-blue); }
.ac-pusula { position: relative; width: 104px; height: 104px; border-radius: 50%; border: 9px solid rgba(110, 122, 138, .38); box-sizing: border-box; }
.ac-pusula span { position: absolute; font: 600 10px system-ui, sans-serif; color: #d2d8e0; transform: translate(-50%, -50%); }
.ac-pusula .k { left: 50%; top: -5px; } .ac-pusula .g { left: 50%; top: calc(100% + 4px); } .ac-pusula .d { left: calc(100% + 4px); top: 50%; } .ac-pusula .b { left: -5px; top: 50%; }
.ac-yuz { position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; transform: translate(-50%, -50%); border: 1px solid #7d8796; background: linear-gradient(#d9dee5, #b9c1cc); color: #2a313b; font: 700 10px system-ui, sans-serif; padding: 0; }
.ac-yuz:hover { background: linear-gradient(#9fd6f2, #6fbde4); }
.ac-wcs { margin-top: 6px; border: 0; padding: 1px 6px; background: rgba(52, 60, 72, .85); color: #d2d8e0; font: 600 10.5px system-ui, sans-serif; border-radius: 2px; }
body.acad #acadNav { display: flex; flex-direction: column; position: absolute; right: 8px; top: 150px; z-index: 6; padding: 3px 2px; gap: 1px; border-radius: 3px; background: rgba(52, 60, 72, .82); border: 1px solid rgba(20, 24, 30, .6); }
body.acad.mode3d #acadNav { top: 168px; }
body.acad.ac-no-nav #acadNav { display: none; }
.ac-n { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border: 1px solid transparent; border-radius: 2px; background: transparent; color: #d6dce4; }
.ac-n svg.ic { width: 16px; height: 16px; }
.ac-n .ac-ad { display: none; }
body.acad #navFabs > :not(#gpsBtn) { display: none !important; }

/* ---- komut satırı: çizimin altında yüzen, yarı saydam (AutoCAD'in yüzen komut satırı) ---- */
body.acad .cmdbar { left: 10px; right: 46px; bottom: 6px; border: 1px solid #1d2229; border-radius: 3px; background: rgba(55, 63, 76, .94); opacity: 1; padding: 2px 6px; box-shadow: 0 2px 10px rgba(0, 0, 0, .35); }
body.acad .cmdbar #cmdText { color: #e6e9ee; font-weight: 400; font-family: "Segoe UI", system-ui, sans-serif; }
body.acad .cmdbar.idle #cmdText::before { content: "▸_ "; color: var(--ac-blue); font-weight: 700; }
body.acad .cmd-in input { border-radius: 2px; border-color: #4a5361; background: var(--ac-input); }
body.acad .cmd-in input:focus { border-color: var(--ac-blue); box-shadow: none; }
body.acad .cmd-in button, body.acad #cmdBtns button { border-radius: 2px; background: #434c5a; border-color: #4f5967; }
body.acad .cmd-in button.primary, body.acad #cmdBtns button.primary { background: var(--ac-blue); border-color: var(--ac-blue); color: #fff; }
body.acad .cmd-log:not([hidden]) { left: -1px; right: -1px; bottom: calc(100% + 1px); border: 1px solid rgba(29, 34, 41, .7); border-radius: 3px 3px 0 0; background: rgba(43, 49, 58, .78); color: #c3cad4; font-family: Consolas, ui-monospace, monospace; }
body.acad .cmd-sug { border-radius: 3px; }

/* ---- durum çubuğu: Model / düzen sekmeleri solda, koordinat, MODEL, simgeli çizim yardımcıları, ayar ---- */
body.acad #statusbar { gap: 4px; min-height: 30px; padding-top: 1px; padding-bottom: calc(1px + var(--safe-bottom)); background: var(--ac-tabs); border-top: 1px solid var(--ac-edge); font-family: "Segoe UI", system-ui, sans-serif; }
body.acad #acadDuzenler { display: flex; align-items: stretch; gap: 1px; height: 26px; flex: 0 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; }
body.acad.ac-no-layouts #acadDuzenler { display: none; }
#acadDuzenler button { border: 0; padding: 0 12px; border-radius: 0 0 2px 2px; background: #323944; color: var(--ac-txt2); font-size: 12px; white-space: nowrap; cursor: default; }
#acadDuzenler button:hover { background: #3a424e; color: var(--ac-txt); }
#acadDuzenler button.on { background: var(--ac-ribbon); color: #fff; box-shadow: inset 0 -2px 0 var(--ac-blue); }
body.acad .st-info { display: flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0; overflow: hidden; margin-left: 10px; font-size: 12px; color: var(--ac-txt2); }
body.acad #stCoord { color: var(--ac-txt); }
body.acad #acadModel { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border: 1px solid transparent; border-radius: 2px; background: transparent; color: var(--ac-txt); font: 600 11.5px system-ui, sans-serif; letter-spacing: .3px; cursor: default; }
body.acad #acadModel:hover { background: var(--ac-hover); }
body.acad .st-kbm:not([hidden]) { margin-left: 0; gap: 0; }
body.acad .st-kbm button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 26px; padding: 0; border-radius: 2px; color: #aeb7c3; }
body.acad .st-kbm button .sb-ad { display: none; }
body.acad .st-kbm button .ac-sbic { width: 18px; height: 18px; }
body.acad .st-kbm button:hover { background: var(--ac-hover); color: #fff; }
body.acad .st-kbm button.on { color: var(--ac-blue); background: var(--ac-blue-soft); box-shadow: none; }
body.acad .st-kbm button.ac-gizli { display: none; }
.st-kbm button .ac-sbic { display: none; }
body.acad .st-kbm button .ac-sbic { display: inline-block; }
/* AutoCAD durum çubuğu sırası: ızgara, yakalama, dinamik giriş, ortho, kutupsal, nesne yakalama izi, nesne yakalama, kalınlık, seçim döngüsü */
body.acad #stKbm [data-sb="grid"] { order: 1; } body.acad #stKbm [data-sb="snap"] { order: 2; } body.acad #stKbm [data-sb="dyn"] { order: 3; }
body.acad #stKbm [data-sb="ortho"] { order: 4; } body.acad #stKbm [data-sb="polar"] { order: 5; } body.acad #stKbm [data-sb="otrack"] { order: 6; }
body.acad #stKbm [data-sb="osnap"] { order: 7; } body.acad #stKbm [data-sb="lwt"] { order: 8; } body.acad #stKbm [data-sb="selcycle"] { order: 9; }
body.acad .ac-stsag { display: flex; align-items: center; gap: 0; }
.ac-stsag button { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 26px; padding: 0; border: 1px solid transparent; border-radius: 2px; background: transparent; color: #aeb7c3; cursor: default; }
.ac-stsag button svg.ic { width: 17px; height: 17px; }
body.acad #stScale { border-radius: 2px; background: transparent; color: var(--ac-txt); }
body.acad.st-two #statusbar { flex-direction: row; flex-wrap: nowrap; }
body.acad.st-two .st-info { flex: 1 1 auto; }   /* app.css'teki kbm.st-two %100 genişliği tek satırlı masaüstü çubuğunda düzen sekmelerini sıfıra sıkıştırırdı */

/* ---- açılır menüler (uygulama menüsü, panel ekleri, katman kutusu, görünüm etiketi) ---- */
.ac-menu { position: fixed; z-index: 1000; min-width: 190px; max-height: min(70vh, 560px); overflow-y: auto; padding: 3px 0; background: #3b4351; border: 1px solid #1d2229; box-shadow: 0 6px 18px rgba(0, 0, 0, .5); color: #e6e9ee; font: 12.5px "Segoe UI", system-ui, sans-serif; }
.ac-menu button { display: flex; align-items: center; gap: 8px; width: 100%; height: 25px; padding: 0 22px 0 8px; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; white-space: nowrap; cursor: default; position: relative; }
.ac-menu button:hover { background: var(--ac-blue, #0696d7); color: #fff; }
.ac-menu button.off { opacity: .45; }
.ac-menu svg.ic { width: 16px; height: 16px; fill: currentColor; }
.ac-menu .ac-bos { display: inline-block; width: 16px; }
.ac-menu .ac-tik { position: absolute; right: 6px; width: 13px; height: 13px; }
.ac-menu .ac-sep { height: 1px; margin: 3px 6px; background: #545e6d; }
.ac-menu.ac-appmenu { min-width: 250px; padding: 6px 0; }
.ac-menu.ac-appmenu button { height: 30px; font-size: 13px; }
.ac-menu.ac-appmenu svg.ic { width: 20px; height: 20px; }

/* ---- sağ tık menüsü (imleç yanı, editor.js ctxMenuAt / selMenu / komutMenuAt): AutoCAD bağlam menüsü görünümü ---- */
body.acad #docPanel.imlec-menu { border-radius: 0; border: 1px solid #1d2229; background: #3b4351; box-shadow: 0 6px 18px rgba(0, 0, 0, .5); }
body.acad #docPanel.imlec-menu .panel-head { display: none; }
body.acad #docPanel.imlec-menu .panel-body { padding: 3px 0; }
body.acad #docPanel.imlec-menu .list .item, body.acad #docPanel.imlec-menu .sel-grid .os-card { min-height: 24px; padding: 2px 22px 2px 8px; border-radius: 0; font-size: 12.5px; }
body.acad #docPanel.imlec-menu .list .item:hover, body.acad #docPanel.imlec-menu .sel-grid .os-card:hover { background: var(--ac-blue); color: #fff; }
body.acad #docPanel.imlec-menu .list .item:hover svg.ic, body.acad #docPanel.imlec-menu .sel-grid .os-card:hover svg.ic { color: #fff; }
body.acad #docPanel.imlec-menu .ctx-menu .item svg.ic, body.acad #docPanel.imlec-menu .sel-grid .os-card svg.ic { width: 16px; height: 16px; }
body.acad #docPanel.imlec-menu .item.sub::after { content: "▸"; position: absolute; right: 8px; color: var(--ac-txt2); }
body.acad #docPanel.imlec-menu .item { position: relative; }
body.acad #docPanel.imlec-menu .sep { height: 1px; min-height: 1px; margin: 3px 6px; padding: 0; border: 0; background: #545e6d; }
body.acad #docPanel.imlec-menu { width: auto; min-width: 210px; max-width: 320px; }
body.acad #docPanel.imlec-menu .list .item { border-bottom: 0; }
/* kullanım kipi düğmesi (Mobil ↔ Klavye ve fare) durum çubuğunun sağında kalır: AutoCAD'deki çalışma alanı düğmesinin yeri */
body.acad #stQuick { order: 20; gap: 0; }
body.acad #acadStSag { order: 21; }
body.acad #stQuick button { width: 28px; height: 26px; border-radius: 2px; color: #aeb7c3; }
body.acad #stQuick button svg.ic { width: 17px; height: 17px; }
body.acad #stQuick button.on { color: var(--ac-blue); background: var(--ac-blue-soft); }

/* Web: kilitli (ücretli) komutların köşe noktası — mobil şeritteki altın şeridin masaüstü eşi (edition.js lockAttr → data-need; acadui.js dugme).
   Nokta basamağın rengidir (--t: app.css [data-need]); düğme hâlâ tıklanır (satış kutusu açar) ama kilitli olduğu bellidir. */
.ac-b[data-need], .ac-k[data-need], .ac-s[data-need], .ac-q[data-need] { position: relative; }
.ac-b[data-need]::after, .ac-k[data-need]::after, .ac-s[data-need]::after, .ac-q[data-need]::after { content: ''; position: absolute; top: 3px; right: 3px; width: 7px; height: 7px; border-radius: 50%; background: var(--t, #f5b342); box-shadow: 0 0 0 1px rgba(0, 0, 0, .35); pointer-events: none; }
.ac-b[data-need] > svg.ic, .ac-k[data-need] > svg.ic, .ac-s[data-need] > svg.ic, .ac-q[data-need] > svg.ic { opacity: .72; }
/* Web: uygulama menüsü (DWG ▾) satırlarında aynı kilit noktası (Yeni · Kaydet · Farklı kaydet · DXF · Yayımla · Çiz · Temizle …) */
.ac-menu button[data-need]::after { content: ''; width: 7px; height: 7px; margin-left: auto; border-radius: 50%; background: var(--t, #f5b342); box-shadow: 0 0 0 1px rgba(0, 0, 0, .35); flex: 0 0 auto; }
.ac-menu button[data-need] > svg.ic { opacity: .72; }