/* Draft: desktop-only styles. This file is not connected to the live app. */
@media (min-width: 1000px) {
  .workspace-page, body:has(.workspace-nav), body:has(.login-wrap) {
    --bg:#f1f1ef; --paper:#fff; --green:#013374; --ink:#292b2d;
    --muted:#6d7478; --line:#dddeda; --pale:#f3f3f1;
    font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
    background:#f1f1ef; color:#292b2d; min-height:100vh;
  }
  .workspace-page .workspace-header, body:has(.workspace-nav) .olas-header {
    max-width:none; margin:0; padding:14px max(30px,calc((100% - 1660px)/2));
    color:#f8f8f8; background:#3b3d3f; gap:12px;
  }
  .workspace-page .workspace-header strong, body:has(.workspace-nav) .olas-header strong {
    color:#fff; font-size:22px; letter-spacing:.02em;
  }
  .workspace-page .workspace-header small, body:has(.workspace-nav) .olas-header span {color:#dadada}
  .workspace-page .workspace-header button {color:#fff}
  .workspace-nav {
    width:100%; max-width:none; margin:0; border:0; border-radius:0;
    padding:0 max(20px,calc((100% - 1680px)/2)); gap:4px;
    background:#3b3d3f; box-shadow:none; position:sticky; top:0;
  }
  .workspace-nav a {padding:12px 14px; border-radius:4px 4px 0 0; color:#eee;
    font-size:13px; font-weight:550; border-bottom:2px solid transparent;}
  .workspace-nav a::before {content:'';display:inline-block;width:14px;height:14px;margin-right:7px;vertical-align:-2px;background:currentColor;mask:var(--nav-icon) center/contain no-repeat}
  .workspace-nav a:nth-child(1) {--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 3h6v3H9zM8 11h8M8 15h8'/%3E%3C/svg%3E")}
  .workspace-nav a:nth-child(2) {--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M12 3C9 3 5 10 5 14a7 7 0 0014 0c0-4-4-11-7-11z'/%3E%3C/svg%3E")}
  .workspace-nav a:nth-child(3) {--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M12 2 3 7v10l9 5 9-5V7zM3 7l9 5 9-5M12 12v10'/%3E%3C/svg%3E")}
  .workspace-nav a:nth-child(4) {--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M3 5h11v12H3zM14 9h4l3 4v4h-7z'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E")}
  .workspace-nav a:nth-child(5) {--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='m3 6 6-3 6 3 6-3v15l-6 3-6-3-6 3zM9 3v15M15 6v15'/%3E%3C/svg%3E")}
  .workspace-nav a:nth-child(6) {--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Cpath d='M5 17h14l-2-3V9a5 5 0 00-10 0v5zM10 20h4'/%3E%3C/svg%3E")}
  .workspace-nav a:nth-child(7) {--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7'%3E%3Crect x='6' y='2' width='12' height='20' rx='2'/%3E%3Cpath d='M10 19h4'/%3E%3C/svg%3E")}
  .workspace-nav a:hover {background:#505254;color:#fff}
  .workspace-nav a[aria-current=page] {background:#555759;color:white;border-bottom:2px solid #013374}
  .workspace-page #app, body:has(.workspace-nav) #olas {max-width:1660px;margin:0 auto;padding:26px 30px}
  .workspace-page .card, body:has(.workspace-nav) .card {
    background:#fff;border:1px solid #dddeda;border-radius:7px;box-shadow:none;padding:20px;
  }
  .workspace-page h1,.workspace-page h2,body:has(.workspace-nav) h1,body:has(.workspace-nav) h2 {color:#282b2d;letter-spacing:-.02em}
  .workspace-page .primary,body:has(.workspace-nav) .primary {background:#013374;border-color:#013374;color:#fff;border-radius:5px}
  .workspace-page .primary:hover,body:has(.workspace-nav) .primary:hover {background:#00306f;border-color:#00306f}
  .workspace-page button,.workspace-page .secondary,.workspace-page input,.workspace-page select,
  body:has(.workspace-nav) button,body:has(.workspace-nav) .secondary,body:has(.workspace-nav) input,body:has(.workspace-nav) select {font-size:13px}
  .workspace-page .secondary,.workspace-page .primary,.workspace-page .text-button,
  body:has(.workspace-nav) .secondary,body:has(.workspace-nav) .primary {min-height:32px;padding:6px 11px;border-radius:5px}
  .workspace-page .secondary,.workspace-page .order-icon-button,body:has(.workspace-nav) .secondary {color:#3f4446;border-color:#d2d5d3}
  .workspace-page .order-status-filters button:not([aria-pressed=true]) {color:#3f4446}
  .workspace-page .table-wrap a {color:#3f4446;text-decoration-color:#a8acab}
  .workspace-page .table-wrap a:hover {color:#003273;text-decoration-color:#003273}
  .workspace-page .order-icon-button {width:31px;height:31px;min-height:31px;padding:6px;border-radius:5px}
  .workspace-page .order-actions-mobile {display:none}
  .workspace-page .order-actions-desktop {display:block;margin-top:5px}
  .workspace-page .order-actions-desktop summary {cursor:pointer;color:#6d7478;list-style:none;font-size:21px;line-height:24px;width:28px;text-align:center;border-radius:4px}
  .workspace-page .order-actions-desktop summary::-webkit-details-marker {display:none}
  .workspace-page .order-actions-desktop summary:hover,.workspace-page .order-actions-desktop summary:focus-visible {color:#013374;background:#e0eeff}
  .workspace-page .delivery-filter {padding:14px;background:#fafaf9;border-radius:5px;margin:14px 0}
  .workspace-page .order-status-filters {display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
  .workspace-page .order-status-filters button[aria-pressed=true] {background:#3b3d3f;color:white;border-color:#3b3d3f}
  .workspace-page table {width:100%;border-collapse:collapse}
  .workspace-page th {background:#fafafa;color:#707579;font-size:11px;letter-spacing:.03em}
  .workspace-page td,.workspace-page th {padding:11px 10px;border-bottom:1px solid #e7e7e5;vertical-align:top}
  .workspace-page tbody tr:nth-child(even) {background:#f3f3f1}
  .workspace-page tbody tr:nth-child(odd) {background:#fff}
  .workspace-page .pill {box-shadow:none;border:1px solid transparent;border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px}
  .workspace-page .pill.pending {background:#e0eeff;color:#002658}
  .workspace-page .pill.confirmed {background:#e5e7e8;color:#4a5054;border-color:#d8dcde}
  .workspace-page .pill.delivered {background:#eee9e4;color:#6b584b;border-color:#dfd6ce}
  .workspace-page .pill.cancelled {background:#f5e7e5;color:#87453e;border-color:#bdcce0}
  .desktop-brand-name,.olas-header strong > .desktop-brand-name {display:inline}
  .mobile-brand-name,.olas-header strong > .mobile-brand-name {display:none}
  /* Keep the complete comment available through the order details. */
  .workspace-page .table-wrap .order-comment-text {display:block; font-size:0; line-height:1.4; margin-top:5px}
  .workspace-page .table-wrap .order-comment-text::before {content:'✉ Komentārs'; display:inline-block; font-size:11px; font-weight:600; padding:2px 6px; border-radius:4px; background:#e2eeff; color:#052b5c}
  body:has(.login-wrap) {min-height:100vh;background:#f1f1ef}
  body:has(.login-wrap) .olas-header {max-width:none;padding:18px 30px;background:#3b3d3f}
  body:has(.login-wrap) .olas-header strong,body:has(.login-wrap) .olas-header span {color:#fff}
  body:has(.login-wrap) .gesture-login {border-radius:8px;border:1px solid #dddeda;box-shadow:0 8px 28px #0000000a}
}
@media (max-width: 999px) {
  .desktop-brand-name,.olas-header strong > .desktop-brand-name {display:none}
  .mobile-brand-name,.olas-header strong > .mobile-brand-name {display:inline}
  .order-actions-desktop {display:none}
}
.olas-header strong > .desktop-brand-name,
.olas-header strong > .mobile-brand-name {font:inherit;color:inherit;letter-spacing:inherit;margin:0}