.designer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:18px;margin:18px 0}.designer-grid>section{min-width:0}.designer-catalog{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto;padding:8px 2px}.designer-canvas{min-height:160px;max-height:540px;overflow:auto;border:1px dashed #777;border-radius:12px;padding:10px;list-style:none;margin:0}.designer-canvas li{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f4f6f7;border:1px solid #ddd;border-radius:8px;padding:10px;margin:6px 0;overflow-wrap:anywhere;cursor:grab}.order-controls{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.order-controls button{min-width:36px;min-height:36px;padding:5px 9px;margin:0}.catalog-item{text-align:left;white-space:normal!important;height:auto!important;min-height:40px;overflow-wrap:anywhere}.catalog-item[hidden]{display:none!important}[data-device-preview]{box-sizing:border-box;transition:width .15s}.workflow-form input,.workflow-form select,.workflow-form textarea{max-width:100%;box-sizing:border-box}.workflow-form label{display:block;margin:10px 0}.workflow-form textarea{width:100%}.workflow-form .helptext{display:block;overflow-wrap:anywhere}.status-list{display:flex;flex-wrap:wrap;gap:12px}.workflow-message{white-space:pre-wrap;overflow-wrap:anywhere}.workflow-form .errorlist{color:#8b1827}.panel pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.designer-grid{grid-template-columns:minmax(0,1fr)}.designer-catalog{max-height:220px}.designer-canvas li{flex-direction:column;align-items:flex-start}.order-controls button{min-height:44px;min-width:44px}.workflow-form .form-actions{display:flex;flex-wrap:wrap;gap:8px}.workflow-form .form-actions>*{max-width:100%;white-space:normal}}
.notification-menu{position:relative}.notification-menu summary{cursor:pointer;list-style:none;min-height:40px;padding:10px;border-radius:9px;font-weight:600}.notification-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:1000;width:330px;max-width:calc(100vw - 24px);max-height:min(480px,70dvh);overflow:auto;background:white;border:1px solid #ddd;box-shadow:0 10px 35px #0002;border-radius:12px;padding:12px}.notification-panel>a{display:block;padding:9px;border-bottom:1px solid #eee;overflow-wrap:anywhere}.notification-panel small{display:block}.notification-panel h2{font-size:1rem}@media(max-width:700px){.notification-panel{position:fixed;top:var(--notification-top,12px);left:12px;right:12px;width:auto;max-width:none}}