/* Compact working surfaces in the Shark Transit brand palette.
   Layout, conditional visibility and the order's editing rules stay in their
   original stylesheets. These overrides change appearance only. */

/* Order workspace */
dialog.order-workspace,
#drawer.order-workspace[open] {
  background: var(--st-bg, #f5f8fd);
  color: var(--st-text, #1b2d49);
}
.order-workspace .drawer-head {
  background: var(--st-surface, #fff);
  border-bottom-color: var(--st-line, #e3e8f1);
  box-shadow: inset 0 3px 0 var(--st-blue, #0059d0);
}
.order-workspace .drawer-head h2 {
  color: var(--st-navy, #01173b);
  font-weight: 700;
  letter-spacing: -.35px;
}
.order-workspace .drawer-head .eyebrow {
  color: var(--st-muted, #667489);
  font-weight: 600;
  letter-spacing: .08em;
}
.order-workspace .order-commandbar {
  background: var(--st-bg, #f5f8fd);
  border-bottom-color: var(--st-line, #e3e8f1);
}
.order-workspace .order-tabs {
  gap: 4px;
}
.order-workspace .order-tabs button {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--st-muted, #667489);
  font-weight: 600;
}
.order-workspace .order-tabs button:hover:not(.active) {
  background: #e7eef9;
  color: var(--st-navy, #01173b);
}
.order-workspace .order-tabs button.active {
  color: #fff;
  background: var(--st-blue, #0059d0);
  border-color: var(--st-blue, #0059d0);
  box-shadow: 0 2px 5px #0059d018;
}
.order-workspace .form-section {
  border-color: var(--st-line, #e3e8f1);
  border-radius: 9px;
  background: var(--st-surface, #fff);
  box-shadow: 0 1px 2px #01173b03;
}
.order-workspace h3,
.order-workspace h4 {
  color: var(--st-navy, #01173b);
  font-weight: 700;
}
.order-workspace .form-section > h3::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 11px;
  margin-right: 7px;
  border-radius: 2px;
  background: var(--st-blue, #0059d0);
  vertical-align: -1px;
}
.order-workspace label {
  color: var(--st-muted, #667489);
  font-weight: 500;
}
.order-workspace input:not(:disabled),
.order-workspace select:not(:disabled),
.order-workspace textarea:not(:disabled) {
  border-color: #dce4f0;
  border-radius: 6px;
  color: var(--st-text, #1b2d49);
}
.order-workspace input:not(:disabled):focus,
.order-workspace select:not(:disabled):focus,
.order-workspace textarea:not(:disabled):focus {
  border-color: var(--st-blue, #0059d0);
  outline-color: var(--st-blue, #0059d0);
}
.order-workspace .btn:not(.primary):not(.accent) {
  background: #fff;
  color: #315373;
  border-color: #d8e2f0;
}
.order-workspace .btn:not(.primary):not(.accent):hover:not(:disabled) {
  background: var(--st-blue-soft, #edf3fd);
  border-color: #b7cdeb;
  color: var(--st-blue, #0059d0);
}
.order-workspace .main-terms,
.order-workspace .vat-block,
.order-workspace .vat-result > div:last-child {
  border-color: var(--st-line, #e3e8f1);
}
.order-workspace .main-contract {
  border-radius: 6px;
  color: #3f5675;
  background: #f3f7fd;
}
.order-workspace .main-contact,
.order-workspace .vat-result span {
  color: var(--st-muted, #667489);
}
.order-workspace .vat-result b,
.order-workspace .vat-result strong {
  color: var(--st-navy, #01173b);
}
.order-workspace .route-stop {
  background: #f7f9fe;
  border-color: #dfe7f3;
  border-radius: 8px;
}
.order-workspace .stop-head > b {
  color: var(--st-navy, #01173b);
  font-weight: 700;
}
.order-workspace .stop-methods {
  border-color: var(--st-line, #e3e8f1);
  border-radius: 6px;
}
.order-workspace .stop-methods legend {
  color: var(--st-muted, #667489);
}
.order-workspace .control-summary {
  color: #335679;
  background: #edf3fd;
  border-color: #d8e5fa;
  border-radius: 8px;
}
.order-workspace .internal-comment-strip {
  background: #edf3fd;
  border-color: #d6e4fa;
  border-radius: 7px;
  color: #355b89;
}
.order-workspace .internal-comment-strip:hover {
  border-color: #afcbee;
  background: #e6effc;
}
.order-mode-label {
  color: #537294;
  background: #edf3fd;
  border-color: #d7e5f9;
  font-weight: 500;
}
.order-mode-toolbar {
  background: #fff;
  border-bottom-color: var(--st-line, #e3e8f1);
}
.order-workspace .result:not(.waiting) {
  background: #f0f5ff;
  border-color: #d7e5fb;
  color: var(--st-navy, #01173b);
}
.order-workspace .result small {
  color: var(--st-muted, #667489);
}
.order-workspace .order-profit {
  border-color: #d8e4f7;
}
.order-profit .profit-metrics > div {
  border-right-color: var(--st-line, #e3e8f1);
}
.order-profit .profit-metrics b,
.profit-breakdown b {
  color: var(--st-navy, #01173b);
  font-variant-numeric: tabular-nums;
}
.order-profit .profit-metrics small,
.profit-details,
.profit-details > summary {
  color: var(--st-muted, #667489);
}
.profit-details > summary:hover {
  color: var(--st-blue, #0059d0);
}
.expense-row,
.scan-row,
.history {
  border-color: var(--st-line, #e3e8f1);
}

/* Wide counterparty / vehicle / driver cards */
#company-dialog.compact-company-card[open],
#fleet-dialog.compact-fleet-card[open] {
  border-color: #dce5f2;
  border-radius: 13px;
  background: var(--st-bg, #f5f8fd);
  box-shadow: 0 16px 60px #01173b2b;
}
.compact-company-card .drawer-head,
.compact-fleet-card .drawer-head {
  background: #fff;
  border-bottom-color: var(--st-line, #e3e8f1);
  box-shadow: inset 0 3px 0 var(--st-blue, #0059d0);
}
.compact-company-card .drawer-head h2,
.compact-fleet-card .drawer-head h2 {
  color: var(--st-navy, #01173b);
  font-weight: 700;
  letter-spacing: -.3px;
}
.compact-company-card .drawer-body,
.compact-fleet-card .drawer-body {
  background: var(--st-bg, #f5f8fd);
}
.company-mode-bar {
  background: #fff;
  border-bottom-color: var(--st-line, #e3e8f1);
}
.company-mode-bar .btn {
  border-radius: 7px;
  font-weight: 600;
}
.company-mode-bar small,
.company-block-summary dt,
#company-import-preview dt {
  color: var(--st-muted, #667489);
}
.company-block,
.compact-fleet-card .company-block {
  background: #fff;
  border-color: var(--st-line, #e3e8f1);
  border-radius: 9px;
  box-shadow: 0 1px 2px #01173b03;
}
.company-block.editing {
  border-color: #adc9ef;
  box-shadow: 0 0 0 1px #0059d006;
}
.company-block-heading h3,
.compact-fleet-card .company-block h3 {
  color: var(--st-navy, #01173b);
  font-weight: 700;
}
.company-block .block-edit,
.company-block .block-done {
  border-color: #d8e4f5;
  color: var(--st-blue, #0059d0);
  background: #f6f9ff;
  font-weight: 500;
}
.company-block .block-edit:hover,
.company-block .block-done:hover {
  background: #e8f0ff;
  border-color: #aac8ef;
}
.compact-company-card label,
.compact-fleet-card label {
  color: var(--st-muted, #667489);
  font-weight: 500;
}
.compact-company-card input,
.compact-company-card select,
.compact-company-card textarea,
.compact-fleet-card input,
.compact-fleet-card select,
.compact-fleet-card textarea {
  border-color: #dbe4f1;
  border-radius: 6px;
  color: var(--st-text, #1b2d49);
}
.company-block-summary dd,
#company-import-preview dd {
  color: var(--st-text, #1b2d49);
}
.company-card-footer {
  background: #fff;
  border-top-color: var(--st-line, #e3e8f1);
  box-shadow: 0 -4px 16px #01173b06;
}
.company-card-footer .btn {
  font-weight: 600;
}
.compact-company-card .bank-row,
#company-import-preview:not(:empty),
.company-lookup-box {
  border-color: #d8e4f7;
  background: #f6f9ff;
  border-radius: 7px;
}
.company-file-row {
  border-color: var(--st-line, #e3e8f1);
}
.company-restore-button {
  color: #315a8c;
  background: #edf3fd;
  border-radius: 7px;
}
.company-restore-button:hover {
  background: #e3edfc;
}

/* Search, dates and small overlays keep the same dimensions as their sources. */
.search-select,
.order-workspace .search-select {
  border-color: #dbe4f1;
  border-radius: 6px;
  color: var(--st-text, #1b2d49);
}
.search-select:focus-within {
  border-color: var(--st-blue, #0059d0);
  box-shadow: 0 0 0 3px #0059d012;
}
.search-select.is-disabled {
  background: #f3f6fa;
}
.search-select .search-select-arrow,
.search-select .search-select-clear {
  color: #7186a0;
}
.search-select-popup,
.city-lookup-popup {
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  color: var(--st-text, #1b2d49);
  background: #fff;
  border-color: #cadbf3;
  border-radius: 9px;
  box-shadow: 0 10px 30px #01173b1c;
}
.search-select-option.is-active,
.city-lookup-option.is-active {
  background: #edf3fd;
  color: var(--st-blue, #0059d0);
}
.search-select-option[aria-selected='true'] {
  color: var(--st-blue, #0059d0);
}
.date-calendar-button {
  color: #376aab;
  border-color: #d7e2f3;
  background: #fff;
  border-radius: 5px;
}
.date-calendar-button:hover:not(:disabled) {
  color: var(--st-blue, #0059d0);
  background: #edf3fd;
  border-color: #a9c7ef;
}
.ru-calendar {
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  color: var(--st-text, #1b2d49);
  border-color: #cbdcf4;
  border-radius: 10px;
  box-shadow: 0 10px 32px #01173b25;
}
.ru-calendar .ru-calendar-day.today {
  box-shadow: inset 0 0 0 1px #6da0e2;
}
.ru-calendar .ru-calendar-day.selected,
.ru-calendar .ru-calendar-day.selected:hover:not(:disabled) {
  color: #fff;
  background: var(--st-blue, #0059d0);
}
.ru-calendar button:hover:not(:disabled) {
  color: var(--st-blue, #0059d0);
  background: #edf3fd;
}
.ru-calendar button:focus-visible,
.ru-calendar select:focus-visible,
.ru-calendar input:focus-visible {
  outline-color: var(--st-blue, #0059d0);
}
#extra-expense-dialog[open],
#payroll-dialog[open],
#internal-comments-dialog[open] {
  border-color: #d5e1f3;
  border-radius: 12px;
  box-shadow: 0 18px 64px #01173b33;
}
.salary-rule {
  border-bottom: 1px solid var(--st-line, #e3e8f1);
  padding-bottom: 10px;
}

/* Tasks, documentation and financial detail panels */
.control-task-info > b,
.document-task-info > b,
.document-task-heading h2,
.document-task-summary-head b,
.postal-panel-head b,
.task-row .task-title {
  color: var(--st-navy, #01173b);
}
.control-filters,
.document-task-filters {
  background: #f8faff;
  border-bottom-color: var(--st-line, #e3e8f1);
}
.control-task-row,
.document-task-row {
  border-bottom-color: var(--st-line, #e3e8f1);
}
.control-task-row:hover,
.document-task-row:hover {
  background: #fafcff;
}
.task-row input {
  accent-color: var(--st-blue, #0059d0);
}
.document-task-counts {
  gap: 10px;
}
.document-task-counts > span {
  padding: 6px 10px;
  border: 1px solid #e0e8f5;
  border-radius: 6px;
  background: #f3f7fe;
}
.document-task-counts b {
  color: var(--st-navy, #01173b);
}
.document-task-summary {
  background: #fff;
  border-color: #dce6f6;
}
.document-task-summary details summary,
.postal-history summary,
.control-history summary {
  color: #4d719e;
}
.document-task-summary details summary:hover,
.postal-history summary:hover,
.control-history summary:hover {
  color: var(--st-blue, #0059d0);
}
.document-task-summary-row,
.postal-history li,
.control-history > div {
  border-bottom-color: var(--st-line, #e3e8f1);
  border-top-color: var(--st-line, #e3e8f1);
}
.postal-track-link,
.postal-configuration a {
  color: var(--st-blue, #0059d0);
}
.task-list-toggle {
  background: #fafcff;
  border-top: 1px solid #edf1f8;
}
.control-card .drawer-actions,
.document-settings .drawer-actions {
  border-top-color: var(--st-line, #e3e8f1);
  background: #fff;
}

/* Internal discussion and discreet right-hand messenger */
#chat-rail {
  background: #f3f7fd;
  border-left-color: #dfe7f3;
}
.rail-caption {
  color: #6980a0;
}
.rail-avatar {
  background: #e2ebf7;
  color: #4b6f9f;
}
.rail-avatar:hover,
.rail-avatar.selected {
  color: var(--st-blue, #0059d0);
  background: #e6efff;
  border-color: #8eb6ed;
}
.rail-avatar.has-unread {
  color: #004aa9;
  background: #dceaff;
  border-color: var(--st-blue, #0059d0);
  box-shadow: 0 0 0 4px #0059d014;
}
.rail-unread {
  background: #e43e4c;
  color: #fff;
  box-shadow: 0 0 0 2px #f3f7fd;
}
#quick-chat-panel {
  border-color: #d8e4f5;
  border-radius: 12px;
  box-shadow: 0 16px 48px #01173b24;
}
.quick-chat-head,
.quick-chat-compose,
.chat-top,
.chat-compose,
.chat-channels {
  background: #fff;
  border-color: var(--st-line, #e3e8f1);
}
.quick-chat-head b,
.chat-top b,
.chat-msg .author {
  color: var(--st-navy, #01173b);
}
#quick-chat-messages,
.chat-messages {
  background: #f6f9fe;
}
.chat-channel {
  color: var(--st-blue, #0059d0);
  background: #edf3fd;
}
.quick-message,
.chat-msg .bubble {
  color: var(--st-text, #1b2d49);
  background: #fff;
  border: 1px solid #e6ecf6;
  border-radius: 10px;
}
.quick-message.mine,
.chat-msg.mine .bubble {
  background: #e9f1ff;
  border-color: #dce8fb;
}
.comments-head {
  color: var(--st-navy, #01173b);
  background: #fff;
  border-bottom-color: var(--st-line, #e3e8f1);
}
.comments-body {
  background: #f5f8fd;
}
.internal-comment.pinned {
  border-color: #b7d0f3;
  background: #edf4ff;
}

/* Keep sticky controls compact on the desktop and let existing grids wrap. */
@media (max-width: 760px) {
  .order-workspace .order-tabs button {
    padding-right: 10px;
    padding-left: 10px;
  }
  .document-task-counts {
    gap: 6px;
  }
  .document-task-counts > span {
    padding: 5px 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rail-avatar {
    transition: none;
  }
}