.dock-management-shade{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0004;padding:16px;cursor:default}
.dock-management-dialog{display:flex;flex-direction:column;width:min(1010px,100%);height:min(720px,100%);background:#f0f0f0;border:1px solid #777;box-shadow:0 8px 28px #0005;overflow:hidden}
.dock-management-dialog>header{display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:3px 6px;background:#e1e8f0;border-bottom:1px solid #888;font:13px Tahoma,Arial,sans-serif}
.dock-management-dialog>header button{width:25px;min-height:22px;padding:0;font-size:16px}
.dock-management-dialog iframe{border:0;width:100%;flex:1;min-height:0;background:#f0f0f0}
.dock-management-content .app-main,.dock-management-content .content{padding:0!important;margin:0!important;max-width:none!important}
.dock-custom-manager{padding:8px;display:flex;flex-direction:column;min-height:calc(100vh - 2px);box-sizing:border-box}
.dock-custom-manager h1,.dock-module-manager h1{font-size:16px;margin:4px 0 12px}
.custom-editor-shell{display:grid;grid-template-columns:105px minmax(200px,.85fr) minmax(300px,1fr);gap:10px;border:0;padding:0;flex:1;min-height:0}
.custom-categories{display:flex;flex-direction:column;gap:10px}
.custom-categories button{min-height:35px;padding:3px 6px;white-space:normal}
.custom-records{display:flex;flex-direction:column;min-width:0}
.custom-list-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:8px}
.custom-list-actions button{min-height:23px;padding:2px 5px;white-space:normal}
.custom-record-tree{border:1px solid #888;background:white;flex:1;overflow:auto;min-height:200px}
.custom-record-tree summary{padding:5px;font-weight:bold;cursor:pointer}
.custom-record-tree button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:5px 12px;overflow-wrap:anywhere;white-space:normal}
.custom-record-tree button.selected,.custom-categories button.selected{background:#dbe8f6}
.custom-properties{border:1px solid #999;min-width:0;margin:0;padding:8px}
.custom-properties legend{float:none;width:auto;font-size:inherit;padding:0 3px;margin:0}
.custom-property-tabs{display:flex;border-bottom:1px solid #888;margin-bottom:10px;gap:2px}
.custom-property-tabs button{min-width:65px;padding:3px 8px}
.custom-property-tabs button[aria-selected=true]{background:white;border-bottom-color:white}
.custom-property-body{display:flex;flex-direction:column;gap:9px}
.custom-property-body>label{display:flex;flex-direction:column;gap:3px;margin:0}
.custom-property-body input:not([type=checkbox]):not([type=color]),.custom-property-body select,.custom-property-body textarea{width:100%;min-width:0;box-sizing:border-box}
.custom-property-body input:not([type=checkbox]):not([type=color]),.custom-property-body select{height:22px;padding:1px 3px}
.custom-property-body textarea{height:88px;resize:vertical;padding:3px}
.custom-property-body .custom-check{flex-direction:row;align-items:flex-start;gap:5px}
.custom-property-body .custom-check input{margin:2px 0;flex-shrink:0}
.custom-defaults,.custom-default-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.custom-defaults span,.custom-default-row span{flex:1;overflow-wrap:anywhere}
.custom-prices{display:flex;gap:12px;flex-wrap:wrap}
.custom-prices label{display:flex;flex-direction:column;gap:3px;min-width:96px;flex:1}
.custom-manager-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px}
.custom-manager-actions button{min-width:88px;min-height:24px;padding:2px 8px}
.custom-image{width:250px;height:250px;max-width:100%;object-fit:contain;align-self:center;border:1px solid #999;background:white}
.custom-image-upload input{height:auto!important}
.management-status{margin:0 0 8px;padding:5px;border:1px solid #aaa;background:#fff9d9}
.dock-module-manager{padding:12px}
.dock-module-manager dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px}
html[data-interface=dock] .dock-management-content,html[data-interface=dock] .dock-custom-manager{font:11px Tahoma,Arial,sans-serif;color:#000;background:#f0f0f0}
html[data-interface=dock] .dock-custom-manager button{font:11px Tahoma,Arial,sans-serif;border:1px solid #888;background:linear-gradient(#fff,#ddd)}
html[data-interface=dock] .dock-custom-manager input,html[data-interface=dock] .dock-custom-manager textarea,html[data-interface=dock] .dock-custom-manager select{font:11px Tahoma,Arial,sans-serif;border:1px solid #888}
html[data-interface=dock] .dock-management-dialog button{font-family:Tahoma,Arial,sans-serif}
html[data-control-appearance=rounded] .dock-management-dialog{border-radius:8px}
html[data-interface=cloud] .custom-editor-shell{grid-template-columns:105px minmax(220px,.8fr) minmax(300px,1fr)}
@media(max-width:700px){html[data-interface=cloud] .custom-editor-shell{grid-template-columns:1fr}html[data-interface=cloud] .custom-categories{flex-direction:row}.custom-record-tree{min-height:150px;max-height:250px}}
html[data-control-style=rounded] .dock-management-dialog,html[data-control-style=rounded] .custom-properties,html[data-control-style=rounded] .custom-record-tree{border-radius:8px}
html[data-control-style=rounded] .dock-custom-manager button{border-radius:6px}
html[data-interface=dock]:is([data-control-style=modern],[data-control-style=rounded]) .dock-custom-manager{background:#f4f6f8}
html[data-interface=dock]:is([data-control-style=modern],[data-control-style=rounded]) .dock-custom-manager button{background:linear-gradient(#fff,#e8eef4);border-color:#a9b8c8}
body:has(.dock-management-content){margin:0;max-width:none}
html[data-interface=dock] .dock-management-content :is(input,select,textarea){font:11px Tahoma,Arial,sans-serif;max-width:100%}
html[data-interface=dock] .dock-management-content .form-control,html[data-interface=dock] .dock-management-content .form-select{padding:2px 4px;min-height:22px;height:22px;border-radius:0}
html[data-interface=dock] .dock-management-content .btn{font:11px Tahoma,Arial,sans-serif;padding:3px 8px;min-height:24px;white-space:normal}
.dock-management-content:has(.customer-grid),.dock-management-content:has(.customer-form){padding:10px}
html[data-interface=cloud] .primary-links>details{position:relative;align-self:center}
html[data-interface=cloud] .primary-links>details>summary{cursor:pointer;list-style:none;padding:6px 10px;white-space:nowrap}
html[data-interface=cloud] .primary-links>details>.dock-menu-popup{z-index:200;min-width:250px;border-radius:8px;max-width:calc(100vw - 24px)}
html[data-interface=cloud] .primary-links>details>.dock-menu-popup button{white-space:normal}
html[data-interface=cloud] .dock-management-dialog>header{font-family:inherit}
html[data-interface=dock]:is([data-control-style=modern],[data-control-style=rounded]) .dock-custom-manager :is(input:not([type=checkbox]),select,textarea){border-color:#a9b8c8;border-radius:3px}
html[data-interface=dock][data-control-style=rounded] .dock-custom-manager :is(input:not([type=checkbox]),select,textarea){border-radius:6px}