/* A product preview: one navigation rail and one working area. */
.homepage .cabinet-showcase {margin-top:64px}
.homepage .cabinet-showcase>h2 {margin-bottom:24px;max-width:none}
.cabinet-demo {display:grid;grid-template-columns:248px minmax(0,1fr);min-width:0;border:1px solid #e0e5dd;border-radius:21px;overflow:hidden;background:#fafbf8;scroll-margin-top:24px}
.cabinet-sidebar {padding:25px 14px;background:#2e3b30;color:#fff}
.cabinet-sidebar>h3 {font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.035em;padding:0 11px;margin:0 0 29px}
.cabinet-nav-label {display:block;padding:0 11px;margin-bottom:12px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#c1cbb9}
.cabinet-nav {display:flex;flex-direction:column;gap:6px;min-width:0}
.cabinet-nav-tab {display:flex;align-items:center;gap:12px;min-height:53px;min-width:0;padding:12px 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:#f5f7f2;text-align:left;font-size:14px;line-height:1.35}
.cabinet-nav-tab>.icon {width:23px;height:23px;flex:none;stroke-width:1.6}
.cabinet-nav-tab:hover {background:#ffffff10}
.cabinet-nav-tab[aria-selected=true] {color:#2b352c;background:#f8e174;border-color:#f8e174;font-weight:600}
.cabinet-nav-tab:focus-visible {outline:2px solid #fff;outline-offset:-4px}
.cabinet-content {display:flex;flex-direction:column;min-width:0;min-height:530px;padding:26px 28px 20px;background:#fafbf8}
.cabinet-header {display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-height:65px}
.cabinet-header>div {min-width:0}
.cabinet-header h3 {font-size:25px;font-weight:600;line-height:1.2;letter-spacing:-.04em}
.cabinet-header p {margin-top:6px;color:#6d7966;font-size:15px;line-height:1.4}
.cabinet-example-label {flex:none;color:#7b8675;font-size:12px;line-height:1.4;padding-top:4px}
.homepage .cabinet-showcase .cabinet-panel {padding:0;min-width:0;min-height:0;flex:1}
.cabinet-showcase [hidden] {display:none!important}
.homepage .cabinet-showcase .cabinet-thread {display:flex;flex-direction:column;gap:15px;min-height:295px;max-height:330px;overflow-y:auto;overscroll-behavior:contain;padding:10px 0 6px;scrollbar-width:thin;scrollbar-color:#c2ccba transparent}
.homepage .cabinet-showcase .message {max-width:82%;gap:5px;flex:none}
.homepage .cabinet-showcase .message-author {font-size:12px;font-weight:550;color:#607055;line-height:1.3;padding:0 3px}
.homepage .cabinet-showcase .message p {margin:0;padding:12px 16px;background:#edf0e9;color:#2c382d;border-radius:13px;font-size:16px;line-height:1.4;overflow-wrap:anywhere}
.homepage .cabinet-showcase .message--parent p {background:#f9edb4}
.cabinet-compose-wrap {margin-top:auto}
.cabinet-composer {display:flex;align-items:center;gap:10px;min-width:0;min-height:60px;padding:6px;border:1px solid #c7d0bd;border-radius:12px;background:#fff}
.cabinet-composer:focus-within {border-color:#6d7f5c;box-shadow:0 0 0 2px #6d7f5c16}
.cabinet-composer textarea {display:block;min-width:0;width:100%;height:44px;min-height:44px;max-height:110px;padding:12px 0;border:0;outline:0;background:transparent;resize:vertical;font-size:15px;line-height:1.35;color:var(--ink)}
.cabinet-composer textarea::placeholder {color:#7f8a77}
.cabinet-attach,.cabinet-send {display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:9px}
.cabinet-attach {background:transparent;color:#718262}
.cabinet-attach:hover {background:#f2f5ed}
.cabinet-send {background:#a44e39;color:#fff}
.cabinet-send:hover {background:#8d402e}
.cabinet-attach .icon {width:25px;height:25px;stroke-width:1.7}
.cabinet-send .icon {width:24px;height:24px;stroke-width:1.6}
.cabinet-disclaimer {margin-top:10px;font-size:12px;line-height:1.4;color:#7b8675}
.cabinet-status {margin-top:9px;padding:8px 11px;background:#f1f4eb;border-radius:8px;font-size:12px;line-height:1.5;color:#536349;overflow-wrap:anywhere}
.cabinet-panel-lead {font-size:16px;line-height:1.5;color:#6b7862;margin:7px 0 22px}
.cabinet-specialists {display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cabinet-specialist {display:flex;justify-content:space-between;align-items:center;gap:14px;min-width:0;min-height:96px;padding:17px;border:1px solid #dce3d5;border-radius:12px;background:#fff;color:var(--ink);text-align:left}
.cabinet-specialist>span {display:grid;gap:7px;min-width:0}
.cabinet-specialist strong {font-size:15px;line-height:1.35;font-weight:550}
.cabinet-specialist>span>span {font-size:12px;color:#79866d;line-height:1.4}
.cabinet-specialist>.icon {width:18px;height:18px;flex:none}
.cabinet-specialist:hover {background:#f5f7f0;border-color:#a9b79c}
.cabinet-empty-state {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:17px;min-height:345px;max-width:540px;padding:8px 0 24px}
.cabinet-state-icon {display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:#edf1e6;color:#6a7d56}
.cabinet-state-icon .icon {width:29px;height:29px;stroke-width:1.6}
.cabinet-empty-state h4 {font-size:23px;line-height:1.2;letter-spacing:-.035em;font-weight:550}
.cabinet-empty-state p {font-size:16px;line-height:1.55;color:#69765e}
.cabinet-showcase .cabinet-panel-action {margin:0 0 18px}
.cabinet-showcase .button {font-size:14px;min-height:46px;border-radius:10px;gap:20px}
.cabinet-record {padding:18px 0 24px}
.cabinet-record-heading {display:flex;align-items:center;gap:14px;margin-bottom:25px}
.cabinet-record-heading h4 {font-size:24px;font-weight:550;letter-spacing:-.03em;margin-bottom:4px}
.cabinet-record-heading>div>span {font-size:13px;color:#6e7e63}
.cabinet-record dl {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.cabinet-record dl>div {padding:17px 15px;border:1px solid #e1e7db;border-radius:12px;background:#fff}
.cabinet-record dt {font-size:12px;color:#79856f;margin-bottom:8px}
.cabinet-record dd {font-size:15px;line-height:1.4;margin:0;color:var(--ink)}
.cabinet-record>p {margin-top:22px;color:#6e7e63;font-size:14px;line-height:1.5}
.cabinet-record:focus {outline:none}
.cabinet-record:focus-visible {outline:2px solid #889b74;outline-offset:6px}
@media(max-width:1000px) {
  .cabinet-demo {grid-template-columns:222px minmax(0,1fr)}
  .cabinet-sidebar {padding-inline:10px}
  .cabinet-sidebar>h3 {font-size:20px}
  .cabinet-nav-tab {font-size:13px;gap:10px;padding-inline:10px}
  .cabinet-content {padding-inline:23px}
  .cabinet-header h3 {font-size:23px}
  .cabinet-example-label {font-size:11px}
  .cabinet-specialists {grid-template-columns:1fr;gap:10px}
  .cabinet-specialist {min-height:67px;padding:12px 14px}
  .cabinet-specialist>span {gap:4px}
  .cabinet-record dl {grid-template-columns:1fr}
  .cabinet-record dl>div {padding:12px 15px}
}
@media(max-width:760px) {
  .homepage .cabinet-showcase {margin-top:46px}
  .homepage .cabinet-showcase>h2 {font-size:28px;max-width:340px;margin-bottom:20px}
  .cabinet-demo {grid-template-columns:1fr;border-radius:17px}
  .cabinet-sidebar {min-width:0;padding:17px 0 10px}
  .cabinet-sidebar>h3 {font-size:18px;margin:0 0 14px;padding:0 17px}
  .cabinet-nav-label {display:none}
  .cabinet-nav {flex-direction:row;gap:7px;padding:0 15px 6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#87917b #2e3b30;overscroll-behavior-x:contain}
  .cabinet-nav-tab {flex:0 0 auto;min-height:43px;font-size:13px;padding:10px 12px;gap:8px;white-space:nowrap;border-color:#60705a;border-radius:9px}
  .cabinet-nav-tab>.icon {width:18px;height:18px}
  .cabinet-content {min-height:450px;padding:19px 18px 16px}
  .cabinet-header {min-height:61px;gap:10px}
  .cabinet-header h3 {font-size:21px}
  .cabinet-header p {font-size:13px;margin-top:5px}
  .cabinet-example-label {font-size:10px;max-width:58px;padding-top:2px}
  .homepage .cabinet-showcase .cabinet-thread {min-height:275px;max-height:310px;gap:13px;padding:9px 0 16px}
  .homepage .cabinet-showcase .message {max-width:92%;gap:4px}
  .homepage .cabinet-showcase .message-author {font-size:11px}
  .homepage .cabinet-showcase .message p {font-size:14px;line-height:1.4;padding:10px 12px;border-radius:11px}
  .cabinet-composer {min-height:55px;gap:5px;padding:5px;border-radius:10px}
  .cabinet-composer textarea {font-size:16px;padding:12px 0}
  .cabinet-attach {width:30px;height:42px}
  .cabinet-send {width:42px;height:42px}
  .cabinet-attach .icon {width:22px;height:22px}
  .cabinet-send .icon {width:23px;height:23px}
  .cabinet-disclaimer {font-size:11px;margin-top:9px}
  .cabinet-panel-lead {font-size:14px;margin:7px 0 18px}
  .cabinet-empty-state {min-height:300px;gap:16px;padding:6px 0 22px}
  .cabinet-empty-state h4 {font-size:21px}
  .cabinet-empty-state p {font-size:14px}
  .cabinet-specialist strong {font-size:14px}
  .cabinet-record {padding:14px 0 20px}
  .cabinet-record-heading {margin-bottom:20px}
  .cabinet-record dl {gap:10px}
  .cabinet-record dd {font-size:14px}
}
@media(max-width:360px) {
  .cabinet-content {padding-inline:14px}
  .cabinet-header h3 {font-size:19px}
  .cabinet-example-label {max-width:49px;font-size:9px}
  .homepage .cabinet-showcase .message p {font-size:13px}
}