/* Modern CRM shell and compact dashboard */
:root{
  --ui-bg:#f7f8fa;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f1f3f5;
  --ui-text:#171a1f;
  --ui-muted:#727982;
  --ui-border:#e3e6e8;
  --ui-accent:#14735a;
  --ui-accent-hover:#0f604b;
  --ui-danger:#c43d3d;
  --ui-warning:#b86b14;
  --ui-radius:12px;
  --ui-shadow:0 1px 2px rgba(18,24,40,.04),0 8px 24px rgba(18,24,40,.05);
}
body{background:var(--ui-bg);color:var(--ui-text);font-size:14px;letter-spacing:-.005em}
.app-header{height:60px;padding:0 28px;background:#fff;color:var(--ui-text);border-bottom:1px solid var(--ui-border);box-shadow:none;position:relative;z-index:20}
.header-nav{height:100%;gap:32px}.brand{color:var(--ui-text);font-size:15px;gap:10px}.brand:hover{color:var(--ui-text)}
.brand span:first-child{width:30px;height:30px;border-radius:8px;background:#16211d;color:#fff;font-size:14px}
.brand-name{display:flex;gap:6px;align-items:center;white-space:nowrap}.brand b{font-size:9px;color:var(--ui-accent);letter-spacing:.14em}
.primary-nav{height:100%;align-items:center}.header-nav .primary-nav a{height:100%;display:flex;align-items:center;color:#646b73;padding:0 12px;border-radius:0;position:relative;font-size:13px;font-weight:600}
.header-nav .primary-nav a:hover{background:transparent;color:var(--ui-text)}
.header-nav .primary-nav a.active{color:var(--ui-text)}.header-nav .primary-nav a.active:after{content:"";height:2px;background:var(--ui-accent);position:absolute;left:12px;right:12px;bottom:0;border-radius:2px 2px 0 0}
.user-menu{display:flex;align-items:center;gap:8px;color:var(--ui-muted);font-size:12px}.user-menu form{display:flex}.user-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8efec;color:var(--ui-accent);font-weight:800}.user-menu .link{color:var(--ui-muted);text-decoration:none;font-size:12px}.user-menu .link:hover{color:var(--ui-text)}
main{padding:24px 28px 44px}.button{background:var(--ui-accent);border-radius:9px;padding:10px 14px;font-size:13px;box-shadow:none}.button:hover{background:var(--ui-accent-hover)}

.board-page{max-width:none}.board-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;background:transparent;color:var(--ui-text);border:0;border-radius:0;padding:0;box-shadow:none}.board-header h1{font-size:30px;line-height:1.15;margin:3px 0 4px;letter-spacing:-.035em;color:var(--ui-text)}.board-header .eyebrow{color:var(--ui-accent)}.board-subtitle{margin:0;color:var(--ui-muted);font-size:13px}.eyebrow{color:var(--ui-accent);font-size:10px;letter-spacing:.16em}.primary-action{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.board-switcher{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;border-bottom:1px solid var(--ui-border)}
.board-switcher .deal-tabs{margin:0;gap:20px}.board-switcher .deal-tabs a{background:transparent;border:0;border-radius:0;padding:10px 1px 11px;color:var(--ui-muted);font-weight:600;box-shadow:none;position:relative}.board-switcher .deal-tabs a:hover{color:var(--ui-text);border:0}.board-switcher .deal-tabs a.active{background:transparent;color:var(--ui-text);box-shadow:none}.board-switcher .deal-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ui-accent);border-radius:2px}.pipeline-meta{color:var(--ui-muted);font-size:12px;white-space:nowrap}
.board-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.kpi-card{display:flex;align-items:center;gap:12px;min-height:78px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:13px 15px}.kpi-card>div:last-child{display:grid;gap:2px;min-width:0}.kpi-card small{color:var(--ui-muted);font-size:11px;white-space:nowrap}.kpi-card strong{font-size:21px;line-height:1.15;letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis}.kpi-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#edf1ef;color:var(--ui-accent);font-size:12px;font-weight:900}.kpi-icon.money{background:#e8f2ed}.kpi-icon.warning{background:#fff2e2;color:var(--ui-warning)}.kpi-icon.calm{background:#edf0f3;color:#6c747c}.kpi-card.attention{border-color:#f0d5b2;background:#fffbf6}
.risk-strip{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;background:#fff8f7;border:1px solid #f0d0cc;color:#6f3532;border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:12px}.risk-strip>div{display:flex;align-items:center;gap:7px}.risk-dot{width:7px;height:7px;border-radius:50%;background:var(--ui-danger)}.risk-strip span{white-space:nowrap}
.compact-products{background:#fff;border:1px solid var(--ui-border);border-radius:10px;padding:0;margin:0 0 16px}.compact-products summary{cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:11px 14px;color:var(--ui-muted);font-size:12px;list-style:none}.compact-products summary::-webkit-details-marker{display:none}.compact-products summary b{color:var(--ui-text)}.compact-products[open] summary{border-bottom:1px solid var(--ui-border)}.compact-products .ready-product-grid{padding:14px;margin:0}.compact-products .text-link{display:inline-block;padding:0 14px 14px;color:var(--ui-accent);text-decoration:none;font-weight:700}
.kanban-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:18px 0 10px}.kanban-heading h2{font-size:15px}.kanban-heading p{margin:2px 0 0;color:var(--ui-muted);font-size:11px}.scroll-hint{color:var(--ui-muted);font-size:11px}
.kanban{gap:10px;margin:0 -28px;padding:0 28px 18px;scroll-padding-left:28px}.column{width:270px;min-width:270px;min-height:470px;padding:10px;background:#eff1f2;border:1px solid #e2e5e7;border-radius:12px}.column-head{margin:0 2px 10px;padding:1px 2px;align-items:flex-start;gap:8px}.column-head h2{font-size:13px;line-height:1.35;letter-spacing:-.01em}.column-head span{min-width:23px;text-align:center;padding:2px 7px;background:#fff;border:1px solid var(--ui-border);color:var(--ui-muted);font-size:11px}.cards{gap:8px}.deal-card{border:1px solid var(--ui-border);border-radius:10px;padding:12px;box-shadow:0 1px 2px rgba(18,24,40,.035);transition:border-color .15s,box-shadow .15s,transform .15s}.deal-card:hover{transform:translateY(-1px);border-color:#b7c7c0;box-shadow:var(--ui-shadow)}.deal-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.deal-card-top small{margin:0;color:var(--ui-accent);font-size:10px;letter-spacing:.04em}.deal-card-top b{color:var(--ui-text);font-size:11px}.deal-card>strong{font-size:13px;line-height:1.35}.deal-customer{color:var(--ui-muted)!important;margin:3px 0 10px!important;font-size:11px}.deal-next-action{display:grid;gap:1px;background:#f6f7f8;border-radius:7px;padding:7px 8px;margin-bottom:10px}.deal-next-action small{color:#8a9198;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.deal-next-action span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deal-card footer{margin-top:0;padding-top:0;border-top:0;color:var(--ui-muted);font-size:10px}.deal-manager{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deal-manager i{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:#e7ece9;color:var(--ui-accent);font-style:normal;font-size:9px;font-weight:800}.deal-card time{background:#f1f3f4;border-radius:6px;padding:3px 6px;color:#626970;font-weight:700}.empty{min-height:104px;border:1px dashed #ccd1d4;border-radius:9px;color:#9aa1a7;display:grid;place-items:center;align-content:center;gap:3px;font-size:12px}.empty span{font-size:18px;font-weight:300}.empty p{margin:0}.column.drop-target{background:#e6f0eb;border-color:var(--ui-accent);box-shadow:inset 0 0 0 1px rgba(20,115,90,.18)}

.stock-pending{display:inline-grid;gap:1px;color:#176b52;font-weight:800}.stock-pending small{display:block;color:#75847e;font-size:10px;font-weight:700}

@media(max-width:1000px){.board-kpis{grid-template-columns:repeat(2,1fr)}.user-name{display:none}.header-nav{gap:15px}.header-nav .primary-nav a{padding:0 8px}.header-nav .primary-nav a.active:after{left:8px;right:8px}}
@media(max-width:760px){.app-header{height:auto;min-height:58px;padding:8px 16px;align-items:flex-start}.header-nav{width:calc(100% - 40px);align-items:flex-start}.brand-name{display:none}.primary-nav{height:auto;overflow-x:auto;max-width:calc(100vw - 100px)}.header-nav .primary-nav a{height:42px;white-space:nowrap;padding:0 8px}.user-menu{position:absolute;right:13px;top:15px}.user-menu .link,.user-name{display:none}main{padding:18px 16px 32px}.board-header{align-items:flex-start}.board-header h1{font-size:26px}.board-subtitle{display:none}.primary-action{padding:9px 11px}.primary-action span{display:none}.board-kpis{grid-template-columns:1fr 1fr;gap:8px}.kpi-card{min-height:70px;padding:10px}.kpi-card small{white-space:normal}.kpi-card strong{font-size:18px}.kpi-icon{display:none}.board-switcher{align-items:flex-end}.board-switcher .deal-tabs{margin:0;padding:0;gap:16px}.pipeline-meta{display:none}.scroll-hint{display:none}.kanban{margin:0 -16px;padding-left:16px;padding-right:16px;scroll-padding-left:16px}.column{width:82vw;min-width:82vw}.risk-strip{align-items:flex-start;flex-direction:column;gap:6px}}