/* Shared form windows use the ERP's existing company/theme palette. */
#dialog {
 width:min(850px,calc(100vw - 32px));max-width:calc(100vw - 24px);
 max-height:calc(100dvh - 32px);min-width:min(360px,calc(100vw - 24px));
 min-height:min(300px,calc(100dvh - 32px));padding:0;overflow:hidden;resize:both;
 border:1px solid var(--line);border-radius:12px;
 background:var(--surface);color:var(--ink);box-shadow:0 20px 70px #0004;
}
#dialog[open]{display:flex;flex-direction:column}
#dialogForm {display:flex;flex-direction:column;min-width:0;min-height:0;width:100%;height:100%;max-height:inherit}
#dialog .dialog-title {
 flex-shrink:0;display:flex;align-items:center;justify-content:space-between;
 gap:18px;margin:0;padding:20px 24px;border-bottom:1px solid var(--line);
 background:var(--surface-soft);
}
#dialogTitle {min-width:0;overflow-wrap:anywhere;font-size:24px;line-height:1.25}
.dialog-window-controls {display:flex;align-items:center;gap:6px;flex-shrink:0}
#dialog .dialog-window-controls button {min-height:38px;border:1px solid var(--line);padding:7px 12px}
#dialog .dialog-window-controls .dialog-window-icon {width:38px;padding:7px;font-size:20px;line-height:1}
#dialogContent {min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:24px;scrollbar-gutter:stable}
#dialogBody {min-width:0;overflow-wrap:anywhere}
#dialogBody .fields>div {min-width:0}
#dialogError:empty {display:none}
#dialog #dialogActions {
 flex-shrink:0;justify-content:flex-end;gap:10px;margin:0;
 padding:16px 24px 20px;border-top:1px solid var(--line);background:var(--surface);
}
#dialogSave {min-height:44px;min-width:100px}
#dialog.erp-window-expanded {width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);resize:none}
#dialogDock {
 position:fixed;z-index:1000;right:20px;bottom:20px;display:flex;align-items:stretch;
 max-width:min(460px,calc(100vw - 24px));border:1px solid var(--line);
 border-radius:10px;background:var(--surface);box-shadow:0 8px 30px #0003;overflow:hidden;
}
#dialogDock[hidden]{display:none}
#restoreDialog {display:flex;align-items:center;gap:12px;min-width:0;min-height:50px;
 border:0;border-radius:0;padding:12px 16px;background:var(--surface);color:var(--ink);text-align:left}
#restoreDialog span {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#restoreDialog::before {content:'▣';color:var(--primary);font-size:20px}
#closeMinimizedDialog {flex-shrink:0;border:0;border-left:1px solid var(--line);border-radius:0;
 min-width:46px;background:var(--surface-soft);color:var(--ink);font-size:20px}
#dialog button:focus-visible,#dialogDock button:focus-visible {outline:2px solid var(--primary);outline-offset:-3px}
@media(max-width:600px) {
 #dialog,#dialog.mail-account-window,#dialog.erp-window-expanded {
  width:calc(100vw - 16px)!important;min-width:0;max-width:calc(100vw - 16px);
  max-height:calc(100dvh - 16px);margin:auto;padding:0;resize:none;border-radius:10px;
 }
 #dialog.erp-window-expanded{height:calc(100dvh - 16px)!important}
 #dialog .dialog-title{padding:14px;gap:8px;align-items:flex-start}
 #dialogTitle{font-size:20px}
 #dialog .dialog-window-controls{gap:4px}
 #dialog .dialog-window-controls button{min-height:44px;padding:7px 9px}
 #dialog .dialog-window-controls .dialog-window-icon{width:36px}
 #dialogContent{padding:18px 14px}
 #dialog .fields{grid-template-columns:minmax(0,1fr)}
 #dialog input,#dialog select,#dialog textarea{font-size:16px;min-width:0}
 #dialog #dialogActions{padding:12px 14px}
 #dialogSave{min-height:46px}
 #dialogDock{bottom:12px;right:12px;max-width:calc(100vw - 24px)}
}
@media print {#dialogDock,.dialog-window-controls{display:none!important}}