.content-os-root{display:grid;gap:16px}.content-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.content-view-tabs{display:flex;gap:5px;padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.content-view-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:10px;font-size:9px;font-weight:850;cursor:pointer}.content-view-tabs button.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--text)}.content-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.content-filter-grid label{display:grid;gap:4px;color:var(--muted);font-size:8px;font-weight:800}.content-filter-grid select,.content-filter-grid input{border:1px solid var(--border);background:var(--surface2);color:var(--text);padding:9px;border-radius:12px}.content-company{display:grid;gap:10px}.content-company-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--content-color,#58D874) 11%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--content-color,#58D874) 24%,var(--border))}.content-company-head h2{margin:0;font-size:15px}.content-company-head p{margin:3px 0 0;color:var(--muted);font-size:9px}.content-color-dot{width:10px;height:10px;border-radius:50%;background:var(--content-color);box-shadow:0 0 14px color-mix(in srgb,var(--content-color) 70%,transparent)}.content-company-title{display:flex;gap:9px;align-items:center}.content-project-group{margin-left:14px;border-left:1px solid color-mix(in srgb,var(--content-color,#58D874) 20%,var(--border));padding-left:14px;display:grid;gap:9px}.content-project-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.content-project-head strong{font-size:11px}.content-project-head span{font-size:8px;color:var(--muted)}.content-mesh{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.content-piece{min-height:170px;padding:13px;border-radius:18px;border:1px solid color-mix(in srgb,var(--piece-color,#58D874) 23%,var(--border));background:linear-gradient(150deg,color-mix(in srgb,var(--piece-color,#58D874) 6%,var(--surface)),var(--surface));box-shadow:0 10px 30px rgba(0,0,0,.08);display:grid;align-content:start;gap:7px;cursor:pointer}.content-piece:hover{transform:translateY(-1px)}.content-piece-top{display:flex;justify-content:space-between;gap:6px}.content-piece .content-type{font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--piece-color)}.content-piece .content-status{font-size:7px;padding:4px 6px;border-radius:999px;background:var(--surface2);color:var(--muted)}.content-piece h3{font-size:11px;margin:2px 0 0}.content-piece p{font-size:8px;color:var(--muted);line-height:1.45;margin:0}.content-piece-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.content-piece-meta span{font-size:7px;padding:4px 6px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.content-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--surface)}.content-cal-head{padding:9px;font-size:8px;color:var(--muted);text-align:center;border-bottom:1px solid var(--border)}.content-day{min-height:125px;padding:8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;align-content:start;gap:5px}.content-day:nth-child(7n){border-right:0}.content-day.outside{opacity:.35}.content-day.today{background:color-mix(in srgb,var(--accent) 5%,transparent)}.content-day-num{font-size:9px;font-weight:850}.content-cal-item{padding:5px 6px;border-radius:8px;border-left:3px solid var(--item-color,#58D874);background:color-mix(in srgb,var(--item-color,#58D874) 9%,var(--surface2));font-size:7px;line-height:1.25;cursor:pointer}.content-kanban{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:10px;overflow:auto;padding-bottom:6px}.content-kanban-col{border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:10px;min-height:300px}.content-kanban-col h3{margin:2px 2px 10px;font-size:10px}.content-kanban-card{padding:10px;border:1px solid var(--border);border-radius:13px;background:var(--surface2);margin-bottom:8px;cursor:pointer}.content-kanban-card strong{display:block;font-size:9px}.content-kanban-card span{display:block;font-size:7px;color:var(--muted);margin-top:4px}.content-form-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.content-form-tabs span{font-size:8px;padding:5px 7px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);color:var(--muted)}.entity-color-control{display:grid;grid-template-columns:52px minmax(0,1fr);gap:7px}.entity-color-control input[type=color]{height:40px;padding:3px}@media(max-width:1100px){.content-mesh{grid-template-columns:repeat(2,1fr)}.content-filter-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.content-mesh,.content-filter-grid{grid-template-columns:1fr}.content-project-group{margin-left:0;padding-left:8px}.content-calendar{min-width:720px}.content-calendar-wrap{overflow:auto}.content-mesh{grid-template-columns:1fr}}