/* Kanban — polish visual: mais contraste, hierarquia e leitura sem alterar lógica */ #homeView.active .kanban-wrap, .home-view.active .kanban-wrap{ background:linear-gradient(180deg, color-mix(in srgb,var(--surface2) 82%,var(--bg)), color-mix(in srgb,var(--surface3) 42%,var(--bg)) ) !important; border:1px solid color-mix(in srgb,var(--border2) 72%,transparent) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 10px 28px rgba(60,64,67,.08) !important; } #homeView.active .kanban-board, .home-view.active .kanban-board{ gap:16px !important; padding:12px 10px 10px !important; } #homeView.active .kanban-col, .home-view.active .kanban-col{ background:color-mix(in srgb,var(--surface2) 72%,var(--surface)) !important; border:1px solid color-mix(in srgb,var(--border2) 70%,transparent) !important; border-radius:18px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 8px 20px rgba(60,64,67,.065) !important; padding:12px 10px 10px !important; } #homeView.active .kanban-col::before, .home-view.active .kanban-col::before{ content:""; display:block; height:3px; border-radius:999px; margin:0 0 8px; background:color-mix(in srgb,var(--muted) 34%,transparent); } #homeView.active .kanban-col[data-status="novos"]::before{background:#1a73e8;} #homeView.active .kanban-col[data-status="arte"]::before{background:#7c3aed;} #homeView.active .kanban-col[data-status="aprovacao"]::before{background:#f59e0b;} #homeView.active .kanban-col[data-status="envio"]::before{background:#0891b2;} #homeView.active .kanban-col[data-status="producao"]::before{background:#16a34a;} #homeView.active .kanban-col[data-status="expedicao"]::before{background:#ea580c;} #homeView.active .kanban-col[data-status="entregue"]::before{background:#64748b;} #homeView.active .kanban-col[data-status="pagamento"]::before{background:#db2777;} #homeView.active .kanban-col-header, .home-view.active .kanban-col-header{ padding:4px 4px 10px !important; margin-bottom:8px !important; border-bottom:1px solid color-mix(in srgb,var(--border2) 78%,transparent) !important; } #homeView.active .kanban-col-title, .home-view.active .kanban-col-title{ font-size:11px !important; line-height:1.2 !important; font-weight:900 !important; letter-spacing:.045em !important; text-transform:uppercase !important; max-width:calc(100% - 68px) !important; white-space:normal !important; } #homeView.active .kanban-col-count, .home-view.active .kanban-col-count{ min-width:23px !important; height:23px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; font-size:10px !important; font-weight:900 !important; color:var(--muted) !important; background:color-mix(in srgb,var(--surface) 86%,var(--surface2)) !important; border:1px solid color-mix(in srgb,var(--border2) 84%,transparent) !important; box-shadow:0 1px 2px rgba(60,64,67,.08) !important; } #homeView.active .kanban-col-collapse-btn, .home-view.active .kanban-col-collapse-btn{ background:color-mix(in srgb,var(--surface) 84%,var(--surface2)) !important; border-color:color-mix(in srgb,var(--border2) 72%,transparent) !important; box-shadow:0 1px 3px rgba(60,64,67,.10) !important; } #homeView.active .kanban-col-collapse-btn:hover, .home-view.active .kanban-col-collapse-btn:hover{ color:var(--accent) !important; border-color:var(--accent-border) !important; background:var(--accent-dim) !important; } #homeView.active .kanban-col-scroll, .home-view.active .kanban-col-scroll{ gap:10px !important; padding:2px 5px 8px 2px !important; } #homeView.active .kanban-card, .home-view.active .kanban-card{ border:1px solid color-mix(in srgb,var(--border2) 75%,transparent) !important; border-radius:16px !important; background:var(--surface) !important; box-shadow: 0 1px 2px rgba(60,64,67,.10), 0 4px 12px rgba(60,64,67,.07) !important; transition:border-color .15s ease, box-shadow .18s ease, transform .15s ease !important; } #homeView.active .kanban-card:hover, .home-view.active .kanban-card:hover{ border-color:color-mix(in srgb,var(--accent) 38%,var(--border2)) !important; box-shadow: 0 2px 5px rgba(60,64,67,.14), 0 12px 26px rgba(60,64,67,.13) !important; transform:translateY(-1px) !important; } #homeView.active .kanban-card.dragging, .home-view.active .kanban-card.dragging{ transform:scale(.97) !important; } #homeView.active .kanban-card-art, .home-view.active .kanban-card-art{ background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface2) 40%,#fff)) !important; border-bottom:1px solid color-mix(in srgb,var(--border2) 70%,transparent) !important; } #homeView.active .kanban-card-art img, .home-view.active .kanban-card-art img{ filter:saturate(1.03) contrast(1.02); } #homeView.active .kanban-card-num, .home-view.active .kanban-card-num{ font-size:10.5px !important; font-weight:850 !important; color:var(--accent) !important; } #homeView.active .kanban-card-cliente, .home-view.active .kanban-card-cliente{ font-size:12.5px !important; font-weight:900 !important; color:var(--text) !important; } #homeView.active .kanban-card-prod, .home-view.active .kanban-card-prod{ color:color-mix(in srgb,var(--muted) 88%,var(--text)) !important; font-weight:600 !important; } #homeView.active .kanban-card-val, .home-view.active .kanban-card-val{ font-size:12.5px !important; font-weight:900 !important; } #homeView.active .kanban-card-fin, .home-view.active .kanban-card-fin{ border-width:1px !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.38) !important; } #homeView.active .kanban-empty, .home-view.active .kanban-empty{ color:color-mix(in srgb,var(--faint) 74%,transparent) !important; font-size:18px !important; font-weight:700 !important; } #homeView.active .kanban-col.drag-over, .home-view.active .kanban-col.drag-over{ outline:2px dashed color-mix(in srgb,var(--accent) 72%,transparent) !important; outline-offset:-5px !important; background:color-mix(in srgb,var(--accent-dim) 72%,var(--surface2)) !important; } #homeView.active .kanban-wrap::-webkit-scrollbar-thumb, .home-view.active .kanban-wrap::-webkit-scrollbar-thumb{ background:color-mix(in srgb,var(--faint) 62%,transparent) !important; } #homeView.active .kanban-col-scroll::-webkit-scrollbar-thumb, .home-view.active .kanban-col-scroll::-webkit-scrollbar-thumb{ background:color-mix(in srgb,var(--faint) 42%,transparent) !important; } #homeView.active .kanban-col-scroll:hover::-webkit-scrollbar-thumb, .home-view.active .kanban-col-scroll:hover::-webkit-scrollbar-thumb{ background:color-mix(in srgb,var(--faint) 66%,transparent) !important; } /* Mantém as colunas minimizadas estreitas mesmo com o polish aplicado. */ #homeView.active .kanban-col.is-collapsed, .home-view.active .kanban-col.is-collapsed{ flex:0 0 56px !important; flex-basis:56px !important; width:56px !important; min-width:56px !important; max-width:56px !important; padding:8px 6px !important; background:color-mix(in srgb,var(--surface2) 82%,var(--surface)) !important; } #homeView.active .kanban-col.is-collapsed::before, .home-view.active .kanban-col.is-collapsed::before{ width:100%; height:3px; margin-bottom:8px; } #homeView.active .kanban-col.is-collapsed .kanban-col-title, .home-view.active .kanban-col.is-collapsed .kanban-col-title{ font-size:12px !important; letter-spacing:.055em !important; line-height:1.1 !important; max-width:24px !important; max-height:calc(100% - 78px) !important; white-space:nowrap !important; } #homeView.active .kanban-col.is-collapsed .kanban-col-count, .home-view.active .kanban-col.is-collapsed .kanban-col-count{ min-width:24px !important; height:24px !important; }