:root {
  --ink:#211c1c;
  --muted:#6c6564;
  --paper:#fff;
  --line:#e7e2e0;
  --desk-accent:#ffe962;
}
[hidden] {display:none!important;}
body[data-desk="amo"] {--desk-accent:#f66483;}
body[data-desk="rhea"] {--desk-accent:#b1d4d0;}
body, .shell, .topbar, .panel, .team-card, .workflow-item, .drop-card, .garment-card, dialog {background:#fff;}
.shell {
  background-image:url("assets/portfolio/print-margin.svg"),url("assets/portfolio/print-margin.svg");
  background-size:32px auto;
  background-position:left top 84px,right top 221px;
  background-repeat:repeat-y;
}
.sidebar {background:#fff;color:var(--ink);border-right:1px solid var(--line);padding-top:25px;}
.brand {position:relative;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:19px;}
.brand::after {
  content:"";position:absolute;bottom:-1px;left:0;width:42px;height:3px;
  background:linear-gradient(90deg,#f66483 0 33%,#ffe962 33% 66%,#b1d4d0 66%);
}
.brand strong {letter-spacing:-1.5px;}
.nav-group {color:#7d7373;}
.nav-group::after {
  content:"";display:inline-block;vertical-align:middle;margin-left:8px;width:22px;height:3px;
  background:radial-gradient(circle,#aa1945 1px,transparent 1.5px) left center/5px 5px;
  opacity:.55;
}
.sidebar nav a {color:#524949;}
.sidebar nav a:hover {background:#faf5f6;color:var(--ink);}
.sidebar nav a.active {background:#fbe6ec;color:var(--ink);box-shadow:inset 3px 0 #f66483;}
.sidebar .nav-count {background:#f1edec;border-color:#eae5e4;color:#6e6364;}
.sidebar nav a.active .nav-count {background:#f7ccd8;}
.sidebar-art {
  position:relative;min-height:101px;margin:24px 7px 12px;border-top:1px solid var(--line);padding-top:13px;
}
.sidebar-art::before {
  content:"";position:absolute;left:19%;top:24px;width:62%;height:49px;transform:rotate(-5deg);
  background:radial-gradient(circle,#aa194551 1px,transparent 1.4px) 0 0/6px 6px,#ffe96255;
}
.sidebar-art img {position:relative;width:66px;height:66px;object-fit:contain;transform:rotate(-10deg);display:block;margin:auto;}
.sidebar-art span {position:absolute;right:4px;bottom:11px;color:#8a7b7b;font:8px 'Courier New',monospace;letter-spacing:1px;}
.sidebar-bottom {border-color:var(--line);color:var(--muted);}
.sidebar-bottom button {display:flex;align-items:center;gap:8px;color:#655d5c;margin-left:0;font:11px Arial,sans-serif;padding:8px;}
.sidebar-bottom button:hover {color:var(--ink);}
.topbar {
  border-bottom-color:var(--line);
  background-image:linear-gradient(90deg,#f66483 0 25%,#ffe962 25% 50%,#d9fb60 50% 75%,#b1d4d0 75%);
  background-position:50% 100%;
  background-size:92px 3px;
  background-repeat:no-repeat;
}
.topbar-actions {gap:13px;}
.search-button kbd {margin-left:5px;}
.sync-status {font:9px 'Courier New',monospace;color:#716868;white-space:nowrap;}
#sessionAction {font-size:10px;min-height:31px;}
.footer {position:relative;font-size:8px;color:#817676;}
.footer::before {
  content:"";position:absolute;top:calc(50% - 4px);left:calc(50% - 24px);width:48px;height:8px;
  background:radial-gradient(circle,#aa19457d 1px,transparent 1.4px) 0 0/6px 6px;
}
.page-heading {
  --accent:var(--desk-accent);position:relative;padding:5px 0 16px;margin-bottom:21px;
  border-bottom:1px solid var(--line);
}
.page-heading::after {
  content:"";position:absolute;left:0;bottom:-2px;width:58px;height:3px;
  background:linear-gradient(90deg,var(--desk-accent) 0 65%,#aa1945 65% 69%,transparent 69% 75%,#b1d4d0 75%);
}
.page-heading .eyebrow {color:#786b6d;}
.desk-actions {display:flex;align-items:center;gap:8px;flex-shrink:0;}
.desk-actions .role-picker {max-width:158px;font-size:10px;min-height:35px;}
.studio-hero {background:#fff;border-color:#ded6d6;min-height:285px;grid-template-columns:1.04fr 1fr;}
.hero-copy {position:relative;padding:24px 26px;}
.hero-copy::after {
  content:"";position:absolute;right:4%;bottom:7%;width:69px;height:44px;z-index:-1;
  background:radial-gradient(circle,#aa19455c 1px,transparent 1.4px) 0 0/5px 5px,#ffe96248;
  clip-path:polygon(2% 10%,99% 0,95% 93%,0 100%);
}
.hero-copy h2 {font-size:42px;line-height:.92;margin:19px 0 12px;color:#211c1c;}
.hero-copy h2 em {color:#aa1945;}
.hero-copy .mono {color:#6a5b5e;}
.hero-copy p {font-size:12px;color:#6c6564;margin:0 0 14px;}
.hero-date {color:#66595b;}
.hero-art {background:#fdfafa;border-left:1px solid #efe7e7;overflow:hidden;}
.hero-art::before {content:'';position:absolute;inset:18px 24px;background:#ffe962;clip-path:polygon(0 10%,100% 0,97% 91%,3% 100%);opacity:.65;}
.hero-art .shirt-collage figure {width:47%;max-width:236px;}
.hero-art .shirt-collage figure:nth-child(3) {top:37%;}
.hero-art .tape-label {background:#f66483;color:#382529;border-color:#df8a9e;}
.jump-tile {border-color:var(--line);border-top:3px solid #ffe962;min-height:96px;background:white;padding:13px 14px;}
.jump-tile:nth-child(2) {background:#fff;border-top-color:#d9fb60;}
.jump-tile:nth-child(3) {background:#fff;border-top-color:#b1d4d0;}
.jump-tile:nth-child(4) {background:#fff;border-top-color:#f66483;}
.jump-tile strong {font-size:15px;}
.jump-tile small {font-size:10px;color:var(--muted);}
.desk-grid {display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-top:24px;align-items:start;}
.desk-grid .panel {min-width:0;}
.desk-panel-heading {padding:17px 18px 13px;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.desk-panel-heading h2 {font-size:15px;letter-spacing:-.3px;margin:0;}
.desk-stats {display:flex;gap:7px;flex-wrap:wrap;padding:0 18px 12px;}
.desk-stats span {display:inline-flex;gap:6px;align-items:center;padding:6px 9px;border:1px solid #eee8e7;border-radius:4px;background:#fcfaf9;color:#6c6162;font-size:10px;}
.desk-stats b {color:#382c2d;}
.desk-task-section {border-top:1px solid var(--line);}
.desk-task-section h3 {font-size:11px;margin:13px 18px 3px;color:var(--muted);}
.person-pill.unassigned {color:var(--muted);font-size:9px;}
.peer-card {border-top:1px solid var(--line);padding:14px 18px;}
.peer-head {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;}
.peer-person {display:flex;align-items:center;gap:9px;}
.peer-person .avatar {width:32px;height:32px;border:0;}
.peer-person strong {display:block;font-size:12px;}
.peer-person small {font-size:9px;color:var(--muted);margin-top:3px;display:block;}
.peer-count {font:9px 'Courier New',monospace;color:#74696a;white-space:nowrap;}
.peer-work {display:flex;gap:8px;align-items:center;justify-content:space-between;padding:7px 0;}
.peer-work .row-button {font-size:10px;}
.peer-card .text-button {margin-top:6px;}
.desk-empty {padding:13px 18px;color:var(--muted);font-size:11px;}
.project-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.project-link {display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:16px;background:#fff;}
.project-link:hover {border-color:#cba1ae;}
.project-link .project-icon {display:flex;align-items:center;justify-content:center;background:#fbe6ec;border-radius:5px;width:36px;height:36px;flex-shrink:0;}
.project-link strong {font-size:11px;display:block;}
.project-link small {font-size:9px;color:var(--muted);display:block;margin-top:4px;}
.project-link>.icon {margin-left:auto;width:15px;}
.task-card {background:#fff;}
.board-column {background:#faf8f7;}
.calendar-day {background:#fff;}
.table-wrap {background:#fff;}
th {background:#f8f6f6;}
.brief-card, .brand-banner, .garment-art {border-radius:6px;}
.mobile-nav {background:#fff;}
.mobile-nav a.active {background:#fbe6ec;color:var(--ink);}
.auth-screen {min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;max-width:1360px;margin:auto;padding:34px;gap:32px;align-items:center;}
.auth-art {position:relative;background:#fff;border:1px solid var(--line);min-height:490px;overflow:hidden;}
.auth-art::before {content:'';position:absolute;inset:20px 24px 25px;background:#fff3b3;clip-path:polygon(1% 0,99% 6%,100% 99%,0 94%);}
.auth-logo {position:absolute;width:64%;top:13%;left:9%;transform:rotate(-8deg);z-index:2;}
.auth-stars {position:absolute;width:23%;top:11%;right:7%;transform:rotate(11deg);z-index:3;}
.auth-shirt {position:absolute;width:57%;left:28%;bottom:10%;transform:rotate(8deg);border:7px solid white;box-shadow:2px 7px 23px #30212418;}
.auth-card {width:min(410px,100%);padding:30px 14px;margin:auto;}
.auth-mark {display:none;}
.auth-card h1 {font:900 40px/1 Arial,Helvetica,sans-serif;letter-spacing:-2px;margin:11px 0 26px;}
.auth-card form {display:grid;gap:15px;}
.auth-card .field {font-size:12px;color:#52494b;}
.auth-card .field input {min-height:43px;font-size:14px;}
.auth-card form .button {min-height:42px;margin-top:3px;font-size:12px;}
#authMessage {font-size:11px;color:#75696c;line-height:1.6;margin:0;min-height:17px;}
.auth-card .text-button {margin-top:14px;font-size:11px;}
@media(max-height:800px) {.sidebar-art {display:none;}}
@media(max-width:1180px) {.shell {background-size:21px auto;}}
@media(max-width:1000px) {
  .hero-copy h2 {font-size:36px;}
  .desk-grid {grid-template-columns:1fr;}
  .auth-screen {padding:24px;}
  .auth-art {min-height:390px;}
}
@media(max-width:650px) {
  .shell {background-size:14px auto;background-position:left top 100px,right top 163px;}
  .topbar {background-size:49px 2px;}
  .topbar-actions {gap:6px;}
  .topbar .sync-status {display:none;}
  .topbar .team-stack {display:none;}
  #sessionAction {font-size:9px;padding:6px 8px;}
  .page-heading {flex-wrap:wrap;align-items:center;}
  .page-heading h1 {font-size:28px;}
  .desk-actions .button {margin-top:0;}
  .desk-actions .role-picker {min-height:34px;}
  .studio-hero {min-height:242px;grid-template-columns:1.08fr 1fr;}
  .hero-copy {padding:17px 13px;}
  .hero-copy::after {right:3%;bottom:4%;width:29px;height:24px;opacity:.65;}
  .hero-copy h2 {font-size:27px;letter-spacing:-1.4px;}
  .hero-copy p {font-size:10px;}
  .hero-art::before {inset:16px 12px;}
  .hero-art .shirt-collage figure {width:68%;}
  .hero-art .shirt-collage figure:nth-child(3) {top:39%;}
  .hero-art .tape-label {font-size:7px;}
  .jump-tile {min-height:85px;}
  .jump-tile strong {font-size:13px;}
  .jump-tile small {font-size:9px;}
  .desk-panel-heading {padding:16px 14px 12px;}
  .desk-stats {padding:0 14px 11px;}
  .desk-task-section h3 {margin-left:16px;}
  .peer-card {padding:13px 14px;}
  .project-list {grid-template-columns:1fr;}
  .auth-screen {display:flex;align-items:flex-start;padding:35px 22px;}
  .auth-art {display:none;}
  .auth-card {margin:0 auto;padding:0;}
  .auth-mark {display:block;width:155px;height:81px;object-fit:contain;margin:0 0 19px;}
  .auth-card h1 {font-size:34px;}
}