*{box-sizing:border-box}body{margin:0;font:14px/20px Arial,sans-serif;background:#f2f2f2;color:#222}
header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#191919;color:#fff}
.logo{font-weight:900;font-size:20px}.sub{color:#aaa;font-size:12px}#status{margin-left:auto;color:#ffb3b3;font-size:12px}
nav{display:flex;gap:8px;padding:10px 16px;background:#fff;border-bottom:1px solid #ddd}
nav button{padding:8px 14px;border:1px solid #ddd;background:#f7f7f7;border-radius:8px;cursor:pointer}
nav button.active{background:#e51b23;color:#fff;border-color:#e51b23;font-weight:700}
main{padding:12px 16px}
.grid{display:grid;grid-template-columns:360px 1fr;gap:12px}
.form{background:#fff;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}
label{display:flex;flex-direction:column;gap:4px;font-size:13px}
input,textarea{padding:8px;border:1px solid #ccc;border-radius:8px;font:inherit}
.row{display:flex;gap:8px;margin-top:8px}
button{padding:10px 14px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer}
button.primary{background:#e51b23;color:#fff;border-color:#e51b23;font-weight:700}
iframe{width:100%;min-height:640px;background:#fff;border:1px solid #ddd;border-radius:12px}
.contacts{display:grid;gap:8px}
.items-head{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.items-head button{padding:6px 10px;font-size:13px}
.item-card{border:1px solid #e0e0e0;border-radius:10px;margin-top:8px;background:#fafafa;position:relative}
.item-head{display:flex;align-items:center;gap:6px;padding:10px;cursor:pointer;user-select:none}
.item-head:hover{background:#f0f0f0}
.item-head .caret{color:#e51b23;font-weight:700;width:18px}
.item-head b{margin-right:auto;font-size:13px}
.item-head button{padding:4px 8px;font-size:13px;cursor:pointer}
.item-body{padding:0 10px 10px;display:flex;flex-direction:column;gap:6px}
.item-card.collapsed .item-body{display:none}
.item-card.collapsed .caret{transform:rotate(-90deg);display:inline-block}
.muted{color:#777;font-size:12px}
.form.narrow{max-width:420px}
.combo{position:relative}
.combo input{padding-right:30px}
.combo-btn{position:absolute;right:2px;top:2px;padding:6px 7px;font-size:11px;border:0;background:transparent;cursor:pointer;color:#888}
.combo-menu{position:absolute;left:0;right:0;top:calc(100% + 2px);z-index:20;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.14);display:none;overflow:hidden}
.combo-menu.open{display:block}
.combo-opt{padding:9px 10px;font-size:13px;cursor:pointer}
.combo-opt:hover,.combo-opt:active{background:#e51b23;color:#fff}
@media(max-width:900px){.grid{grid-template-columns:1fr}iframe{min-height:480px}}