padding: 12px 14px;
      border-bottom:1px solid var(--border);
      background:#fafbfc;
    }
    .order-drawer-header h3{ margin:0; font-size:12px; font-weight:700; line-height:1.2; }
    .order-drawer-header .subtitle{ font-size:9px; color:var(--muted); margin-top:0; line-height:1; }
    .order-drawer-header{padding:4px 12px !important;min-height:0 !important;justify-content:flex-start !important;text-align:left !important;border-bottom-width:1px !important}
    .order-drawer-close{
      width:34px; height:34px;
      border-radius:10px;
      border:1px solid var(--border);
      background:#fff;
      cursor:pointer;
      display:flex; align-items:center; justify-content:center;
      transition:.12s;
    }
    .order-drawer-close:hover{ border-color: rgba(16,185,129,.45); box-shadow: 0 0 0 4px rgba(16,185,129,.10); }
    .order-drawer-body{
      flex:1;
      overflow-y:auto;
      padding: 8px 12px;
      background: var(--bg);
    }
    .order-drawer-body .card{ box-shadow: none; border: 1px solid rgba(17,24,39,.06); padding:8px 10px !important; margin-top:6px !important; }
    .order-drawer-body .card h3{ font-size:13px !important; margin:0 0 6px !important; }
    .order-drawer-body .small{ font-size:11px !important; }
    .order-drawer-body .small b{ font-weight:600; }
    .order-drawer-body .input, .order-drawer-body select, .order-drawer-body input{ padding:5px 8px !important; font-size:12px !important; margin-top:3px !important; }
    .order-drawer-body .grid2, .order-drawer-body .grid3{ margin-top:6px !important; gap:6px !important; }
    .order-drawer-body .row{ flex-wrap:wrap; }
    @media (max-width: 980px){
      .order-drawer{ width: 100%; max-width: 100vw; }
      .order-drawer-body{ padding: 10px; }
    }

    /* Order drawer form responsiveness (prevent horizontal overflow) */
    .order-drawer-body .input,
    .order-drawer-body select.input,
    .order-drawer-body textarea.input,
    .order-drawer-body select,
    .order-drawer-body input{
      min-width: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
    }
    .order-drawer-body .grid2{
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .order-drawer-body .grid3,
    .order-drawer-body .grid4{
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .order-drawer-body .row > *{ min-width: 0; }
    @media (max-width: 640px){
      .order-drawer-body .grid2,
      .order-drawer-body .grid3,
      .order-drawer-body .grid4{
        grid-template-columns: 1fr !important;
      }
    }


    /* Posting Pro (LiveSklad-like) */
    .pp-table{ width:100%; border-collapse:separate; border-spacing:0; }
    .pp-table th{ font-size:11px; color: var(--muted); font-weight:700; text-transform: uppercase; padding:6px 8px; position:sticky; top:0; z-index:3; background:#fff; box-shadow:0 1px 0 var(--border); }
    .pp-table td{ padding:4px 6px; border-bottom:1px solid var(--border); vertical-align:middle; }
    .pp-table td:has(.pp-dd){ overflow:visible !important; position:relative; }
    .pp-table tr{ position:relative; transition:background .12s; }
    .pp-table tbody tr:hover{ background:rgba(59,130,246,.05); }
    .pp-name-text{ cursor:default; }
    .pp-input{ width:100%; min-width:0; padding:6px 8px; border-radius:8px; border:1px solid var(--border); font-size:13px; outline:none; background:#fff; box-sizing:border-box; }
    .pp-input:focus{ border-color: rgba(16,185,129,.55); box-shadow: 0 0 0 4px rgba(16,185,129,.12); }
    .pp-mini{ font-size:10px; color: var(--muted); margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .pp-search{ position:relative; }
    .pp-dd{ position:absolute; left:0; right:0; top: calc(100% + 6px); z-index: 999;
            background:#fff; border:1px solid var(--border); border-radius: 12px; box-shadow: 0 18px 40px rgba(0,0,0,.18);
            max-height: 280px; overflow:auto; display:none; }
    .pp-dd .pp-opt{ padding:8px 10px; cursor:pointer; display:flex; gap:8px; align-items:baseline; }
    .pp-dd .pp-opt:hover, .pp-dd .pp-opt.active{ background: rgba(16,185,129,.08); }
    .pp-dd .pp-opt b{ font-size:13px; }
    .pp-dd .pp-opt .mut{ font-size:11px; color: var(--muted); margin-left:auto; white-space:nowrap; }
    .pp-actions{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
    .pp-kbd{ font-size:11px; color: var(--muted); }
    .pp-sum{ white-space:nowrap; font-weight:800; }
    html.theme-dark .pp-table th{ background:#1e293b; }
    html.theme-dark .pp-input{ background:var(--card); color:var(--text); border-color:var(--border); }
    .pp-name-text{ font-size:13px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    /* Clickable table rows */
    table tbody tr{ cursor:pointer; transition:background .12s; }
    table tbody tr:hover{ background:rgba(59,130,246,.06); }
    table tbody tr:hover td{ background:transparent; }
    /* Selected row */
    table tbody tr.row-selected{ background:rgba(59,130,246,.10); }
    table tbody tr.row-selected:hover{ background:rgba(59,130,246,.14); }
    /* Column resize handles */
    .th-resize{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:2}
    .th-resize:hover{background:var(--accent);opacity:.3;border-radius:2px}
    #ordersTable{table-layout:fixed}
    #ordersTable td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

    /* Bulk selection bar */
    .bulk-bar{
      position:sticky; bottom:0; z-index:4;
      display:none; align-items:center; gap:12px;
      padding:10px 16px; background:#2563eb; color:#fff;
      border-radius:12px 12px 0 0; box-shadow:0 -4px 20px rgba(0,0,0,.15);
      font-size:13px; font-weight:600;
      animation:bulkSlideUp .2s ease;
    }
    .bulk-bar.show{ display:flex; }
    .bulk-bar .bulk-count{ background:rgba(255,255,255,.2); padding:3px 10px; border-radius:99px; font-size:12px; }
    .bulk-bar .bulk-actions{ display:flex; gap:6px; margin-left:auto; }
    .bulk-bar .bulk-btn{
      padding:6px 14px; border-radius:8px; border:1px solid rgba(255,255,255,.3);
      background:rgba(255,255,255,.1); color:#fff; cursor:pointer; font-size:12px; font-weight:600;
      transition:background .15s;
    }
    .bulk-bar .bulk-btn:hover{ background:rgba(255,255,255,.25); }
    .bulk-bar .bulk-btn.danger{ border-color:rgba(239,68,68,.5); background:rgba(239,68,68,.2); }
    .bulk-bar .bulk-btn.danger:hover{ background:rgba(239,68,68,.4); }
    .bulk-bar .bulk-close{ background:none; border:none; color:#fff; font-size:18px; cursor:pointer; opacity:.7; padding:0 4px; }
    .bulk-bar .bulk-close:hover{ opacity:1; }
    @keyframes bulkSlideUp{ from{transform:translateY(100%);opacity:0} to{transform:translateY(0);opacity:1} }
    /* Checkbox column */
    th.chk-col, td.chk-col{ width:36px; text-align:center; padding:6px 4px; }
    th.chk-col input, td.chk-col input{ width:16px; height:16px; cursor:pointer; accent-color:#2563eb; }
    /* Posting table card: allow dropdown to overflow */
    .card:has(.pp-table){ overflow:visible; }
    .content.page-list .card:has(.pp-table){ overflow:auto; padding:0; }
    .table-wrap:has(.pp-table){ overflow:visible !important; }
    .pp-table{ display:table !important; }

  
/* ===============================
   COMPACT DOCUMENT HEADER v32
================================= */

.doc-header-compact{
  display:grid !important;
  grid-template-columns: 180px 160px 1fr 1fr !important;
  gap:12px !important;
  align-items:end !important;
}
@media(max-width:768px){
  .doc-header-compact{
    grid-template-columns: 1fr 1fr !important;
    gap:8px !important;
  }
  .doc-header-compact .field input,
  .doc-header-compact .field select{
    font-size:14px !important;
    min-height:36px !important;
  }
}

.doc-header-compact .field{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}

.small-input{
  padding:6px 8px !important;
  font-size:12px !important;
  height:32px !important;
}

.doc-header-compact label{
  font-size:11px !important;
  color:var(--muted) !important;
}

/* Reduce spacing in main info block */
.card .grid2,
.card .grid3,
.card .grid4{
  gap:8px !important;
}

.card .input,
.card select,
.card textarea{
  padding:6px 8px !important;
  font-size:12px !important;
}

.card textarea{
  min-height:60px !important;
}


/* ===============================
   AccSota CRM v34
   ULTRA COMPACT ACCOUNTANT MODE
   (v33 declarations merged into v34)
================================= */

.main-info-pro{
  display:flex;
  gap:18px;
  align-items:center;
  padding:6px 0;
}

.main-info-left{
  display:grid;
  grid-template-columns: auto auto auto;
  gap:6px 14px;
  align-items:center;
}

.main-info-left .field{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.main-info-left label{
  font-size:10px;
  line-height:1;
  color:var(--muted);
}

.main-info-left .input,
.main-info-left select{
  height:26px;
  padding:3px 6px;
  font-size:11px;
}

.main-info-right{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.main-info-right label{
  font-size:10px;
  line-height:1;
  color:var(--muted);
}

.main-info-right textarea{
  min-height:46px;
  max-height:70px;
  padding:4px 6px;
  font-size:11px;
}

/* NOTE: Ultra compact card/row styles removed — they were overriding ALL cards globally.
   Compact styling should be scoped to specific views, not applied with !important globally. */



/* ===============================
   v35 Ultra Compact Header (real)
================================= */
.pp-maininfo.ultra{
  display:grid;
  grid-template-columns: 140px 140px 1fr 1.2fr;
  gap:8px 12px;
  align-items:start;
}
.pp-maininfo.ultra .pp-mi{display:flex; flex-direction:column; gap:2px; min-width:0;}
.pp-maininfo.ultra .pp-mi .input{height:26px; padding:3px 6px; font-size:11px; margin-top:0 !important;}
.pp-maininfo.ultra .pp-mi select.input{height:26px;}
.pp-maininfo.ultra .pp-mi-note textarea.input{
  height:26px;
  min-height:26px;
  max-height:40px;
  padding:3px 6px;
  font-size:11px;
  resize:vertical;
}
.pp-maininfo.ultra .small{font-size:10px; line-height:1.1;}
.pp-maininfo.ultra .pp-mi-note{grid-column: 4 / 5;}
.pp-maininfo.ultra .pp-mi-wide{grid-column: 3 / 4;}
@media (max-width: 1100px){
  .pp-maininfo.ultra{grid-template-columns: 1fr 1fr;}
  .pp-maininfo.ultra .pp-mi-wide{grid-column: 1 / 3;}
  .pp-maininfo.ultra .pp-mi-note{grid-column: 1 / 3;}
  .pp-maininfo.ultra .pp-mi-note textarea.input{height:40px; min-height:40px;}
}


/* ===== Order edit tabs ===== */
.oe-tabs-bar{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:10px}
.oe-tab{flex:none;padding:8px 16px;font-size:13px;font-weight:600;border:0;border-bottom:2px solid transparent;margin-bottom:-2px;background:transparent;cursor:pointer;color:var(--muted);transition:all .15s;white-space:nowrap}
.oe-tab:hover{color:var(--text)}
.oe-tab.active{color:var(--primary,#2563eb);border-bottom-color:var(--primary,#2563eb);font-weight:700}
@media(max-width:480px){.oe-tab{font-size:12px;padding:8px 8px}}

/* ===== Order edit (LiveSklad-like compact) ===== */
.content:has(.order-edit-compact){overflow:hidden !important;display:flex;flex-direction:column}
.order-edit-compact{display:flex;flex-direction:column;flex:1;min-height:0}
.order-edit-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;margin-top:8px;flex:1;min-height:0;overflow:hidden}
.order-edit-main{overflow-y:auto;min-height:0;padding-right:4px}
@media(max-width:1200px){.order-edit-grid{grid-template-columns:1fr;overflow:visible}.order-edit-main{overflow:visible}.order-edit-history{position:static;height:auto;overflow:visible}}
.order-edit-main > .card{margin-top:0}
.order-edit-history{overflow-y:auto;min-height:0;border:1px solid var(--border);border-radius:14px;background:var(--card)}
.order-edit-history .hist-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}
.order-edit-history .hist-title{font-weight:800;font-size:15px}
.order-edit-history .hist-body{padding:8px 12px 12px;font-size:13px}
.order-edit-history .tl-item{margin:8px 0}
.order-edit-history .tl-dot{width:12px;height:12px;left:5px;top:4px}
.order-edit-history .tl-action{font-size:13px}
.order-edit-history .tl-time{font-size:11px}
.order-edit-history .tl-meta{font-size:11px}

/* ===== LiveSklad-like transfer modal ===== */
.ls-modal{min-width:720px;max-width:860px}
.ls-modal.shop-modal{min-width:auto;max-width:560px;width:560px}
@media(max-width:900px){.ls-modal{min-width:auto;width:92vw}.ls-modal.shop-modal{width:92vw;max-width:92vw}}
.ls-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ls-modal-title{font-size:18px;font-weight:900}
.ls-x{border:0;background:transparent;font-size:22px;cursor:pointer;color:var(--muted)}
.ls-transfer-grid{display:grid;grid-template-columns:260px 1fr;gap:14px}
@media(max-width:900px){.ls-transfer-grid{grid-template-columns:1fr}}
.ls-transfer-left{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px}
.ls-transfer-right{padding:2px}
.ls-balance-line{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.4;margin:4px 0}
.ls-pay-tabs{display:flex;gap:8px}
.ls-tabbtn{flex:0 0 auto;border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:7px 14px;font-weight:700;cursor:pointer;font-size:13px;transition:.15s}
.ls-tabbtn:hover{border-color:var(--accent)}
.ls-tabbtn.active{background:var(--accent);color:#fff;border-color:var(--accent)}


.order-footer-bar{flex-shrink:0;margin-top:8px;z-index:2}
.order-footer-inner{display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px 12px;box-shadow:0 10px 25px rgba(0,0,0,.06)}
.order-footer-left{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.order-footer-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.order-footer-inner .btn, .order-footer-inner .btn2{height:38px}

.timeline{position:relative;margin-top:6px}
.timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#2b6fff33;border-radius:2px}
.tl-item{position:relative;padding-left:30px;margin:10px 0}
.tl-dot{position:absolute;left:4px;top:4px;width:14px;height:14px;border-radius:50%;background:#2b6fff;box-shadow:0 0 0 4px #2b6fff1f}
.tl-card{background:transparent;border:0;padding:0}
.tl-time{font-size:12px;opacity:.7;margin-bottom:2px}
.tl-action{font-weight:700}
.tl-meta{font-size:12px;opacity:.7;margin-top:2px}
.tl-section{margin-top:14px;font-size:12px;font-weight:800;opacity:.55;text-transform:uppercase}
/* (old .order-edit-tabs replaced by .oe-tabs-bar / .oe-tab above) */
.order-edit-compact .card{padding:14px}
.order-edit-compact h3{margin:0;font-size:16px}
.order-edit-compact .small{font-size:12px}


/* === LiveSklad compact order view (v10) === */
.order-edit-compact .card{padding:10px;}
.order-edit-compact h3{margin:0 0 8px; font-size:13px;}
.ls-card-title{font-size:13px;font-weight:800;margin:0 0 6px;display:flex;align-items:center;gap:6px}
.ls-compact-top{gap:10px}
.ls-kv{display:grid;grid-template-columns:100px 1fr;gap:4px 8px;align-items:center}
.ls-kv .k{font-size:11px;color:var(--muted);line-height:1.2}
.ls-kv .v{font-size:13px;line-height:1.25}
.input.input-sm, select.input-sm{height:30px;padding:4px 8px;font-size:12px}
.order-edit-compact .hr{margin:10px 0}
.order-edit-compact .grid2{gap:10px}
.order-edit-compact .row{gap:10px}

/* Compact 2-column card rows */
.oe-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.oe-row > .card{margin-top:0!important;padding:10px}
.oe-row .ls-kv{grid-template-columns:90px 1fr;gap:3px 6px}
@media(max-width:900px){.oe-row{grid-template-columns:1fr}}
.oe-single{margin-top:8px}
.oe-single > .card{margin-top:0!important;padding:10px}

/* ===== Order Edit: Status badge select ===== */
.oe-status-badge{
  appearance:none;-webkit-appearance:none;
  padding:4px 24px 4px 10px;
  font-size:12px;font-weight:700;
  border-radius:20px;border:2px solid;
  cursor:pointer;outline:none;
  transition:all .15s;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 8px center;
  background-size:10px 6px;
}
.oe-status-badge:hover{opacity:.85}
.oe-status-badge option{color:#333;background:#fff}

/* ===== Order Edit: Footer icon buttons ===== */
.oe-icon-btn{
  width:38px;height:38px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:16px;border-radius:10px;
}

/* ===== Order Edit: Footer primary button ===== */
.oe-footer-primary{padding:8px 24px;font-size:14px;font-weight:800;letter-spacing:.3px}

/* ===== Order Edit: Dropdown menu items ===== */
.oe-menu-item{
  padding:10px 14px;cursor:pointer;font-size:13px;
  display:flex;align-items:center;gap:8px;
  border-bottom:1px solid var(--border);
  transition:background .12s;
}
.oe-menu-item:hover{background:var(--hover)}
.oe-menu-item:last-child{border-bottom:0}
.oe-menu-danger{color:var(--danger)}
.oe-menu-danger:hover{background:rgba(239,68,68,.06)}

/* ===== Order Edit: Works/Parts table ===== */
.oe-tbl{width:100%;border-collapse:collapse;font-size:12px}
.oe-tbl th{font-size:11px;font-weight:600;color:var(--muted);padding:4px 6px;border-bottom:1px solid var(--border);white-space:nowrap}
.oe-tbl td{padding:6px;border-bottom:1px solid var(--border);vertical-align:middle}
.oe-tbl-row{cursor:pointer;transition:background .1s}
.oe-tbl-row:hover{background:var(--hover)}
.oe-tbl-del{background:none;border:none;color:var(--danger);cursor:pointer;font-size:13px;padding:2px 4px;opacity:.5;transition:opacity .15s}
.oe-tbl-del:hover{opacity:1}

/* ===== Order Edit: Compact cards ===== */
.order-edit-compact .card{padding:8px;border:1px solid var(--border);border-radius:10px}
.order-edit-compact .ls-card-title{font-size:12px;padding-bottom:4px}
.order-edit-compact .ls-kv{gap:2px 4px}
.oe-row > .card{padding:8px}

/* Desktop: hide toggle + mobile header icons, show all tabs normally */
.orders-toolbar{ display:flex; align-items:center; gap:0; border-bottom:1px solid var(--border); }
.orders-tabs-toggle{ display:none; }
.orders-header-icon{ display:none; }

/* Inventory compact UI */
.seg{display:inline-flex;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff;overflow-x:auto;max-width:100%}
.segbtn{border:0;background:transparent;padding:8px 10px;font-size:12px;opacity:.8;cursor:pointer}

/* ═══ ORDERS MOBILE CARD LAYOUT ═══ */
@media(max-width:768px){
  /* Orders card: compact 2-column grid layout */
  .mob-cards #ordersTable tr{
    display:grid !important; grid-template-columns:1fr 1fr;
    gap:2px 8px !important; padding:8px 10px !important;
  }
  .mob-cards #ordersTable td[data-label]{
    display:flex; align-items:center; gap:4px;
    padding:1px 0 !important; font-size:12px !important;
  }
  .mob-cards #ordersTable td[data-label]::before{
    font-size:9px !important; min-width:0 !important; margin-right:4px !important;
  }
  /* Order number: full width, prominent */
  .mob-cards #ordersTable td[data-label="№"],
  .mob-cards #ordersTable td[data-label="Номер"]{
    grid-column:1/-1;
  }
  .mob-cards #ordersTable td[data-label="№"] .link,
  .mob-cards #ordersTable td[data-label="Номер"] .link{
    font-size:14px !important; font-weight:800;
  }
  /* Price: bold green */
  .mob-cards #ordersTable td[data-label="Цена"] b,
  .mob-cards #ordersTable td[data-label="Стоимость"] b{
    font-size:14px !important; color:var(--success);
  }
  /* Status select compact */
  .mob-cards #ordersTable td select.input{
    max-width:140px; font-size:11px !important; min-height:28px !important;
    padding:2px 6px !important;
  }
  /* Hide less important fields on mobile */
  .mob-cards #ordersTable td[data-label="Менеджер"],
  .mob-cards #ordersTable td[data-label="Создан"],
  .mob-cards #ordersTable td[data-label="Дедлайн"],
  .mob-cards #ordersTable td[data-label="Тип оплаты"],
  .mob-cards #ordersTable td[data-label="Мастер"]{ display:none !important; }

  /* Order search bar responsive */
  #globalSearchInput{ max-width:100% !important; width:100% !important; }

  /* ── Orders toolbar ── */
  .orders-toolbar{
    display:flex !important; align-items:center; gap:0;
    border-bottom:1px solid var(--border);
  }

  /* Page header: hide title (already in topbar), compact layout */
  .content.page-list > .row:first-child{
    gap:4px !important; margin-bottom:4px !important;
    flex-wrap:wrap !important;
  }
  /* Hide h2 — already shown in breadcrumb */
  .content.page-list > .row:first-child > h2{ display:none !important; }
  /* Search: full width */
  .content.page-list > .row:first-child > div[style*="flex:1"]{
    flex:1 1 100% !important; max-width:100% !important; margin:0 !important;
  }
  /* Buttons: compact row */
  .content.page-list > .row:first-child > div[style*="display:flex"]{
    width:100%;
  }
  .content.page-list > .row:first-child > div[style*="display:flex"] .btn{
    flex:1; font-size:12px !important; padding:8px 10px !important;
  }
  /* Show filter/settings icons in header on mobile */
  .orders-header-icon{ display:inline-flex !important; }
  /* Hide export button on mobile */
  .content.page-list > .row:first-child > div[style*="display:flex"] .btn2[onclick*="Export"]{
    display:none !important;
  }
}