/* Tariq Consulting V11 — realistic template expansion */
:root{
  --v11-rub:#8f0f2d;--v11-rub2:#b51c47;--v11-berry:#7a244f;--v11-plum:#5c2b62;
  --v11-rose:#d24f73;--v11-gold:#c4873d;--v11-teal:#1d7d78;--v11-ink:#1d1719;
  --v11-muted:#71686b;--v11-line:#eadde0;--v11-paper:#fffdfb;--v11-soft:#fbf5f6;
}
.v11-workspace-sec{padding:112px 0 122px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fffaf9 48%,#fff 100%)}
.v11-workspace-sec:before{content:"";position:absolute;width:640px;height:640px;right:-260px;top:110px;border-radius:50%;background:radial-gradient(circle,rgba(181,28,71,.13),rgba(181,28,71,0) 68%);pointer-events:none}
.v11-workspace-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.55fr);gap:70px;align-items:end;margin-bottom:34px}
.v11-workspace-head .x-desc{max-width:830px}.v11-workspace-note{border:1px solid var(--v11-line);background:rgba(255,255,255,.8);box-shadow:0 18px 60px rgba(71,24,38,.08);border-radius:22px;padding:20px 22px;display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:center}
.v11-workspace-note i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#9a1133,#d84667);color:white;font-style:normal;font-weight:800;box-shadow:0 12px 24px rgba(143,15,45,.22)}
.v11-workspace-note b{display:block;font-size:1rem;color:var(--v11-ink);margin-bottom:4px}.v11-workspace-note span{font-size:1rem;color:var(--v11-muted);line-height:1.45}
.v11-stage-nav{display:flex;gap:8px;overflow:auto;padding:2px 2px 14px;scrollbar-width:none}.v11-stage-nav::-webkit-scrollbar{display:none}
.v11-stage-btn{min-width:190px;flex:1;border:1px solid var(--v11-line);background:rgba(255,255,255,.86);border-radius:17px;padding:14px 15px;text-align:left;display:flex;gap:12px;align-items:center;cursor:pointer;transition:.28s ease;color:#5d5558;box-shadow:0 8px 22px rgba(70,30,40,.035)}
.v11-stage-btn .no{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f8eef0;color:#8f0f2d;font-weight:800;font-size:1rem;flex:none}.v11-stage-btn b{display:block;font-size:1rem;color:inherit}.v11-stage-btn small{display:block;font-size:1rem;color:#94898d;margin-top:2px;white-space:nowrap}
.v11-stage-btn:hover{transform:translateY(-2px);border-color:#dbbac2}.v11-stage-btn.active{background:linear-gradient(145deg,#7d1028,#a9143a);color:#fff;border-color:transparent;box-shadow:0 14px 32px rgba(124,16,40,.18)}.v11-stage-btn.active .no{background:rgba(255,255,255,.15);color:#fff}.v11-stage-btn.active small{color:#f5ccd5}
.v11-workspace{border:1px solid #e6d6da;border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 36px 100px rgba(67,27,38,.13),0 1px 0 rgba(255,255,255,.9) inset;overflow:hidden;position:relative}
.v11-workspace:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 48%,rgba(255,255,255,.45) 51%,transparent 54%);transform:translateX(-130%);animation:v11sheen 9s ease-in-out infinite}@keyframes v11sheen{0%,65%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}
.v11-browserbar{height:54px;border-bottom:1px solid #eee3e5;display:flex;align-items:center;padding:0 19px;gap:14px;background:linear-gradient(180deg,#fff,#fcf8f8)}
.v11-dots{display:flex;gap:6px}.v11-dots i{width:8px;height:8px;border-radius:50%;background:#e0cdd1}.v11-dots i:first-child{background:#b82c4e}.v11-address{height:29px;min-width:300px;max-width:520px;flex:1;border:1px solid #eee0e3;border-radius:9px;background:#fff;display:flex;align-items:center;padding:0 12px;color:#958b8e;font-size:1rem;letter-spacing:.03em}.v11-address:before{content:"●";color:#4f9c70;font-size:1rem;margin-right:7px}.v11-browserstatus{font-size:1rem;font-weight:700;color:#8f0f2d;display:flex;align-items:center;gap:6px}.v11-browserstatus i{width:7px;height:7px;border-radius:50%;background:#39a16b;box-shadow:0 0 0 4px rgba(57,161,107,.1)}
.v11-app{display:grid;grid-template-columns:210px minmax(0,1fr) 250px;min-height:610px}
.v11-sidebar{border-right:1px solid #eee3e5;background:linear-gradient(180deg,#fff,#fcf9f9);padding:19px 14px;display:flex;flex-direction:column;gap:6px}.v11-sidebrand{display:flex;gap:10px;align-items:center;padding:7px 8px 15px;border-bottom:1px solid #f0e6e8;margin-bottom:7px}.v11-sidebrand img{width:29px;height:29px}.v11-sidebrand b{font-size:1rem;color:#2c2326}.v11-sidebrand small{display:block;font-size:1rem;color:#9e9295;margin-top:2px}
.v11-sideitem{border:0;background:transparent;border-radius:11px;padding:10px 10px;display:flex;align-items:center;gap:9px;color:#786f72;font-size:1rem;text-align:left;cursor:pointer}.v11-sideitem i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#f9f2f3;color:#9d1838;font-style:normal;font-size:1rem}.v11-sideitem.active{background:#f8edef;color:#81122d;font-weight:700}.v11-sidebar-foot{margin-top:auto;border-top:1px solid #f0e6e8;padding:14px 8px 0}.v11-sidebar-foot b{display:block;font-size:1rem;color:#554d50}.v11-sidebar-foot span{display:flex;justify-content:space-between;font-size:1rem;color:#a3979a;margin-top:7px}.v11-health{height:5px;background:#f1e6e8;border-radius:99px;margin-top:7px;overflow:hidden}.v11-health i{display:block;height:100%;width:86%;background:linear-gradient(90deg,#8d102d,#d24f73);border-radius:inherit}
.v11-main{padding:22px 24px 28px;min-width:0;background:linear-gradient(180deg,#fff 0%,#fffcfc 100%)}
.v11-mainhead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.v11-mainhead small{display:block;font-size:1rem;text-transform:uppercase;letter-spacing:.15em;color:#a18e93;font-weight:800}.v11-mainhead h3{font-family:var(--serif,Georgia,serif);font-size:29px;line-height:1.06;margin:5px 0 0;color:#221a1d}.v11-mainhead p{font-size:1rem;color:#786f72;line-height:1.5;margin:7px 0 0;max-width:630px}.v11-main-actions{display:flex;gap:7px;flex:none}.v11-main-actions button{border:1px solid #e8dadd;background:#fff;border-radius:10px;height:34px;padding:0 11px;font-size:1rem;color:#6b5f63}.v11-main-actions button.primary{background:#8c102d;color:#fff;border-color:#8c102d}
.v11-subnav{display:flex;gap:6px;margin-bottom:17px}.v11-view-btn{border:1px solid #e8dadd;background:#fff;border-radius:9px;padding:8px 12px;font-size:1rem;color:#71676b;cursor:pointer}.v11-view-btn.active{background:#f7e8ec;border-color:#d9b5bd;color:#8d102d;font-weight:800}
.v11-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:13px}.v11-metric{border:1px solid #eee1e4;background:#fff;border-radius:13px;padding:12px 13px;box-shadow:0 8px 20px rgba(68,26,39,.025)}.v11-metric small{font-size:1rem;text-transform:uppercase;letter-spacing:.12em;color:#a39598}.v11-metric strong{font-size:20px;color:#2b2225;display:block;margin-top:4px}.v11-metric span{font-size:1rem;color:#78927f;display:block;margin-top:3px}.v11-metric.alert span{color:#b45b47}
.v11-canvas{border:1px solid #eadde0;border-radius:16px;background:linear-gradient(180deg,#fff,#fffcfc);min-height:338px;overflow:hidden;position:relative}.v11-canvas-head{height:45px;border-bottom:1px solid #f0e5e7;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.v11-canvas-head b{font-size:1rem;color:#413639}.v11-canvas-head span{font-size:1rem;color:#9b8f92}.v11-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;padding:12px}.v11-card{border:1px solid #eee1e4;border-radius:12px;background:#fff;padding:12px}.v11-card h4{font-size:1rem;margin:0 0 9px;color:#30272a}.v11-card p,.v11-card li{font-size:1rem;color:#776c70;line-height:1.45}.v11-card ul{margin:0;padding-left:14px}.v11-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 0;border-bottom:1px solid #f1e8ea}.v11-row:last-child{border-bottom:0}.v11-row b{font-size:1rem;color:#413639}.v11-row small{font-size:1rem;color:#9d9094}.v11-pill{font-size:1rem;font-weight:800;color:#8f0f2d;background:#f8e9ed;border:1px solid #eed3da;border-radius:99px;padding:4px 7px;white-space:nowrap}.v11-bar{height:5px;background:#f1e8ea;border-radius:99px;overflow:hidden;min-width:70px}.v11-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8c102d,#d24f73);width:var(--w,70%)}
.v11-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.v11-col{background:#fbf7f8;border:1px solid #eee1e4;border-radius:11px;padding:9px}.v11-col>header{display:flex;justify-content:space-between;font-size:1rem;color:#685d61;font-weight:800;margin-bottom:8px}.v11-ticket{background:#fff;border:1px solid #eee1e4;border-radius:9px;padding:9px;margin-bottom:7px;box-shadow:0 5px 14px rgba(61,27,37,.025)}.v11-ticket b{font-size:1rem;color:#3a3033;display:block}.v11-ticket small{font-size:1rem;color:#a09497;display:block;margin-top:4px}.v11-ticket .score{margin-top:6px;display:flex;justify-content:space-between;color:#8f0f2d;font-size:1rem}
.v11-table{padding:10px 12px}.v11-table-row{display:grid;grid-template-columns:1.5fr .8fr .8fr .7fr;gap:8px;align-items:center;border-bottom:1px solid #f1e8ea;padding:10px 4px;font-size:1rem;color:#685d61}.v11-table-row.head{font-size:1rem;color:#a09396;text-transform:uppercase;letter-spacing:.09em}.v11-table-row b{color:#362c30}.v11-status{display:inline-flex;align-items:center;gap:5px}.v11-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#43a16e}.v11-status.warn:before{background:#c9943f}
.v11-flow{padding:22px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:250px}.v11-node{width:112px;min-height:98px;border:1px solid #eadde0;border-radius:16px;background:#fff;padding:13px;text-align:center;position:relative;box-shadow:0 10px 25px rgba(61,27,37,.04)}.v11-node:after{content:"";position:absolute;right:-23px;top:40%;color:#b94360;font-weight:800}.v11-node:last-child:after{display:none}.v11-node i{display:grid;place-items:center;width:32px;height:32px;margin:0 auto 8px;border-radius:10px;background:linear-gradient(145deg,#f9e9ed,#fff);color:#971333;font-style:normal}.v11-node b{font-size:1rem;color:#382e31;display:block}.v11-node small{font-size:1rem;color:#9c9094;display:block;margin-top:4px;line-height:1.4}.v11-node.active{border-color:#cc8a9a;box-shadow:0 12px 32px rgba(143,15,45,.11)}.v11-node.active i{background:linear-gradient(145deg,#8d102d,#c92a52);color:#fff}
.v11-inspector{border-left:1px solid #eee3e5;background:linear-gradient(180deg,#fffaf9,#fff);padding:20px 17px;display:flex;flex-direction:column}.v11-inspector>small{font-size:1rem;text-transform:uppercase;letter-spacing:.15em;color:#a29095;font-weight:800}.v11-inspector h4{font-family:var(--serif,Georgia,serif);font-size:21px;line-height:1.08;color:#281f22;margin:9px 0 7px}.v11-inspector p{font-size:1rem;color:#7a6f72;line-height:1.5}.v11-insight{border:1px solid #eadde0;background:#fff;border-radius:12px;padding:11px;margin-top:10px}.v11-insight small{font-size:1rem;color:#9d9094;text-transform:uppercase;letter-spacing:.1em}.v11-insight b{display:block;font-size:1rem;color:#42363a;margin-top:4px}.v11-insight span{font-size:1rem;color:#8b7d81;display:block;margin-top:3px;line-height:1.4}.v11-inspector .cta{margin-top:auto;border:0;border-radius:11px;background:linear-gradient(135deg,#841027,#b51c47);color:#fff;padding:12px 10px;font-size:1rem;font-weight:800;box-shadow:0 12px 25px rgba(132,16,39,.16)}
/* compact implementation templates on detail pages */
.v11-detail-templates{padding:84px 0 92px;background:linear-gradient(180deg,#fff,#fffafa)}.v11-detail-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:50px;align-items:end;margin-bottom:26px}.v11-detail-label{font-size:1rem;color:#8f0f2d;text-transform:uppercase;font-weight:800;letter-spacing:.14em}.v11-detail-title{font-family:var(--serif,Georgia,serif);font-size:42px;line-height:1.02;color:#201719;margin:8px 0 0}.v11-detail-title em{font-weight:400;color:#90122f}.v11-detail-copy{font-size:1rem;line-height:1.6;color:#756a6e}.v11-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.v11-template-card{border:1px solid #e8dadd;border-radius:21px;background:#fff;box-shadow:0 18px 45px rgba(62,25,36,.07);overflow:hidden;transition:.3s}.v11-template-card:hover{transform:translateY(-5px);box-shadow:0 28px 65px rgba(62,25,36,.11)}.v11-template-card header{padding:15px 16px;border-bottom:1px solid #f0e6e8;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#fff,#fdf9f9)}.v11-template-card header span{font-size:1rem;text-transform:uppercase;letter-spacing:.12em;color:#9d9094}.v11-template-card header b{font-size:1rem;color:#8d102d}.v11-mini-screen{height:250px;padding:14px;background:linear-gradient(180deg,#fffdfd,#faf6f7);position:relative;overflow:hidden}.v11-mini-screen:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-80px;background:radial-gradient(circle,rgba(181,28,71,.1),transparent 70%)}.v11-mini-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.v11-mini-top b{font-size:1rem;color:#342a2d}.v11-mini-top span{font-size:1rem;color:#8f0f2d;background:#f8e9ed;border-radius:99px;padding:4px 7px}.v11-mini-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:9px}.v11-mini-stat div{border:1px solid #eee1e4;border-radius:9px;background:#fff;padding:7px}.v11-mini-stat small{font-size:1rem;color:#9f9296;display:block;text-transform:uppercase}.v11-mini-stat b{font-size:1rem;color:#3c3034}.v11-mini-list{border:1px solid #eee1e4;background:#fff;border-radius:10px;padding:7px}.v11-mini-list div{display:flex;justify-content:space-between;gap:7px;padding:7px 3px;border-bottom:1px solid #f3eaec}.v11-mini-list div:last-child{border-bottom:0}.v11-mini-list b{font-size:1rem;color:#4a3d41}.v11-mini-list span{font-size:1rem;color:#9b8d91}.v11-template-card footer{padding:13px 15px;background:#fff}.v11-template-card footer b{font-size:1rem;color:#312629;display:block}.v11-template-card footer p{font-size:1rem;color:#83777b;line-height:1.45;margin:4px 0 0}
/* make masterclass blocks feel like a real media tool without adding images */
.v11-master .xp-video{position:relative;overflow:hidden;background:radial-gradient(circle at 65% 42%,rgba(201,42,82,.26),transparent 27%),linear-gradient(135deg,#32141e,#74132e 56%,#a31a42);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 70px rgba(83,20,40,.2)}.v11-master .xp-video:before{content:"TC MASTERCLASS  •  KAPITEL 01/05";position:absolute;left:22px;top:20px;color:#fff;font-size:1rem;font-weight:800;letter-spacing:.14em}.v11-master .xp-video:after{content:"00:00  ━━━━━━━━━━━━━━━  09:30";position:absolute;left:22px;right:22px;bottom:18px;color:#f8d9e1;font-size:1rem;letter-spacing:.04em}.v11-master .x-play{box-shadow:0 0 0 12px rgba(255,255,255,.08),0 0 42px rgba(255,105,145,.25)}
@media(max-width:1180px){.v11-app{grid-template-columns:180px minmax(0,1fr)}.v11-inspector{display:none}.v11-workspace-head,.v11-detail-head{grid-template-columns:1fr}.v11-workspace-note{max-width:560px}.v11-template-grid{grid-template-columns:1fr 1fr}.v11-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.v11-workspace-sec{padding:72px 0}.v11-stage-btn{min-width:155px}.v11-app{display:block;min-height:0}.v11-sidebar{display:none}.v11-main{padding:16px}.v11-mainhead{display:block}.v11-main-actions{margin-top:12px}.v11-metrics{grid-template-columns:1fr 1fr}.v11-grid{grid-template-columns:1fr}.v11-kanban{grid-template-columns:1fr 1fr}.v11-flow{overflow:auto;justify-content:flex-start}.v11-node{flex:none}.v11-template-grid{grid-template-columns:1fr}.v11-detail-title{font-size:34px}.v11-browserbar{padding:0 12px}.v11-address{min-width:0}.v11-browserstatus{display:none}}