/* TEMAC V36 - design system, red accents + neutral gray typography. Placed after legacy styles. */
:root{--temac-red:#cf283a;--temac-red-dark:#b71d30;--temac-graphite:#30343b;--temac-dark:#30343b;--temac-muted:#767c86;--temac-canvas:#f3f4f6;--temac-border:#e2e5eb}
body{background:var(--temac-canvas)!important;color:var(--temac-dark)!important}
body>.temac-v28.app.studio-shell,body>.temac-v28 .studio-main,body>.temac-v28 .studio-content{background:var(--temac-canvas)!important}
body>.temac-v28.app.studio-shell>.sidebar.studio-sidebar{background:linear-gradient(180deg,#31353b,#292d33)!important;box-shadow:3px 0 15px #17191e11!important}
body>.temac-v28 .studio-sidebar .navlink.active{background:var(--temac-red)!important;color:white!important;box-shadow:0 8px 18px #cf283a35!important}
body>.temac-v28 .studio-sidebar .navlink:hover:not(.active){background:#ffffff1f!important}
body>.temac-v28 .studio-topbar{background:#fff!important;border-bottom:1px solid #e8e9ed!important;box-shadow:0 1px 9px #171e2907!important}
body>.temac-v28 .studio-content{padding:clamp(23px,2.3vw,40px)!important}
body>.temac-v28 .studio-dashboard{max-width:1700px!important;margin:0 auto!important}
body>.temac-v28 .studio-title-row{margin:0 0 24px!important;min-height:92px;align-items:center!important}
body>.temac-v28 .studio-title-row h1{font-size:clamp(30px,2.5vw,43px)!important;letter-spacing:-.045em!important;margin:4px 0 2px!important;color:#30343b!important}
body>.temac-v28 .studio-title-row p{font-size:13px!important;color:#79818d!important}
body>.temac-v28 .studio-kicker{color:#7d8591!important;font-size:10px!important;letter-spacing:.13em!important;font-weight:800!important}
body>.temac-v28 .btn-primary{background:var(--temac-red)!important;border-color:var(--temac-red)!important;color:#fff!important;box-shadow:0 8px 16px #cf283a20!important}
body>.temac-v28 .btn-primary:hover{background:var(--temac-red-dark)!important;border-color:var(--temac-red-dark)!important}
body>.temac-v28 .btn-outline-primary{border-color:#e5a9b0!important;background:#fff!important;color:#4a4e57!important}
body>.temac-v28 .btn-outline-primary:hover{background:var(--temac-red)!important;color:#fff!important;border-color:var(--temac-red)!important}
body>.temac-v28 .studio-surface,body>.temac-v28 .studio-process-card,body>.temac-v28 .panel,body>.temac-v28 .card{background:#fff!important;border:1px solid var(--temac-border)!important;border-radius:18px!important;box-shadow:0 7px 22px #29333e08!important}
/* Processes section */
body>.temac-v28 .temac-process-heading{margin:4px 0 9px;display:flex;justify-content:space-between;gap:10px}
body>.temac-v28 .temac-process-heading h2{font-size:19px;font-weight:800;letter-spacing:-.025em;color:#30343b;margin:0 0 4px}
body>.temac-v28 .temac-process-heading p{font-size:12px;color:#7a818c;margin:0}
body>.temac-v28 .studio-processes{margin-bottom:20px!important}
body>.temac-v28 .studio-carousel-actions{margin-bottom:10px!important}
body>.temac-v28 .studio-carousel-actions button{border:1px solid #e1e4ea!important;border-radius:11px!important;color:#5d6570!important}
body>.temac-v28 .studio-process-track{gap:14px!important;padding:4px 2px 10px!important;max-width:100%!important;overscroll-behavior-x:contain}
body>.temac-v28 .studio-process-card{flex:0 0 clamp(250px,calc((100% - 42px)/4),360px)!important;min-height:248px!important;height:255px!important;padding:18px!important;scroll-snap-align:start!important}
body>.temac-v28 .studio-client-mark{border-radius:50%!important;background:#fce3e7!important;color:#c62639!important;width:40px!important;height:40px!important}
body>.temac-v28 .studio-priority{background:#fcebef!important;color:#535963!important;font-size:10px!important;font-weight:650}
body>.temac-v28 .studio-process-card h3{font-size:16px!important;letter-spacing:-.02em;margin:13px 0 4px!important;color:#30343b!important}
body>.temac-v28 .studio-service-description{color:#7a818a!important;font-size:12px!important;min-height:32px!important}
body>.temac-v28 .studio-period{color:#69717f!important}
body>.temac-v28 .studio-progress{height:7px!important;background:#ebeef2!important}
body>.temac-v28 .studio-progress span{background:var(--temac-red)!important}
body>.temac-v28 .studio-card-bottom strong{color:#414751!important}
body>.temac-v28 .studio-card-link{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;font-weight:750!important;border:1px solid #e3e6ec;padding:7px 12px;border-radius:10px;color:#414751!important;background:white;margin-top:auto;text-decoration:none!important}
body>.temac-v28 .studio-card-link:hover{border-color:var(--temac-red)!important}
/* Tasks and overview */
body>.temac-v28 .studio-two-col{grid-template-columns:minmax(0,1.75fr) minmax(290px,.92fr)!important;gap:16px!important}
body>.temac-v28 .studio-surface{padding:24px!important}
body>.temac-v28 .studio-panel-heading h2,body>.temac-v28 .studio-overview h2{font-size:20px!important;letter-spacing:-.035em!important;color:#30343b!important;margin:4px 0 12px!important}
body>.temac-v28 .studio-task-filters{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:none!important;margin:2px 0 14px!important;padding-top:10px;border-top:1px solid #edeef1}
body>.temac-v28 .temac-task-tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
body>.temac-v28 .temac-filter-btn{appearance:none;border:1px solid transparent;background:transparent;padding:9px 12px;border-radius:10px;color:#606875;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
body>.temac-v28 .temac-filter-btn i{font-size:15px;color:#737a85}
body>.temac-v28 .temac-filter-btn.is-active{background:#fbe7eb;color:#454a53;border-color:#f8e2e7}
body>.temac-v28 .temac-filter-btn.is-active i{color:var(--temac-red)}
body>.temac-v28 #studioTaskFilter{width:158px!important;max-width:100%!important;flex-shrink:0;border-color:#e4e7ed!important;border-radius:10px!important;font-size:12px!important;color:#535d68!important}
body>.temac-v28 .studio-task-list{max-height:none!important;overflow-y:visible!important}
body>.temac-v28 .studio-task-row{min-height:66px;padding:12px 2px!important;border-color:#edf0f3!important}
body>.temac-v28 .studio-check{border-color:#d5dae2!important}
body>.temac-v28 .studio-check.checked{background:var(--temac-red)!important;border-color:var(--temac-red)!important}
body>.temac-v28 .studio-schedule-icon{color:var(--temac-red)!important}
body>.temac-v28 .studio-overview>a{min-height:64px!important;border-bottom:1px solid #edf0f3!important;color:#49515c!important}
body>.temac-v28 .studio-overview>a i{color:var(--temac-red)!important;font-size:19px}
body>.temac-v28 .studio-overview>a strong{font-size:20px!important;color:#30343b!important}
body>.temac-v28 .studio-notice{background:#f6f7f9!important;color:#7b828d!important;border:1px solid #edeff2}
body>.temac-v28 .studio-empty-state{background:#fff!important;border-color:#e3e6ed!important;min-height:220px!important}
body>.temac-v28 .studio-empty-state i{color:var(--temac-red)!important}
/* Shared modules and form controls */
body>.temac-v28 .studio-content .page-title,body>.temac-v28 .studio-content h1,body>.temac-v28 .studio-content h2,body>.temac-v28 .studio-content h3{color:#30343b!important}
body>.temac-v28 .studio-content :is(.subtitle,.section-subtitle,.form-text,.studio-muted){color:#7b828d!important}
body>.temac-v28 .studio-content :is(.form-control,.form-select){border-color:#dfe3e9!important;box-shadow:none;border-radius:11px!important}
body>.temac-v28 .studio-content :is(.form-control,.form-select):focus{border-color:#d97783!important;box-shadow:0 0 0 3px #cf283a12!important}
body>.temac-v28 .studio-content .table thead th{background:#f8f9fb!important;color:#59616d!important;font-size:12px!important}
body>.temac-v28 .studio-content .table td{color:#4f5660!important}
body>.temac-v28 .studio-content .badge:not(.bg-danger):not(.bg-success){color:#535b66}
body>.temac-v28 .studio-settings-item>i{color:var(--temac-red)!important;background:#fcebed!important}
body>.temac-v28 .studio-notice-count{background:var(--temac-red)!important}
@media(max-width:1100px){body>.temac-v28 .studio-two-col{grid-template-columns:minmax(0,1fr)!important}body>.temac-v28 .studio-process-card{flex-basis:clamp(255px,38vw,330px)!important}}
@media(max-width:700px){body>.temac-v28 .studio-content{padding:18px 14px!important}body>.temac-v28 .studio-process-card{flex-basis:min(85%,315px)!important}body>.temac-v28 .studio-surface{padding:18px!important}body>.temac-v28 .studio-title-row{align-items:flex-start!important}body>.temac-v28 .studio-title-row .btn-primary{width:auto!important}body>.temac-v28 .studio-task-filters{align-items:flex-start}body>.temac-v28 #studioTaskFilter{width:100%!important}}
