/*
 * Black Car Rides Team Office — Notus-inspired UI layer
 * UI refresh only: preserves existing PHP/SQLite application behavior.
 * Inspired by the MIT-licensed Notus React dashboard by Creative Tim.
 */
:root{
  --bcr-black:#07090d;
  --bcr-black-soft:#0f131a;
  --bcr-black-card:#151a22;
  --bcr-gold:#d4af37;
  --bcr-gold-bright:#f3d56a;
  --bcr-gold-pale:#fff7da;
  --bcr-white:#ffffff;
  --bcr-canvas:#f3f5f8;
  --bcr-ink:#172033;
  --bcr-muted:#6b7280;
  --bcr-line:#e5e7eb;
  --bcr-line-dark:#242b36;
  --bcr-green:#15803d;
  --bcr-red:#b42318;
  --bcr-orange:#c2680c;
  --bcr-blue:#2563eb;
  --sidebar:264px;
  --radius:12px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.05);
  --shadow-md:0 10px 25px rgba(15,23,42,.08);
  --shadow-lg:0 20px 45px rgba(15,23,42,.12);
}
html{background:var(--bcr-canvas)}
body{background:var(--bcr-canvas);color:var(--bcr-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}
body::selection{background:rgba(212,175,55,.24)}
a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}

/* --- Notus-style app frame --- */
.app-shell{min-height:100vh;background:var(--bcr-canvas)}
.sidebar{
  width:var(--sidebar);padding:0;background:var(--bcr-black);border-right:1px solid rgba(255,255,255,.06);
  box-shadow:8px 0 30px rgba(2,6,23,.12);overflow-y:auto;overscroll-behavior:contain
}
.brand{min-height:92px;padding:19px 22px;border-bottom:1px solid rgba(255,255,255,.08);gap:14px;position:sticky;top:0;background:rgba(7,9,13,.96);backdrop-filter:blur(12px);z-index:2}
.brand-mark{width:46px;height:46px;transform:none;border-radius:12px;border:1px solid rgba(212,175,55,.65);background:linear-gradient(145deg,#1a1710,#0a0b0d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.22);font-family:Georgia,serif;font-size:11px}
.brand b{font-size:12px;letter-spacing:.13em;color:#fff}.brand small{margin-top:3px;color:var(--bcr-gold);letter-spacing:.24em;font-size:8px}.gold-rule{display:none}
.sidebar nav{padding:18px 14px 12px;gap:2px;display:flex;flex-direction:column}
.sidebar nav::before{content:"WORKSPACE";display:block;color:#697386;font-size:9px;font-weight:800;letter-spacing:.18em;padding:0 12px 9px}
.sidebar nav a{min-height:43px;padding:10px 12px;border-radius:8px;color:#aeb6c4;font-size:12px;font-weight:650;letter-spacing:.01em;gap:11px;border:1px solid transparent;position:relative}
.sidebar nav a span{width:20px;height:20px;display:grid;place-items:center;color:#8d96a5;font-size:15px}
.sidebar nav a span svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar nav a:hover{background:rgba(255,255,255,.055);color:#fff;border-color:rgba(255,255,255,.04)}
.sidebar nav a:hover span{color:var(--bcr-gold-bright)}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(212,175,55,.18),rgba(212,175,55,.07));color:#fff;border-color:rgba(212,175,55,.16);box-shadow:none}
.sidebar nav a.active::before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--bcr-gold)}
.sidebar nav a.active span{color:var(--bcr-gold-bright)}
.sidebar-user{margin:12px 14px 18px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);grid-template-columns:38px 1fr 22px;gap:9px}
.sidebar-user b{font-size:11px;color:#fff}.sidebar-user small{font-size:9px;color:#7f8998}.sidebar-user>a{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:var(--bcr-gold)}
.sidebar-user>a:hover{background:rgba(212,175,55,.12)}

.main{margin-left:var(--sidebar);background:var(--bcr-canvas);min-width:0}
.topbar{height:84px;min-height:84px;padding:0 34px;background:linear-gradient(105deg,#0c0f14,#171c24 68%,#12100a);border:0;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.04);position:sticky;top:0;z-index:20}
.topbar::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--bcr-gold),rgba(212,175,55,.08) 48%,transparent)}
.topbar-title{min-width:0}.topbar .eyebrow{color:#b8bfca;font-size:8px;letter-spacing:.18em}.topbar h1{color:#fff;font-family:inherit;font-size:18px;font-weight:750;letter-spacing:-.01em;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-user-copy{display:flex;flex-direction:column;text-align:right;line-height:1.25}.topbar-user-copy b{font-size:11px;color:#fff}.topbar-user-copy small{font-size:9px;color:#9ba4b3;margin-top:3px}
.top-actions{gap:12px}.notification-button{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:var(--bcr-gold);border-radius:9px}.notification-button:hover{background:rgba(212,175,55,.12);border-color:rgba(212,175,55,.25)}.notification-button b{background:var(--bcr-gold);color:#090a0c;border:2px solid #13171d;right:-6px;top:-6px}
.topbar .avatar{border-color:rgba(212,175,55,.6);box-shadow:0 0 0 3px rgba(212,175,55,.08)}
.menu-toggle{color:#fff;width:38px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);align-items:center;justify-content:center}
.content{padding:30px 34px 42px;max-width:1600px;margin:0 auto}
.footer{padding:20px 34px;background:#fff;border-top:1px solid var(--bcr-line);color:#8a93a2;font-size:9px;letter-spacing:.08em}

/* --- universal typography and content headers --- */
.eyebrow{font-family:inherit;font-size:9px;font-weight:800;letter-spacing:.17em;color:#9b770e}
h1,h2,h3,h4{letter-spacing:-.018em}.section-intro,.board-head-pro{margin-bottom:22px;align-items:flex-end}.section-intro h2,.board-head-pro h2{font-family:inherit;font-weight:750;color:#111827;font-size:27px;letter-spacing:-.035em;margin:3px 0 6px}.section-intro p,.board-head-pro p{color:var(--bcr-muted);max-width:720px}.muted{color:var(--bcr-muted)}

/* --- Notus-style cards, panels and statistics --- */
.panel,.form-card,.side-card,.admin-card,.profile-card,.profile-security-card,.content-request-panel,.content-library,.content-connection-card,.content-settings,.content-how,.content-answer-panel,.content-brief-card,.database-backup-centre,.collab-create-panel,.collab-inbox,.collab-history{
  background:#fff;border:1px solid var(--bcr-line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden
}
.panel:hover{box-shadow:0 10px 30px rgba(15,23,42,.075)}
.panel-head{min-height:66px;padding:16px 20px;border-bottom:1px solid var(--bcr-line);background:#fff}.panel-head h3{font-family:inherit;font-size:15px;font-weight:750;color:#172033}.panel-head>a{font-size:11px;color:#8a6810;font-weight:750}.panel-head>a:hover{color:#5f4707}
.stats-grid,.board-summary-pro,.content-stats,.content-admin-stats,.bot-control-grid{gap:14px}
.stat-card,.board-summary-pro>div,.content-stats>article,.content-admin-stats>article,.bot-control-grid article{
  position:relative;background:#fff;border:1px solid var(--bcr-line);border-radius:12px;padding:17px 18px;box-shadow:var(--shadow-sm);overflow:hidden
}
.stat-card::before,.board-summary-pro>div::before,.content-stats>article::before,.content-admin-stats>article::before,.bot-control-grid article::before{content:"";position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#181b21,#090a0c);box-shadow:0 7px 15px rgba(15,23,42,.16)}
.stat-card::after,.board-summary-pro>div::after,.content-stats>article::after,.content-admin-stats>article::after,.bot-control-grid article::after{content:"";position:absolute;right:28px;top:28px;width:14px;height:14px;border-radius:50%;border:3px solid var(--bcr-gold)}
.stat-card>span,.board-summary-pro>div>span,.content-stats>article>span,.content-admin-stats>article>span,.bot-control-grid article>span{display:block;max-width:calc(100% - 48px);font-size:9px;font-weight:800;letter-spacing:.12em;color:#8992a0}
.stat-card strong,.board-summary-pro>div>strong,.content-stats>article>strong,.content-admin-stats>article>strong,.bot-control-grid article>strong{font-family:inherit;font-size:26px;font-weight:760;color:#172033;line-height:1.1;margin-top:8px}.stat-card small,.board-summary-pro>div>small,.content-stats>article>small,.content-admin-stats>article>small,.bot-control-grid article>small{color:#929aa7;font-size:10px;margin-top:5px}
.stat-card.attention,.board-summary-pro>div.attention{border-color:#f0d793}.stat-card.attention::before,.board-summary-pro>div.attention::before{background:#fff4d1}.stat-card.attention::after,.board-summary-pro>div.attention::after{border-color:#b17a00}
.board-summary-pro>div.risk{border-color:#efc5c2}.board-summary-pro>div.risk::before{background:#ffebea}.board-summary-pro>div.risk::after{border-color:#b42318}

/* dashboard */
.hero-card{position:relative;overflow:hidden;background:linear-gradient(115deg,#0b0e13,#161b23 62%,#211c0e);border:0;border-radius:14px;color:#fff;padding:31px 34px;box-shadow:var(--shadow-lg);min-height:230px}.hero-card::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-115px;top:-190px;border:1px solid rgba(212,175,55,.18);box-shadow:0 0 0 35px rgba(212,175,55,.025),0 0 0 75px rgba(212,175,55,.018)}.hero-card h2{font-family:inherit;font-size:31px;line-height:1.08;font-weight:730}.hero-card h2 em{font-family:Georgia,serif;color:var(--bcr-gold-bright);font-weight:500}.hero-card p{color:#aeb6c2;max-width:680px}.hero-card .eyebrow{color:var(--bcr-gold)}
.project-ring{border-color:rgba(212,175,55,.15);background:conic-gradient(var(--bcr-gold) calc(var(--progress)*1%),rgba(255,255,255,.08) 0)}.project-ring::after{background:#12161d}.project-ring strong,.project-ring span{z-index:2}.project-ring strong{font-family:inherit}
.dashboard-content-cta{border:1px solid #e6d28c;background:linear-gradient(90deg,#fffdf5,#fff);border-radius:12px;box-shadow:var(--shadow-sm)}.dashboard-content-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.dashboard-content-icon{border-radius:11px;transform:none;background:var(--bcr-black);color:var(--bcr-gold);border:0}.dashboard-content-cta h3{font-family:inherit}.dashboard-content-cta aside{background:#11151b;border-radius:10px}
.dashboard-grid{gap:18px}

/* buttons */
.button{min-height:39px;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:750;letter-spacing:.015em;border:1px solid transparent;box-shadow:none;transition:.16s ease}
.button:hover{transform:translateY(-1px)}
.button-gold{background:var(--bcr-gold);border-color:var(--bcr-gold);color:#080a0d;box-shadow:0 6px 15px rgba(212,175,55,.18)}.button-gold:hover{background:#e0bc46;border-color:#e0bc46}
.button-dark{background:#11151b;border-color:#11151b;color:#fff}.button-dark:hover{background:#202631;border-color:#202631}
.button-ghost{background:#fff;border-color:#d9dde4;color:#303744}.button-ghost:hover{background:#f7f8fa;border-color:#cbd1da}.button-danger{background:#a92d27;border-color:#a92d27;color:#fff}.button-small{min-height:31px;padding:6px 10px;font-size:10px}
.text-button{color:#856308;font-weight:750}

/* forms */
input,select,textarea{border:1px solid #d7dce4!important;background:#fff!important;color:#172033!important;border-radius:8px!important;min-height:41px;padding:9px 11px!important;box-shadow:0 1px 2px rgba(15,23,42,.025);outline:none;transition:border .15s ease,box-shadow .15s ease}
textarea{min-height:96px;resize:vertical}input::placeholder,textarea::placeholder{color:#a4abb5}input:focus,select:focus,textarea:focus{border-color:#c7a532!important;box-shadow:0 0 0 3px rgba(212,175,55,.13)!important}
label{color:#455064}.form-grid label,.stack-form label,.content-request-form label,.staff-admin-form label,.staff-profile-form label,.board-filter-panel label,.collab-create-form label,.task-collab-form label{font-size:10px;font-weight:800;letter-spacing:.02em;color:#596273}
.form-card,.content-request-panel{padding:0}.form-card form,.content-request-panel form{padding:20px}
.switch-row{background:#f8fafc;border:1px solid var(--bcr-line);border-radius:8px}
.upload-button{border-radius:8px;background:#f8fafc;border:1px dashed #cdd3dc}.password-field button{color:#8b6810}

/* tables/lists */
.report-table,.content-table,.content-admin-table,.collab-table{border-collapse:separate;border-spacing:0;width:100%}.report-table th,.content-table-head,.content-admin-table th,.collab-table th,.table-head{background:#11151b;color:#e8d891;text-transform:uppercase;font-size:8px;letter-spacing:.13em;font-weight:800}.report-table th,.report-table td,.content-admin-table th,.content-admin-table td,.collab-table th,.collab-table td{padding:11px 13px}.report-table td,.content-admin-table td,.collab-table td{border-top:1px solid #edf0f3}.report-table tbody tr:hover,.content-admin-table tbody tr:hover,.collab-table tbody tr:hover{background:#fbfcfd}
.task-row{border-color:#edf0f3;padding:12px 15px}.task-row:hover{background:#fbfcfd}.task-row b{color:#1f2937}.activity-item{border-color:#edf0f3}.activity-item a{color:#876508;font-weight:700}

/* status chips */
.status,.priority,.role-tag,.collab-status,.content-status,.archived-label,.private-label{border-radius:999px;font-size:8px;font-weight:850;letter-spacing:.07em;padding:5px 8px;line-height:1}.priority{min-width:31px;text-align:center}.priority.p0{background:#fee8e7;color:#a82c25}.priority.p1{background:#fff0ce;color:#9a6500}.priority.p2{background:#e7f0ff;color:#2e5c9a}.priority.p3{background:#edf0f3;color:#667080}
.status.todo,.status.queued{background:#edf0f3;color:#5e6877}.status.in_progress,.status.running,.status.submitting{background:#e3edff;color:#245ca5}.status.needs_time{background:#fff0cf;color:#8f6308}.status.review{background:#efe7ff;color:#6e43a4}.status.blocked,.status.failed{background:#fee8e7;color:#a4312a}.status.completed{background:#e3f5e9;color:#287247}
.role-tag{background:#fff6d5;color:#7a5a00}

/* Project board */
.board-filter-panel{background:#fff;border:1px solid var(--bcr-line);box-shadow:var(--shadow-sm);border-radius:12px;padding:15px;gap:10px}.board-filter-panel label>span{color:#7b8492}.board-filter-button{align-self:end}
.kanban-pro{gap:14px}.kanban-column-pro{background:#eef1f5;border:1px solid #e2e6eb;border-radius:12px;padding:0;overflow:hidden}.kanban-column-pro>header{background:#fff;border-bottom:1px solid #e3e7ec;padding:13px 14px}.kanban-column-title b{font-size:10px;letter-spacing:.08em}.kanban-column-title small{font-size:9px;color:#939aa6}.kanban-column-pro>header em{background:#f1f3f6;color:#5d6675;border-radius:999px;min-width:24px;height:24px;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800}.kanban-stack-pro{padding:10px;gap:9px}.kanban-card-pro{background:#fff;border:1px solid #e3e7ec;border-radius:10px;box-shadow:0 1px 2px rgba(15,23,42,.04);padding:13px}.kanban-card-pro:hover{transform:translateY(-2px);border-color:#dcc56d;box-shadow:0 10px 22px rgba(15,23,42,.09)}.kanban-card-pro h3{font-family:inherit;font-weight:720;font-size:13px;color:#1d2735}.board-milestone{background:#f7f8fa;border:1px solid #e4e7ec;color:#707888}.board-card-footer{border-top:1px solid #edf0f3}.column-dot{width:8px;height:8px}.column-dot.todo{background:#98a2b3}.column-dot.in_progress{background:#3b82f6}.column-dot.needs_time{background:#e59a20}.column-dot.review{background:#8b5cf6}.column-dot.blocked{background:#dc4c42}.column-dot.completed{background:#2e9b62}.column-empty-pro{background:rgba(255,255,255,.55);border:1px dashed #d6dce4;border-radius:9px}

/* task cards, team and admin */
.my-task-card,.team-card,.milestone-card,.collab-card,.staff-admin-card,.admin-card{background:#fff;border:1px solid var(--bcr-line);border-radius:12px;box-shadow:var(--shadow-sm)}.my-task-card:hover,.team-card:hover,.milestone-card:hover,.collab-card:hover,.staff-admin-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.my-task-card h3,.team-card h3,.milestone-card h3,.collab-card h3,.staff-card-head h3{font-family:inherit;font-weight:740}.team-card{padding:22px}.team-card>.avatar{box-shadow:0 0 0 5px #f4f5f7}.team-card>div{border-color:#edf0f3}.admin-grid,.team-grid,.task-grid,.milestone-grid,.collab-list{gap:16px}
.admin-owner-badge{background:#11151b;color:var(--bcr-gold);border-radius:8px}.staff-create{background:#f8fafc;border-color:var(--bcr-line)}.staff-create summary{color:#745807}.staff-card-head{border-color:#edf0f3}.staff-admin-card.is-inactive{background:#f8fafc}

/* task workspace */
.task-breadcrumb{font-size:10px;color:#7d8796}.task-title h2{font-family:inherit;font-weight:760;letter-spacing:-.03em}.task-main,.task-sidebar>.side-card{box-shadow:var(--shadow-sm)}.comment{border-color:#edf0f3}.comment-form{background:#f8fafc;border-color:#e3e7ec}.check-item{border-color:#edf0f3}.attachment{border-color:#e4e7ec;background:#fbfcfd}.progress{background:#e9edf2}.progress i{background:linear-gradient(90deg,#b98f16,var(--bcr-gold-bright))}

/* BCR AI Agent */
.content-hero{background:linear-gradient(120deg,#0a0d12,#171c24 68%,#201b0d);border-radius:14px;box-shadow:var(--shadow-lg)}.content-hero h2{font-family:inherit}.content-hero .eyebrow{color:var(--bcr-gold)}.content-agent-orb{background:radial-gradient(circle at 35% 35%,#ecd265,#b08718 52%,#17130a 54%);border-color:rgba(255,255,255,.08)}.content-table{border:1px solid var(--bcr-line);border-radius:10px;overflow:hidden}.content-table-head{border:0}.content-table-row{border-top:1px solid #edf0f3}.content-table-row:hover{background:#fbfcfd}.content-writing-animation{background:linear-gradient(120deg,#0b0e13,#171b22);border-radius:14px}.content-ready-banner{border-radius:12px}.content-settings-grid,.content-detail-grid{gap:16px}

/* collaboration / database */
.collab-method-grid article{background:linear-gradient(145deg,#12161d,#080a0d);border-bottom:0;border-top:3px solid var(--bcr-gold);box-shadow:var(--shadow-sm)}.collab-method-grid b{color:var(--bcr-gold-bright)}.collab-card.status-open,.collab-card.status-accepted{border-left-width:3px}.database-backup-centre{border-top:3px solid var(--bcr-gold)}.db-backup-list,.db-restore-card{background:#f8fafc;border-color:var(--bcr-line)}.db-backup-list h4,.db-restore-card h4{font-family:inherit;font-weight:740}

/* alerts */
.alert,.security-banner{border-radius:9px;border:1px solid transparent;box-shadow:none}.alert.success{background:#ecf8f0;color:#266640;border-color:#ccebd6}.alert.error{background:#fff0ef;color:#912b27;border-color:#f2d0cd}.security-banner{background:#fff8df;color:#765c0e;border-color:#eadb9b}.security-banner a{font-weight:800;text-decoration:underline}

/* avatars */
.avatar{border:2px solid #fff;box-shadow:0 0 0 1px #dfe3e8;background:var(--avatar);color:#0a0d11}.avatar-photo img{object-fit:cover}.avatar-lg{width:40px;height:40px}.avatar-xl{width:68px;height:68px}.avatar-xxl{width:94px;height:94px}

/* Login — Notus auth feel */
.login-body{background:#080b10}.login-shell{min-height:100vh;background:#080b10;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr)}.login-visual{position:relative;background:linear-gradient(135deg,rgba(7,9,13,.96),rgba(18,22,29,.9)),radial-gradient(circle at 20% 15%,rgba(212,175,55,.22),transparent 38%);padding:50px 58px}.login-visual::after{content:"";position:absolute;right:-140px;bottom:-180px;width:520px;height:520px;border:1px solid rgba(212,175,55,.12);border-radius:50%;box-shadow:0 0 0 50px rgba(212,175,55,.018),0 0 0 100px rgba(212,175,55,.012)}.login-brand{position:relative;z-index:1}.login-brand .brand-mark{background:#0a0c10}.login-copy{position:relative;z-index:1;max-width:620px}.login-copy h1{font-family:inherit;font-size:52px;font-weight:760;letter-spacing:-.055em}.login-copy h1 em{font-family:Georgia,serif;color:var(--bcr-gold-bright)}.login-copy p{color:#a9b2c0}.login-quote{position:relative;z-index:1;color:#7f8997;border-color:rgba(255,255,255,.08)}.login-panel{background:#f3f5f8;padding:50px;display:grid;place-items:center}.login-card{width:min(460px,100%);background:#fff;border:1px solid #e3e7ec;border-radius:14px;padding:34px;box-shadow:0 24px 55px rgba(15,23,42,.15)}.login-card h2{font-family:inherit;font-size:24px;font-weight:760;color:#111827}.login-card p{color:#7a8492}.login-card label{font-size:10px;font-weight:800;color:#4a5565}.login-help{background:#f8fafc;border:1px solid #e4e8ed;border-radius:9px;color:#6c7583}

/* empty states */
.empty-state,.compact-empty{background:#fff;border:1px dashed #cfd5de;border-radius:12px;color:#7b8492}.empty-state h2{font-family:inherit;color:#344054}

/* scrollbar */
.sidebar::-webkit-scrollbar,.kanban-stack-pro::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-thumb{background:#303744;border-radius:20px}.kanban-stack-pro::-webkit-scrollbar-thumb{background:#cfd4dc;border-radius:20px}

/* responsive */
@media(max-width:1180px){
  .content{padding:26px 24px 38px}.topbar{padding:0 24px}.footer{padding-left:24px;padding-right:24px}
  .topbar-user-copy{display:none}
}
@media(max-width:900px){
  :root{--sidebar:282px}
  .main{margin-left:0}.sidebar{transform:translateX(-102%);transition:transform .22s ease;box-shadow:20px 0 50px rgba(2,6,23,.28)}.sidebar.open{transform:translateX(0)}
  .menu-toggle{display:inline-flex}.sidebar-backdrop.show{display:block;background:rgba(4,7,12,.58);backdrop-filter:blur(2px)}
  .topbar{height:74px;min-height:74px;padding:0 18px}.content{padding:22px 16px 34px}.footer{padding:18px 16px;gap:8px;flex-direction:column}
  .section-intro,.board-head-pro{align-items:flex-start}.section-intro h2,.board-head-pro h2{font-size:23px}
  .hero-card{padding:26px 24px}.hero-card h2{font-size:27px}
}
@media(max-width:700px){
  body{font-size:13px}.topbar h1{font-size:16px}.topbar .eyebrow{display:none}.top-actions{gap:8px}.notification-button{width:36px;height:36px}.topbar .avatar-lg{width:36px;height:36px}.content{padding:16px 12px 28px}
  .stats-grid,.board-summary-pro,.content-stats,.content-admin-stats,.bot-control-grid{grid-template-columns:1fr 1fr!important;gap:10px}.stat-card,.board-summary-pro>div,.content-stats>article,.content-admin-stats>article,.bot-control-grid article{padding:14px}.stat-card::before,.board-summary-pro>div::before,.content-stats>article::before,.content-admin-stats>article::before,.bot-control-grid article::before{width:32px;height:32px;right:12px;top:12px}.stat-card::after,.board-summary-pro>div::after,.content-stats>article::after,.content-admin-stats>article::after,.bot-control-grid article::after{right:22px;top:22px;width:12px;height:12px}.stat-card strong,.board-summary-pro>div>strong,.content-stats>article>strong,.content-admin-stats>article>strong,.bot-control-grid article>strong{font-size:22px}
  .hero-card{display:block;min-height:0}.project-ring{margin:22px 0 0}.hero-card h2{font-size:24px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}
  .panel-head{padding:14px 15px}.panel-head h3{font-size:14px}.button{min-height:40px}
  .login-shell{grid-template-columns:1fr}.login-visual{min-height:300px;padding:30px 24px}.login-copy h1{font-size:36px}.login-panel{padding:24px 14px}.login-card{padding:24px 20px}.login-quote{display:none}
}
@media(max-width:480px){
  .stats-grid,.board-summary-pro,.content-stats,.content-admin-stats,.bot-control-grid{grid-template-columns:1fr!important}.sidebar{width:min(88vw,310px)}.topbar{padding:0 12px}.topbar-title{max-width:calc(100vw - 155px)}.footer span:last-child{display:none}
}

/* ============================================================
   v4.1 — Design Desk + Reliable Content Bridge
   ============================================================ */
.design-hero{display:grid;grid-template-columns:1fr 260px;gap:22px;align-items:center;padding:28px 30px;margin-bottom:18px;background:linear-gradient(125deg,#080b10,#151a21 68%,#241c08);border:1px solid rgba(212,175,55,.22);border-radius:14px;color:#fff;box-shadow:var(--shadow-lg)}
.design-hero h2{margin:5px 0 8px;font-size:32px;letter-spacing:-.04em;color:#fff}.design-hero p{max-width:850px;margin:0;color:#b5bdc9}.design-hero .eyebrow{color:var(--bcr-gold-bright)}
.design-manager-card{padding:20px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);display:grid;gap:3px}.design-manager-card span{font-size:10px;letter-spacing:.14em;color:#8f98a7;font-weight:800}.design-manager-card strong{font-size:28px;color:var(--bcr-gold-bright)}.design-manager-card small{color:#b9c1cc}
.design-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 18px}.design-stats article{background:#fff;border:1px solid var(--bcr-line);border-radius:12px;padding:17px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.design-stats article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--bcr-gold)}.design-stats span{display:block;font-size:9px;font-weight:850;letter-spacing:.11em;color:#8a94a3}.design-stats strong{display:block;font-size:26px;line-height:1.1;margin:7px 0 3px}.design-stats small{color:#8a94a3}
.design-human-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#11151b;color:var(--bcr-gold-bright);font-size:9px;font-weight:850;letter-spacing:.09em}.design-create-panel{margin-bottom:18px}.design-request-form{padding:20px}.design-file-drop{padding:14px;border:1px dashed #cbd2db;border-radius:10px;background:#fafbfd}.design-file-drop input{margin-top:8px}.design-submit-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid #edf0f3}.design-submit-row div{display:grid;gap:2px}.design-submit-row small{color:#7a8492}
.design-ticket-list{margin-bottom:20px}.design-ticket-grid{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.design-ticket-card{display:block;padding:18px;border:1px solid var(--bcr-line);border-left:3px solid #d1d5db;border-radius:11px;background:#fff;color:var(--bcr-ink);box-shadow:var(--shadow-sm)}.design-ticket-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:#d4b653}.design-ticket-card.status-open{border-left-color:var(--bcr-gold)}.design-ticket-card.status-in_progress{border-left-color:var(--bcr-blue)}.design-ticket-card.status-waiting_requester{border-left-color:var(--bcr-orange)}.design-ticket-card.status-completed{border-left-color:var(--bcr-green)}.design-ticket-top,.design-ticket-card footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.design-ticket-key{font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a6b10}.design-ticket-card h3{margin:13px 0 3px;font-size:17px}.design-ticket-card p{margin:0 0 13px;color:#7a8492}.design-ticket-meta{display:flex;gap:8px;flex-wrap:wrap}.design-ticket-meta>span{display:inline-flex;align-items:center;gap:5px;background:#f5f7f9;padding:4px 7px;border-radius:6px;color:#606b79;font-size:10px}.design-linked-task{display:block;margin-top:10px;color:#7b650d}.design-ticket-card footer{margin-top:14px;padding-top:12px;border-top:1px solid #edf0f3;color:#8993a1;font-size:10px}
.design-status{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.06em;background:#f2f4f7;color:#667085}.design-status.open{background:#fff7d6;color:#765b06}.design-status.in_progress{background:#eaf2ff;color:#275eae}.design-status.waiting_requester{background:#fff0df;color:#9a4c08}.design-status.completed{background:#e8f7ed;color:#24723d}.design-status.closed{background:#eef0f3;color:#68717e}.design-status.large{min-height:34px;padding:0 13px;font-size:10px}
.design-request-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 18px}.design-request-head h2{margin:5px 0;font-size:28px;letter-spacing:-.035em}.design-request-head p{display:flex;align-items:center;gap:7px;margin:0;color:#7a8492}.design-request-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.design-thread{overflow:hidden}.design-thread-list{padding:8px 18px 18px}.design-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:16px 0;border-bottom:1px solid #edf0f3}.design-message.from-luke{margin:10px 0;padding:16px;border:1px solid #eadb9b;border-left:3px solid var(--bcr-gold);border-radius:10px;background:#fffaf0}.design-message-body header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.design-message-body header>span{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.design-message-body header em{font-style:normal;font-size:9px;font-weight:850;letter-spacing:.08em;color:#8b6b0d}.design-message-body header small,.design-message-body time{font-size:10px;color:#919aa6}.design-message-body p{margin:8px 0 0;white-space:normal;line-height:1.7;color:#344054}.design-attachments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.design-attachment{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #e1e6ec;border-radius:8px;background:#fff;color:#344054}.design-attachment>span{display:grid;place-items:center;width:42px;height:42px;border-radius:7px;background:#11151b;color:var(--bcr-gold);font-size:9px;font-weight:850}.design-attachment img{width:54px;height:54px;object-fit:cover;border-radius:7px}.design-attachment div{min-width:0;display:grid}.design-attachment b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.design-attachment small{color:#8a94a3}.design-reply-form{padding:18px;background:#f8fafc;border-top:1px solid #e3e7ec;display:grid;gap:13px}.design-request-side{display:grid;gap:18px;align-content:start}.design-ticket-info,.design-manager-controls{padding:20px}.design-ticket-info h3,.design-manager-controls h3{margin:4px 0 14px}.design-ticket-info dl{display:grid;grid-template-columns:100px 1fr;gap:9px 12px;margin:0}.design-ticket-info dt{font-size:9px;font-weight:850;letter-spacing:.07em;color:#8a94a3;text-transform:uppercase}.design-ticket-info dd{margin:0;color:#344054}.design-original-brief{margin-top:16px;padding:13px;border-radius:9px;background:#f7f8fa;color:#4b5565;line-height:1.65}.design-manager-controls form{display:grid;gap:10px}.design-manager-controls .security-banner{margin:13px 0 0}
.bridge-setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}.bridge-setup-card{padding:17px;border:1px solid var(--bcr-line);border-radius:11px;background:#fff;box-shadow:var(--shadow-sm)}.bridge-setup-card>span{font-size:9px;font-weight:850;letter-spacing:.1em;color:#8a6b10}.bridge-setup-card h4{margin:7px 0 9px;font-size:16px}.bridge-setup-card p{color:#748091;line-height:1.6}.bridge-setup-card code{display:block;max-width:100%;overflow:auto;padding:9px;background:#11151b;color:#f1d566;border-radius:7px;font-size:10px}.bridge-token-reveal{display:grid;gap:7px;margin:10px 0 12px;padding:12px;border:1px solid #d4af37;border-radius:9px;background:#fff9e6}.bridge-token-reveal b{font-size:10px;color:#7b5f08}.bridge-token-reveal input{font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:1100px){.design-stats{grid-template-columns:repeat(2,1fr)}.design-request-layout{grid-template-columns:1fr}.bridge-setup-grid{grid-template-columns:1fr 1fr}.design-ticket-grid{grid-template-columns:1fr}}
@media(max-width:700px){.design-hero{grid-template-columns:1fr;padding:22px 18px}.design-hero h2{font-size:27px}.design-stats{grid-template-columns:1fr 1fr}.design-request-head{display:grid}.design-submit-row{display:grid}.bridge-setup-grid{grid-template-columns:1fr}.design-attachments{grid-template-columns:1fr}}
@media(max-width:480px){.design-stats{grid-template-columns:1fr}.design-ticket-grid{padding:12px}.design-request-form{padding:14px}}