/* Selectel additions use the installed cabinet's palette, controls and cards. */
.workflow-panel { margin: 12px 0; border: 1px solid #dce3e8; border-radius: 12px; background: #fff; overflow-wrap: anywhere; }
.workflow-panel > summary { padding: 14px; font-weight: 650; cursor: pointer; list-style-position: inside; }
.workflow-body { padding: 0 14px 14px; min-width: 0; }
.workflow-panel .workflow-panel { background: #f8fafb; }
.workflow-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 16px 0; }
.workflow-form > h4,.workflow-form > button,.workflow-form > .error,.workflow-form > .small,.workflow-extra,.workflow-items { grid-column: 1/-1; }
.workflow-form .field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.workflow-form .check { flex-direction: row; align-items: center; }
.workflow-form .check input { width: auto; flex: 0 0 auto; }
.workflow-form input,.workflow-form select,.workflow-form textarea { box-sizing: border-box; width: 100%; padding: 10px; border: 1px solid #ccd5dc; border-radius: 8px; font: inherit; min-width: 0; }
.workflow-extra,.workflow-items { display: grid; gap: 12px; }
.workflow-items fieldset { border: 1px solid #dce3e8; border-radius: 10px; min-width: 0; padding: 12px; }
.workflow-record { border-bottom: 1px solid #e3e8ec; padding: 14px 0; }
.workflow-record .btn,.workflow-document .btn { margin: 6px 6px 6px 0; white-space: normal; }
.workflow-line { margin: 8px 0; font-size: 14px; }
.workflow-document { margin: 10px 0; }
#ru-notifications { margin-top: 16px; margin-bottom: 16px; }
#ru-notifications .meta { display: block; }
#director-links { margin-top: 16px; flex-wrap: wrap; }
.workflow-body .error { white-space: normal; }
.editor-preview { padding: 16px; background: #f5f7f8; border-radius: 10px; }
@media (max-width: 640px) { .workflow-form { grid-template-columns: minmax(0,1fr); } .workflow-panel > summary { padding: 12px; } .workflow-body { padding: 0 10px 10px; } .workflow-record .btn { width: 100%; } }

/* Keep the existing login design usable on touch screens. */
#login input { box-sizing:border-box; width:100%; min-height:44px; padding:10px 12px; border:1px solid #dce1e5; border-radius:10px; background:#f3f5f6; font:inherit; }


/* Existing invoice clock, shared with the next-action block. No animation. */
.invoice-countdown { margin:12px 0; padding:12px 14px; border:1px solid #cbdce6; border-radius:10px; background:#f0f7fb; color:#19384c; }
.invoice-countdown-label { font-size:14px; font-weight:700; }
.invoice-countdown-value { display:block; margin-top:4px; font-size:20px; line-height:1.4; font-weight:750; font-variant-numeric:tabular-nums; }
.invoice-countdown-date { margin:6px 0 0; font-size:13px; line-height:1.5; }