/*
 * Karadzov Development Studio · Premium Cream Edition
 * Loaded after app.css so the complete V2.1 feature set stays untouched.
 */

:root{
  --bg:#f5f1e7;
  --panel:#fffdf8;
  --panel-2:#faf6eb;
  --text:#1d1c18;
  --muted:#716b5e;
  --muted-2:#9c9485;
  --line:#e7dfcf;
  --dark:#1b1a14;
  --dark-2:#29261a;
  --primary:#d9b93f;
  --primary-2:#f1d86f;
  --gold:#b89525;
  --gold-soft:#fff3bd;
  --green:#2f8a67;
  --orange:#bb7c21;
  --red:#b94945;
  --blue:#567686;
  --purple:#756c8d;
  --shadow:0 18px 50px rgba(48,42,27,.09);
  --shadow-soft:0 6px 24px rgba(48,42,27,.055);
  --radius:18px;
  --radius-sm:12px;
}

html{
  background-color:#f5f1e7;
}

body{
  font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background-color:#f5f1e7;
  background-image:radial-gradient(circle at 82% 0,rgba(225,197,92,.09),transparent 28rem);
  line-height:1.5;
}

body.app-body{
  background-color:#f5f1e7;
}

::selection{
  color:var(--text);
  background:#f3dc75;
}

:focus-visible{
  outline:3px solid rgba(190,154,40,.28);
  outline-offset:2px;
}

.muted{color:var(--muted)}

/* Brand and login */
.login-body,
.login-panel{
  background-color:#f5f1e7;
}

.login-showcase{
  background:
    radial-gradient(circle at 76% 18%,rgba(224,188,62,.18),transparent 30%),
    radial-gradient(circle at 15% 92%,rgba(255,241,180,.09),transparent 30%),
    linear-gradient(145deg,#181711 0%,#242116 58%,#302a16 100%);
  color:#fffdf7;
}

.login-showcase:before,
.hero-panel:before{
  background-image:
    linear-gradient(rgba(255,246,206,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,246,206,.035) 1px,transparent 1px);
}

.brand-mark,
.core-logo,
.ai-logo,
.studio-avatar{
  color:#201e14;
  background:linear-gradient(145deg,#f4df80,#cfaa30);
  border:1px solid rgba(255,246,200,.55);
  box-shadow:0 12px 30px rgba(175,137,25,.25);
}

.brand strong{
  letter-spacing:-.025em;
}

.brand small{
  color:#aaa28f;
}

.login-copy .eyebrow,
.hero-panel .eyebrow,
.agents-intro .eyebrow,
.team-manifesto .eyebrow{
  color:#efd56d;
}

.login-copy h1{
  max-width:720px;
  font-weight:750;
}

.login-copy p{
  color:#c6bfaf;
}

.login-points span{
  color:#e7dfce;
  background:rgba(255,253,246,.055);
  border-color:rgba(255,244,194,.13);
  backdrop-filter:blur(10px);
}

.orb-one,
.orb-two{
  border-color:rgba(232,200,82,.2);
}

.login-card{
  background:rgba(255,253,248,.96);
  border:1px solid rgba(220,209,186,.9);
  border-radius:24px;
  box-shadow:0 28px 80px rgba(48,42,27,.14);
}

.login-card h2{
  font-weight:750;
}

.demo-credentials{
  background:#faf6eb;
  border-color:#dfd4bd;
}

/* Main shell */
.sidebar{
  color:#d8d2c3;
  background:
    radial-gradient(circle at 15% 5%,rgba(225,190,65,.09),transparent 32%),
    linear-gradient(180deg,#191813 0%,#211f16 54%,#181711 100%);
  border-right:1px solid rgba(235,212,124,.08);
  box-shadow:20px 0 55px rgba(39,34,23,.1);
}

.sidebar-top,
.sidebar-footer{
  border-color:rgba(255,247,214,.09);
}

.sidebar .brand strong,
.studio-status strong,
.user-mini strong,
.user-mini-copy strong{
  color:#fffdf7;
}

.sidebar .brand small,
.studio-status small,
.nav-label,
.user-mini small,
.user-mini-copy small{
  color:#8e8879;
}

.studio-status{
  background:rgba(255,253,246,.045);
  border-color:rgba(255,243,191,.09);
}

.status-pulse{
  background:#5eb58a;
  box-shadow:0 0 0 5px rgba(94,181,138,.12);
}

.main-nav{
  scrollbar-color:rgba(240,213,108,.18) transparent;
}

.main-nav a{
  height:46px;
  color:#9c9687;
  font-size:12px;
  font-weight:650;
}

.main-nav a:hover{
  color:#f8f4e9;
  background:rgba(255,253,246,.055);
}

.main-nav a.active{
  color:#f8e89f;
  background:linear-gradient(90deg,rgba(216,184,65,.18),rgba(216,184,65,.055));
  box-shadow:inset 3px 0 0 #d9b93f,inset 0 0 0 1px rgba(232,207,111,.09);
}

.main-nav a b{
  color:#d2c9b5;
  background:rgba(255,253,246,.07);
}

.logout-link{
  color:#8f897b;
}

.logout-link:hover{
  color:#f0d66b;
}

.topbar{
  height:78px;
  background:rgba(245,241,231,.88);
  border-color:rgba(218,208,188,.85);
  box-shadow:0 1px 0 rgba(255,255,255,.55);
}

.page-heading h1{
  font-size:21px;
  font-weight:750;
}

.page-heading p{
  font-size:11px;
  color:var(--muted);
}

.content-wrap{
  padding-top:28px;
}

.global-search,
.icon-btn{
  color:#716b5e;
  background:rgba(255,253,248,.9);
  border-color:var(--line);
  box-shadow:0 3px 12px rgba(48,42,27,.025);
}

.global-search:focus-within{
  border-color:#c9ad43;
  box-shadow:0 0 0 4px rgba(209,177,57,.12);
}

.notification-btn b{
  color:#231f12;
  background:#e0c252;
  border-color:var(--bg);
}

/* Buttons and controls */
.btn{
  min-height:40px;
  border-radius:11px;
  letter-spacing:.01em;
  font-weight:750;
}

.btn-primary{
  color:#201e14;
  background:linear-gradient(135deg,#e8cd61,#d2ad32);
  border:1px solid rgba(157,124,17,.18);
  box-shadow:0 10px 24px rgba(176,139,26,.19);
}

.btn-primary:hover{
  background:linear-gradient(135deg,#f0da7d,#d6b33b);
  box-shadow:0 13px 30px rgba(176,139,26,.25);
}

.btn-secondary{
  color:#4d493f;
  background:#faf7ef;
  border-color:#e4dccb;
}

.btn-secondary:hover{
  color:#25231e;
  background:#f4eddb;
  border-color:#d8caab;
}

.btn-light{
  color:#201e14;
  background:#f3dc76;
  box-shadow:0 10px 24px rgba(0,0,0,.13);
}

.btn-ghost-light{
  color:#f3edde;
  background:rgba(255,253,246,.045);
  border-color:rgba(255,244,199,.16);
}

.btn-ghost-light:hover{
  background:rgba(255,253,246,.1);
}

.btn-danger{
  color:#a43e3d;
  background:#fff3f1;
  border-color:#efcbc7;
}

.icon-action,
.task-edit,
.modal-close{
  color:#716958;
  background:#faf7ef;
  border-color:#e5dccb;
}

.icon-action:hover,
.task-edit:hover{
  color:#7c6215;
  background:#fff6cf;
  border-color:#ddc86d;
}

.stack-form label{
  color:#4d493f;
  font-size:12px;
}

.stack-form input,
.stack-form textarea,
.stack-form select,
.chat-form textarea,
.global-search input,
.compact-select,
.task-status-select,
.agent-status-select{
  color:var(--text);
  background:#fffefa;
  border-color:#ddd4c3;
}

.stack-form input:focus,
.stack-form textarea:focus,
.stack-form select:focus,
.chat-form textarea:focus{
  border-color:#c8a83a;
  box-shadow:0 0 0 4px rgba(208,174,51,.13);
}

/* Shared surfaces */
.panel,
.metric-card,
.toolbar-card,
.project-card,
.project-hero-card,
.project-tabs,
.task-card,
.chat-panel,
.project-people-panel,
.agent-card,
.team-card,
.notification-menu,
.notification-item,
.messages-workspace,
.team-chat-panel,
.conversation-list>a{
  background:var(--panel);
  background-color:#fffdf8;
  border-color:var(--line);
}

.panel,
.metric-card,
.toolbar-card,
.project-card,
.project-hero-card,
.agent-card,
.team-card,
.messages-workspace{
  box-shadow:var(--shadow-soft);
}

.panel-header{
  border-color:var(--line);
}

.panel-header h3{
  color:var(--text);
  font-size:14px;
  font-weight:750;
}

.panel-header p{
  color:var(--muted);
  font-size:10px;
}

.text-link,
.panel-footer-link,
.card-open,
.health-score,
.agent-role,
.agent-card-footer a,
.team-card>a,
.text-button,
.notification-menu-head button,
.integration-note strong{
  color:#8d7118;
}

.panel-footer-link,
.card-open{
  border-color:var(--line);
}

.panel-footer-link:hover,
.card-open:hover,
.text-link:hover{
  color:#5e4b12;
  background:#fdf7dd;
}

.status{
  padding:6px 10px;
  font-size:9px;
  letter-spacing:.01em;
}

.status-todo{
  color:#665f52;
  background:#f0ece3;
}

.status-in_progress{
  color:#3f6475;
  background:#eaf2f3;
}

.status-review{
  color:#906118;
  background:#fff1cf;
}

.status-completed{
  color:#267454;
  background:#e7f4ed;
}

.priority-high{color:#a74843}
.priority-medium{color:#9b6b1d}
.priority-low{color:#307456}

/* Feature banners */
.hero-panel,
.agents-intro,
.team-manifesto{
  color:#fffdf7;
  background:
    radial-gradient(circle at 82% 12%,rgba(230,196,70,.16),transparent 26%),
    radial-gradient(circle at 56% 110%,rgba(255,242,185,.07),transparent 32%),
    linear-gradient(135deg,#1a1913 0%,#29261a 64%,#332d17 100%);
  border:1px solid rgba(225,194,74,.11);
  box-shadow:0 22px 50px rgba(46,39,22,.16);
}

.hero-panel h2,
.agents-intro h2,
.team-manifesto h2{
  color:#fffdf7;
  font-weight:720;
}

.hero-panel p,
.agents-intro p,
.team-manifesto p{
  color:#beb8aa;
}

.core-logo{
  box-shadow:0 0 55px rgba(214,177,49,.24);
}

.orbit{
  border-color:rgba(245,222,126,.15);
}

.orbit span{
  color:#f5e8b4;
  background:rgba(255,253,246,.055);
  border-color:rgba(245,222,126,.14);
}

.agent-summary{
  background:rgba(255,253,246,.05);
  border-color:rgba(245,225,145,.12);
}

.agent-summary span{color:#d3cdbf}
.agent-summary small{color:#ecd66f}

/* Dashboard and project cards */
.metric-card{
  min-height:116px;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.metric-card:hover{
  transform:translateY(-2px);
  border-color:#dbccaa;
  box-shadow:var(--shadow);
}

.metric-card span{font-size:10px}
.metric-card small{color:#938b7d;font-size:9px}

.metric-icon{
  border:1px solid rgba(153,124,34,.08);
}

.tone-blue{
  color:#695514;
  background:#fff3bf;
}

.tone-purple{
  color:#6a5f3e;
  background:#f4eddb;
}

.tone-orange{
  color:#855b18;
  background:#fae8c9;
}

.tone-green{
  color:#376c55;
  background:#e8f1e9;
}

.project-row{
  border-color:#eee8dc;
}

.project-row:hover,
.agent-mini:hover,
.conversation-list>a:hover{
  background:#faf6eb;
}

.activity-task,
.activity-code,
.activity-agent{
  background:#a88a32;
}

.activity-review{
  background:#bd7b2c;
}

.activity-project{
  background:#4f8b6e;
}

.activity-chat,
.activity-file{
  background:#5f7f88;
}

.activity-team,
.activity-client{
  background:#8a6e78;
}

.project-card{
  border-radius:18px;
}

.project-card:hover,
.agent-card:hover{
  border-color:#d9cba9;
  box-shadow:var(--shadow);
}

.project-card h3{
  font-size:16px;
  font-weight:750;
}

.project-card>p{
  color:var(--muted);
  font-size:10px;
}

.project-client,
.responsive-table td,
.agent-card-footer,
.team-status,
.profile-form-grid>form+form{
  border-color:#eee8dc;
}

.project-brand,
.avatar,
.tiny-avatar,
.agent-avatar,
.team-avatar,
.conversation-avatar{
  color:#211f16!important;
  background:linear-gradient(145deg,#f2da72,#cfa92e)!important;
  border:1px solid rgba(145,111,10,.08);
}

.progress-cell>div,
.big-progress{
  background:#eee8db;
}

.progress-cell>div span,
.big-progress span{
  background:linear-gradient(90deg,#bc9724,#e4c755);
}

.ring{
  background:conic-gradient(#cfaa31 calc(var(--progress)*1%),#eee7d8 0);
}

.ring:after{
  background:var(--panel);
}

.filter-tabs button,
.project-tabs button{
  color:#797264;
}

.filter-tabs button.active,
.filter-tabs button:hover,
.project-tabs button.active{
  color:#332d18;
  background:#f3df84;
}

.filter-tabs b,
.project-tabs b{
  color:#6a5514;
  background:rgba(128,98,8,.1);
}

.project-tags span,
.capabilities span,
.activity-type{
  color:#6d6555;
  background:#f4efe3;
}

/* Kanban, files, tables, and chat */
.kanban-column,
.conversation-sidebar,
.responsive-table th,
.add-team-card,
.chat-form{
  color:#554f43;
  background:#f8f4eb;
}

.kanban-column{
  border:1px solid #ebe2d1;
}

.kanban-header b{
  color:#6f5918;
  background:#f3df87;
}

.task-card{
  box-shadow:0 5px 18px rgba(45,39,25,.05);
}

.task-card h4{
  font-size:12px;
}

.task-card p{
  color:#736c5e;
  font-size:9px;
}

.file-icon,
.empty-icon,
.notification-icon{
  color:#806615;
  background:#fff1b8;
  border-color:#e9d680;
}

.responsive-table th{
  color:#8d8576;
  font-size:8px;
}

.responsive-table td{
  font-size:9px;
}

.message-bubble{
  color:#38342b;
  background:#f3eee3;
}

.message-own .message-bubble{
  color:#282415;
  background:#eed66e;
}

.message-own .message-bubble span{
  color:#6c581a;
}

.online-label{
  color:#2f8664;
}

.conversation-list>a.active{
  color:#4c3d11;
  background:#f5e499;
}

.conversation-list>a>b{
  color:#231f12;
  background:#d7b740;
}

.notification-item.unread{
  color:var(--text);
  background:#fff9df;
}

.notification-item.unread:before{
  background:#c8a32c;
}

.notification-menu{
  box-shadow:0 24px 70px rgba(42,36,22,.18);
}

/* Agents and settings */
.agent-card h3,
.team-card h3{
  font-weight:750;
}

.agent-card>p{
  color:var(--muted);
  font-size:9px;
}

.role-badge,
.integration-note{
  color:#705916;
  background:#fff2bd;
  border-color:#ead77f;
}

.integration-logo{
  color:#211f16;
  background:linear-gradient(145deg,#f1db76,#cba32a);
}

.integration-status{
  color:#8a5f17;
  background:#fff0cb;
}

.integration-status.ready{
  color:#2e7558;
  background:#e8f4ed;
}

.integration-card code,
.demo-credentials,
.activity-type{
  background:#f4efe3;
  border-color:#e4dac5;
}

.quick-agent-output,
.agent-output-panel pre{
  color:#efe8d8;
  background:#201f19;
  border:1px solid rgba(231,204,99,.1);
}

.modal-backdrop{
  background:rgba(24,22,16,.7);
}

.modal-card{
  background:#fffdf8;
  border:1px solid #e3d8c1;
}

.toast{
  color:#fffaf0;
  background:#26241b;
  border:1px solid rgba(239,213,109,.13);
}

/* Git workflow */
.git-workflow-hero{
  min-height:205px;
  padding:32px 34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  color:#fffdf7;
  border:1px solid rgba(229,199,83,.13);
  border-radius:22px;
  background:
    radial-gradient(circle at 86% 8%,rgba(229,194,63,.2),transparent 27%),
    linear-gradient(135deg,#1a1913 0%,#29261a 64%,#342d17 100%);
  box-shadow:0 20px 48px rgba(46,39,22,.14);
}

.git-workflow-hero>div:first-child{
  max-width:760px;
}

.git-workflow-hero .eyebrow{
  color:#efd56d;
  margin-bottom:12px;
}

.git-workflow-hero h2{
  margin:0 0 10px;
  color:#fffdf7;
  font-size:clamp(23px,3vw,34px);
  line-height:1.16;
  letter-spacing:-.045em;
}

.git-workflow-hero p{
  max-width:700px;
  margin:0;
  color:#beb8aa;
  font-size:11px;
  line-height:1.75;
}

.git-repository-summary{
  min-width:220px;
  padding:18px 20px;
  border:1px solid rgba(243,218,115,.14);
  border-radius:16px;
  background:rgba(255,253,246,.055);
  backdrop-filter:blur(10px);
}

.git-repository-summary span,
.git-repository-summary strong,
.git-repository-summary small{
  display:block;
}

.git-repository-summary span{
  color:#9f998d;
  font-size:8px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.git-repository-summary strong{
  margin:6px 0 3px;
  color:#f2d970;
  font:700 22px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
}

.git-repository-summary small{
  color:#b9b2a5;
  font-size:9px;
}

.git-repository-summary a{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:14px;
  color:#f4e8b7;
  font-size:9px;
  font-weight:750;
}

.git-repository-summary a svg{
  width:13px;
}

.git-flow-panel{
  margin-top:16px;
}

.workflow-badge{
  padding:7px 10px;
  color:#6b5513;
  background:#fff0b3;
  border:1px solid #ead473;
  border-radius:999px;
  font-size:8px;
  font-weight:800;
}

.git-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  padding:25px 22px 20px;
}

.git-flow:before{
  content:"";
  position:absolute;
  top:47px;
  right:8%;
  left:8%;
  height:1px;
  background:linear-gradient(90deg,transparent,#d9c98f 8%,#d9c98f 92%,transparent);
}

.git-flow-step{
  position:relative;
  z-index:1;
  min-width:0;
  text-align:center;
}

.git-flow-step>span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin:0 auto 13px;
  color:#2d2815;
  background:linear-gradient(145deg,#f3de81,#cfaa32);
  border:5px solid var(--panel);
  border-radius:15px;
  box-shadow:0 0 0 1px #ddc769,0 7px 18px rgba(149,116,17,.14);
  font-size:9px;
  font-weight:850;
}

.git-flow-step small,
.git-flow-step strong,
.git-flow-step p{
  display:block;
}

.git-flow-step small{
  color:#9b9282;
  font-size:7px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.git-flow-step strong{
  min-height:34px;
  margin:5px 0 4px;
  overflow-wrap:anywhere;
  color:#28251e;
  font-size:10px;
  line-height:1.55;
}

.git-flow-step p{
  margin:0 auto;
  max-width:180px;
  color:#776f61;
  font-size:8px;
  line-height:1.55;
}

.hotfix-route{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 22px 22px;
  padding:13px 15px;
  color:#615a4d;
  background:#faf6eb;
  border:1px solid #e8deca;
  border-radius:12px;
  font-size:8px;
}

.hotfix-route strong{
  margin-right:3px;
  color:#3e3a31;
}

.hotfix-route span{
  padding:4px 7px;
  color:#6c5614;
  background:#fff1b8;
  border-radius:6px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}

.hotfix-route b{
  color:#b5a98e;
}

.hotfix-route small{
  margin-left:auto;
  color:#8d8577;
}

.git-workflow-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);
  gap:16px;
  margin-top:16px;
}

.branch-rules{
  padding:8px 20px 15px;
}

.branch-rules>div{
  display:grid;
  grid-template-columns:minmax(145px,.7fr) minmax(0,1.3fr);
  gap:14px;
  align-items:center;
  padding:12px 2px;
  border-bottom:1px solid #eee7da;
}

.branch-rules>div:last-child{
  border-bottom:0;
}

.branch-rules code{
  width:max-content;
  max-width:100%;
  padding:5px 7px;
  overflow-wrap:anywhere;
  color:#765d11;
  background:#fff2bb;
  border-radius:6px;
  font:700 8px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;
}

.branch-rules span,
.branch-rules strong,
.branch-rules small{
  display:block;
}

.branch-rules strong{
  font-size:9px;
}

.branch-rules small{
  margin-top:2px;
  color:#857d6e;
  font-size:8px;
  line-height:1.5;
}

.copy-command{
  min-height:32px;
  padding:0 11px;
  color:#5e4b12;
  background:#fff0ae;
  border:1px solid #e4cb61;
  border-radius:9px;
  font-size:8px;
  font-weight:800;
}

.copy-command:hover{
  background:#f7df78;
}

.git-command-panel pre{
  min-height:280px;
  margin:0;
  padding:22px;
  overflow:auto;
  color:#eee7d7;
  background:#201f19;
  font:9px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;
  white-space:pre-wrap;
}

.command-footnote{
  padding:14px 20px;
  color:#746d60;
  background:#faf6eb;
  border-top:1px solid var(--line);
  font-size:8px;
  line-height:1.6;
}

.command-footnote code{
  color:#6d5510;
  font-weight:750;
}

.git-check-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}

.git-check-card{
  display:flex;
  gap:15px;
  padding:22px;
}

.git-check-number{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:#4a3b10;
  background:#f5e18a;
  border-radius:11px;
  font-size:8px;
  font-weight:850;
}

.git-check-card h3{
  margin:2px 0 9px;
  font-size:12px;
}

.git-check-card ul{
  margin:0;
  padding-left:16px;
}

.git-check-card li{
  margin:5px 0;
  color:#746d60;
  font-size:8px;
  line-height:1.5;
}

/* Responsive polish */
@media(max-width:1250px){
  .git-flow{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .git-flow:before{
    display:none;
  }

  .git-check-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:980px){
  .topbar{
    height:76px;
  }

  .git-workflow-grid{
    grid-template-columns:1fr;
  }

  .git-workflow-hero{
    align-items:flex-start;
  }
}

@media(max-width:680px){
  .topbar{
    height:70px;
  }

  .content-wrap{
    padding-top:15px;
  }

  .sidebar{
    box-shadow:22px 0 60px rgba(20,18,13,.24);
  }

  .hero-panel,
  .agents-intro,
  .team-manifesto{
    border-radius:18px;
  }

  .metric-card{
    min-height:104px;
  }

  .project-card,
  .agent-card,
  .team-card,
  .panel{
    border-radius:16px;
  }

  .git-workflow-hero{
    display:block;
    padding:25px 22px;
    border-radius:18px;
  }

  .git-repository-summary{
    width:100%;
    min-width:0;
    margin-top:20px;
  }

  .git-flow{
    grid-template-columns:1fr;
    gap:18px;
    padding:22px 18px;
  }

  .git-flow-step{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:0 12px;
    text-align:left;
  }

  .git-flow-step>span{
    grid-row:1/4;
    margin:0;
  }

  .git-flow-step small,
  .git-flow-step strong,
  .git-flow-step p{
    text-align:left;
  }

  .git-flow-step strong{
    min-height:0;
  }

  .git-flow-step p{
    margin:0;
    max-width:none;
  }

  .hotfix-route{
    align-items:flex-start;
    flex-wrap:wrap;
    margin:0 18px 18px;
  }

  .hotfix-route strong,
  .hotfix-route small{
    width:100%;
  }

  .hotfix-route small{
    margin:3px 0 0;
  }

  .git-check-grid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .branch-rules>div{
    grid-template-columns:1fr;
    gap:7px;
  }

  .git-command-panel pre{
    min-height:0;
    font-size:8px;
  }
}

/* Desktop and mobile navigation controls */
.sidebar .sidebar-close{
  color:#e9ddab;
  background:rgba(255,253,246,.055);
  border-color:rgba(255,243,191,.11);
}

.sidebar .sidebar-close:hover{
  color:#fff8d8;
  background:rgba(217,185,63,.14);
  border-color:rgba(232,207,111,.2);
}

.sidebar-toggle:hover{
  color:#8d7118;
  border-color:#d4c49f;
  background:#fffaf0;
}

@media(prefers-reduced-motion:reduce){
  *,
  *:before,
  *:after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* V2.3 member presence and payouts */
[hidden]{display:none!important}
.btn:disabled,button:disabled{cursor:not-allowed;opacity:.48;transform:none!important}

.presence-manifesto{display:flex;align-items:center;justify-content:space-between;gap:28px}
.presence-total{min-width:210px;padding:19px 22px;border:1px solid rgba(255,248,216,.13);border-radius:18px;background:rgba(255,255,221,.07);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1px 12px}
.presence-total .status-pulse{grid-row:1/3}
.presence-total strong,.presence-total small{display:block}
.presence-total strong{font-size:28px;line-height:1;color:#fffbd7}
.presence-total small{margin-top:5px;color:#bcb58b;font-size:8px}
.team-status.is-online{color:#15704f}
.presence-chip,.presence-inline{display:inline-flex;align-items:center;gap:7px;color:#77756b;font-size:8px;white-space:nowrap}
.presence-chip .presence-dot,.presence-inline .presence-dot{width:7px;height:7px;border-radius:50%;background:#c8c5b8;flex:0 0 auto}
.presence-chip.online,.presence-inline.online{color:#15704f}
.presence-chip.online .presence-dot,.presence-inline.online .presence-dot{background:#22a66f;box-shadow:0 0 0 4px rgba(34,166,111,.11)}

.payout-hero{position:relative;overflow:hidden;min-height:210px;padding:34px 38px;border:1px solid rgba(255,244,191,.12);border-radius:24px;background:radial-gradient(circle at 82% 0,rgba(248,248,0,.16),transparent 30%),linear-gradient(135deg,#1e1d16,#34311c);color:#fffdf0;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 22px 46px rgba(41,39,12,.12)}
.payout-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}
.payout-hero>div{position:relative;z-index:1}
.payout-hero .eyebrow{color:#eee45d}
.payout-hero h2{max-width:720px;margin:0 0 12px;font-size:31px;line-height:1.12;letter-spacing:-.045em}
.payout-hero p{max-width:690px;margin:0;color:#c8c4a8;font-size:10px;line-height:1.75}
.payout-hero-actions{width:240px;flex:0 0 auto;padding:18px;border:1px solid rgba(255,255,221,.13);border-radius:18px;background:rgba(255,255,221,.065);backdrop-filter:blur(8px)}
.payout-hero-actions>div{margin-bottom:14px}
.payout-hero-actions span,.payout-hero-actions strong{display:block}
.payout-hero-actions span{color:#aaa584;font-size:8px}
.payout-hero-actions strong{margin-top:5px;font-size:20px;color:#fffbd7}
.payout-hero-actions .btn{width:100%}

.finance-metrics{margin-top:16px}
.finance-metrics .metric-icon svg{width:20px}
.payout-members-panel,.payout-section{margin-top:16px}
.finance-table table{min-width:880px}
.finance-table td{vertical-align:middle}
.finance-table td>small{max-width:250px;line-height:1.45}
.finance-security-note{padding:7px 9px;border:1px solid #ded7ac;border-radius:9px;background:#fffde5;color:#716a24;font-size:8px;font-weight:750;white-space:nowrap}
.payment-destination{display:flex;align-items:center;gap:7px;max-width:280px}
.payment-destination span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.payment-destination button{border:0;border-radius:7px;padding:5px 7px;background:#fff9c4;color:#6b6412;font-size:7px;font-weight:800}

.withdrawal-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800;white-space:nowrap}
.status-pending{background:#fff6d5;color:#946c00}
.status-approved{background:#eef1ff;color:#5653a9}
.status-paid{background:#e7f8ef;color:#16704e}
.status-rejected{background:#fff0f0;color:#a43c3c}
.status-cancelled{background:#efefec;color:#686760}
.finance-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:145px}
.muted-action{color:#a5a298;font-size:8px}
.positive-money{color:#13704d}
.table-empty{padding:28px;color:#979389;text-align:center}

.finance-form-note{padding:13px 14px;border:1px solid #e7dfb7;border-radius:13px;background:#fffef0}
.finance-form-note strong,.finance-form-note span{display:block}
.finance-form-note strong{color:#504b19;font-size:9px}
.finance-form-note span{margin-top:5px;color:#85816a;font-size:8px;line-height:1.55}
.withdrawal-balance{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border:1px solid #e6ddb0;border-radius:14px;background:linear-gradient(135deg,#fffef1,#fff9c6)}
.withdrawal-balance span{color:#77715a;font-size:9px}
.withdrawal-balance strong{color:#393611;font-size:20px}
.withdrawal-review-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.withdrawal-review-summary>div{min-width:0;padding:13px;border:1px solid #e8e3cb;border-radius:12px;background:#fffdf5}
.withdrawal-review-summary>div:last-child{grid-column:1/-1}
.withdrawal-review-summary span,.withdrawal-review-summary strong{display:block}
.withdrawal-review-summary span{color:#999481;font-size:7px;text-transform:uppercase;letter-spacing:.08em}
.withdrawal-review-summary strong{overflow:hidden;margin-top:5px;color:#38362d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:900px){
  .payout-hero,.presence-manifesto{align-items:flex-start;flex-direction:column}
  .payout-hero-actions,.presence-total{width:100%}
}

@media(max-width:680px){
  .payout-hero{min-height:0;padding:26px 22px;border-radius:18px}
  .payout-hero h2{font-size:24px}
  .presence-manifesto{display:flex}
  .finance-security-note{white-space:normal}
  .withdrawal-review-summary{grid-template-columns:1fr}
  .withdrawal-review-summary>div:last-child{grid-column:auto}
}