/* The integration never changes another project's layout. */
.goroda-project-nav{display:flex;align-items:center;gap:4px;margin:0 4px}
.goroda-project-nav small{font-size:10px;opacity:.7;margin-right:3px}
.goroda-project-nav button{padding:5px 10px;min-height:28px}
.goroda-project-nav button[aria-pressed="true"]{background:var(--green,#15765e);color:white}
#goroda-board{flex:1;min-width:0;min-height:0;padding:0;margin:0;overflow:hidden;border:0;border-radius:0;box-shadow:none}
#goroda-board[hidden]{display:none!important}
#goroda-frame{display:block;width:100%;height:100%;border:0;border-radius:0;background:var(--bg,#f7f8fa)}
.goroda-state{padding:20px;max-width:600px}
body.goroda-open #workspace>main{padding:0!important;overflow:hidden!important}
body.goroda-open main>.inbox,body.goroda-open #chat,body.goroda-open #empty{display:none!important}
@media(min-width:900px){html[data-layout="new"] #workspace>header .goroda-project-nav{order:3;display:grid;grid-template-columns:1fr 1fr;margin:0 4px 6px;padding:0 4px 6px;border-bottom:1px solid #ffffff22}html[data-layout="new"] .goroda-project-nav small{grid-column:1/-1;margin:0 0 2px}html[data-layout="new"] .goroda-project-nav button{width:100%;text-align:center}}
@media(max-width:899px){.goroda-project-nav small{display:none}.goroda-project-nav{margin:0;gap:2px}.goroda-project-nav button{padding:4px 8px}}

.goroda-city-filter{display:flex;gap:10px;align-items:center;padding:6px 8px}.goroda-city-filter button{padding:4px 8px}

/* 2.83: sections of «Сеть · Города» inside the CRM menu */
.goroda-sections{order:3;display:grid;gap:1px;margin:0 4px 8px 14px;padding-left:6px;border-left:2px solid color-mix(in srgb,currentColor 22%,transparent)}
.goroda-sections small{font-size:10px;letter-spacing:.6px;text-transform:uppercase;opacity:.7;padding:2px 6px 4px}
#workspace .goroda-sections button,.goroda-sections button{display:flex;align-items:center;gap:8px;text-align:left;background:transparent;border:0;border-radius:8px;padding:6px 8px;color:inherit;font-size:13px;min-height:30px;box-shadow:none;width:100%;justify-content:flex-start;white-space:normal;line-height:1.25}
#workspace .goroda-sections button:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
#workspace .goroda-sections button[aria-current="true"]{background:color-mix(in srgb,currentColor 16%,transparent);font-weight:600}
.goroda-sections .goroda-ico{width:16px;text-align:center;opacity:.85;flex:none}
@media(max-width:899px){.goroda-sections{display:none!important}}

/* 2.83.1: folded side menu (64 px): ЦО / Сеть stacked, sections as icons with a tooltip */
html[data-layout="new"][data-side="mini"] #workspace>header .goroda-project-nav{grid-template-columns:1fr;gap:4px;margin:0 0 6px;padding:0 0 6px}
html[data-layout="new"][data-side="mini"] .goroda-project-nav small{display:none}
html[data-layout="new"][data-side="mini"] .goroda-project-nav button{padding:4px 0;font-size:11px;min-height:26px;width:100%}
html[data-layout="new"][data-side="mini"] .goroda-sections{margin:0 0 8px;padding:0;border-left:0}
html[data-layout="new"][data-side="mini"] .goroda-sections small{display:none}
html[data-layout="new"][data-side="mini"] #workspace .goroda-sections button{justify-content:center;padding:7px 0;gap:0}
html[data-layout="new"][data-side="mini"] .goroda-sections button>span:not(.goroda-ico){display:none}
html[data-layout="new"][data-side="mini"] .goroda-sections .goroda-ico{width:auto;font-size:15px}