.cms-menu-workspace{display:grid;grid-template-columns:240px minmax(320px,1fr) 240px;gap:22px;align-items:start;color:#223e49}.cms-menu-guide{grid-column:1/-1;background:linear-gradient(110deg,#edf7f4,#f9fbfc);border:1px solid #d9e7e4;border-radius:16px;padding:26px 30px}.cms-menu-guide>span{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#147269}.cms-menu-guide h2{margin:9px 0;font-size:24px}.cms-menu-guide p{margin:0;color:#61767e;font-size:14px}
.cms-menu-rail{display:grid;gap:7px;padding:10px;border:1px solid #dce6e9;border-radius:14px;background:white}.cms-menu-rail button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;padding:14px 10px;color:inherit;font:inherit;cursor:pointer}.cms-menu-rail button[aria-current=true]{background:#eef7f5;border-color:#b8d9d2;color:#0a655a}.cms-menu-rail button>span:nth-child(2){flex:1}.cms-menu-rail strong{display:block;font-size:13px;line-height:1.4}.cms-menu-rail small{display:block;color:#758890;font-size:11px;margin-top:5px}.cms-menu-number{font-size:11px;color:#8a9da4}.cms-menu-rail button:hover{background:#f1f7f8}
.cms-menu-workspace .cms-menu-content{grid-column:2;grid-row:2;margin:0;border:1px solid #dce6e9;border-radius:14px;padding:24px;background:white;box-shadow:0 6px 24px #1b3d5005}.cms-menu-content[hidden]{display:none!important}.cms-menu-content>h2{font-size:18px;margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid #e3ebee}
.cms-menu-content .cms-menu-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;padding:18px 0;border-bottom:1px solid #edf1f3;margin-top:0!important}.cms-menu-content label{font-size:12px;font-weight:600;color:#5e747c}.cms-menu-content input:not([type=checkbox]){display:block;box-sizing:border-box;width:100%;min-height:44px;margin-top:7px;padding:11px 12px;border:1px solid #cbd9df;border-radius:8px;color:#213c47;background:#fff;font:inherit;font-size:14px}.cms-menu-content input:focus{outline:2px solid #14726940;outline-offset:2px;border-color:#147269}.cms-menu-content .cms-menu-switch{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.cms-menu-switch input{appearance:none;width:35px;height:21px;border-radius:20px;background:#ccd8dc;position:relative;cursor:pointer;flex:none}.cms-menu-switch input:checked{background:#167368}.cms-menu-switch input:before{content:'';position:absolute;background:#fff;top:3px;left:3px;width:15px;height:15px;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}.cms-menu-switch input:checked:before{transform:translateX(14px)}
.cms-menu-content .btn{border-radius:7px;min-height:35px;font-size:12px}.cms-menu-content .cms-menu-order{margin:14px 0}.cms-menu-content .cms-menu-remove{color:#9b4444;background:#fff6f5;border-color:#ecd8d4}.cms-menu-content [data-extra-add]{background:#eff7f5;color:#166c61;border:1px solid #c3dfd9}.cms-menu-primary{background:#126d63!important;border:1px solid #126d63!important;border-radius:8px!important;color:#fff!important;min-height:44px;padding:12px 20px!important}.cms-menu-workspace>[data-nav-save]{grid-column:2;justify-self:start}.cms-menu-workspace>[data-nav-status]{grid-column:2;margin:0;color:#5a7077}.cms-menu-content p:has([data-extra-add]){display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.cms-menu-content [role=status]{font-size:13px;color:#176d62}
.cms-menu-preview{grid-column:3;grid-row:2;background:#132d47;border:1px solid #233d58;border-radius:14px;padding:22px;color:white;position:sticky;top:20px}.cms-menu-preview h2{font-size:16px;margin:0 0 8px}.cms-menu-preview>p,.cms-menu-preview>small{font-size:12px;line-height:1.6;color:#b8cbd7}.cms-menu-preview h3{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#92b7c1;margin:24px 0 12px}.cms-menu-preview-link{display:flex;gap:10px;padding:11px 0;font-size:13px;border-bottom:1px solid #ffffff12;overflow-wrap:anywhere}.cms-menu-preview-link span{color:#5cc6b4}.cms-menu-preview>small{display:block;margin-top:22px}.cms-menu-hidden{padding:20px 0;font-size:13px;color:#b8cbd7}
@media(max-width:1250px){.cms-menu-workspace{grid-template-columns:200px minmax(0,1fr)}.cms-menu-preview{grid-row:3;grid-column:2;position:static}}@media(max-width:760px){.cms-menu-workspace{display:flex;flex-direction:column;gap:16px}.cms-menu-workspace>*{width:100%;box-sizing:border-box}.cms-menu-rail{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px;overflow:auto}.cms-menu-guide{padding:22px}.cms-menu-guide h2{font-size:21px}.cms-menu-workspace .cms-menu-content{padding:18px}.cms-menu-content .cms-menu-row{grid-template-columns:minmax(0,1fr)}.cms-menu-preview{position:static}.cms-menu-rail button{padding:10px 7px}.cms-menu-number{display:none}}

.cms-menu-preview h2{color:#fff}.cms-menu-content select{display:block;width:100%;min-height:44px;margin-top:7px;padding:10px;border:1px solid #cbd9df;border-radius:8px;background:white;color:#213c47;font:inherit;font-size:13px;max-width:100%}.cms-menu-content input[hidden]{display:none!important}