/* The private desk shares the public office's paper, space and character art.
 * These are presentation rules only; private job and worker states are retained. */
.workspace-shell { background: #f8f7f1; }
.workspace-shell .workspace-header { border-bottom: 1px solid #e0e3d9; min-height: 98px; }
.workspace-shell .workspace-nav { border: 0; border-radius: 0; background: transparent; padding: 0; gap: 8px; }
.workspace-shell .workspace-nav-link { position: relative; border: 0; border-radius: 0; padding: 15px 16px; min-height: 46px; background: transparent; }
.workspace-shell .workspace-nav-link:hover { background: #eaf0e4; }
.workspace-shell .workspace-nav-link.active { background: transparent; box-shadow: none; color: #253f32; }
.workspace-shell .workspace-nav-link.active::after { content: ""; position: absolute; inset: auto 16px 4px; height: 2px; background: #608f77; }
.workspace-shell .workspace-content { padding-top: 36px; }
.workspace-shell .page-head h1 { font-weight: 530; letter-spacing: -1.6px; }
.workspace-shell .card { border-radius: 9px; box-shadow: 0 5px 13px #34463703; }
.workspace-shell .btn { border-radius: 7px; }
.workspace-shell input, .workspace-shell textarea, .workspace-shell select { border-radius: 6px; }
.workspace-shell .create-page { max-width: 1000px; }
.workspace-shell .desk-heading { display: grid; grid-template-columns: minmax(0, 1fr) 226px; gap: 35px; align-items: center; min-height: 205px; margin: -18px 0 20px; }
.workspace-shell .desk-heading-copy { padding-bottom: 9px; }
.workspace-shell .desk-heading h1 { max-width: 550px; font-size: clamp(35px, 3.5vw, 48px); line-height: 1.1; letter-spacing: -2px; }
.workspace-shell .desk-heading p { max-width: 470px; line-height: 1.7; }
.workspace-shell .desk-heading .eyebrow { color: #587864; letter-spacing: 1.6px; margin-bottom: 16px; }
.desk-companion { position: relative; width: 226px; height: 226px; isolation: isolate; pointer-events: none; }
.desk-companion > .oddo-character { position: relative; width: 226px; height: 226px; aspect-ratio: 1; z-index: 1; }
.desk-companion-floor { position: absolute; width: 185px; height: 26px; bottom: 13px; left: 23px; border-radius: 50%; background: #d9dfd14d; box-shadow: 0 8px 17px #364c300b; transform: rotate(-6deg); }
.desk-companion-paper { position: absolute; z-index: 2; right: -7px; bottom: 20px; width: 47px; height: 30px; padding: 7px; border: 1px solid #d7ded0; background: #fffef8; box-shadow: 0 3px 7px #293f2810; transform: rotate(-15deg) skewX(10deg); }
.desk-companion-paper i { display: block; height: 1px; width: 100%; background: #b3c6b5; margin-bottom: 4px; }
.desk-companion-paper i:last-child { width: 63%; }
.workspace-shell .create-layout { gap: 36px; grid-template-columns: minmax(0, 1.65fr) minmax(240px, .9fr); }
.workspace-shell .create-form { position: relative; padding: 30px; border: 1px solid #dce1d6; border-radius: 5px 5px 10px 10px; background: #fffef9; box-shadow: 0 3px 0 #eeefe6, 0 4px 0 #dce1d666, 0 15px 28px #3d4a3005; }
.workspace-shell .create-form::before { content: ""; position: absolute; inset: -1px -1px auto; height: 4px; background: #c4d9bd; border-radius: 5px 5px 0 0; }
.workspace-shell .create-form textarea.brief { min-height: 184px; padding: 14px 0; background: transparent; border: 0; border-bottom: 1px solid #dce2d5; border-radius: 0; font-size: 17px; line-height: 1.8; resize: vertical; }
.workspace-shell .create-form textarea.brief:focus { box-shadow: none; border-bottom-color: #518265; background: #fdfef9; }
.workspace-shell .create-form .form-field:has(textarea.brief) { padding-bottom: 6px; }
.workspace-shell .create-form .char-count { font-size: 10px; color: #7d8b76; }
.workspace-shell .create-form .segmented { border-radius: 6px; background: #eff2e8; }
.workspace-shell .create-form .segmented button { border-radius: 4px; }
.workspace-shell .create-form .job-bottom { border-top-color: #e1e6db; padding-top: 22px; }
.workspace-shell .context-card { position: relative; margin-top: 18px; border: 1px solid #d9e0d1; border-radius: 0 8px 8px 8px; padding: 26px; background: #edf1e6; box-shadow: 0 5px 10px #344b2c03; }
.workspace-shell .context-card::before { content: ""; position: absolute; left: -1px; top: -15px; width: 93px; height: 15px; border: 1px solid #d9e0d1; border-bottom: 0; border-radius: 7px 12px 0 0; background: #edf1e6; }
.workspace-shell .context-card > .eyebrow { color: #6a7c62; font-size: 9px; letter-spacing: 1.5px; }
.workspace-shell .context-card h2 { font-size: 22px; line-height: 1.25; letter-spacing: -.5px; }
.workspace-shell .context-card > p { line-height: 1.8; }
.workspace-shell .context-card > .btn { background: #f8faf2; }
.workspace-shell .context-deliverables { border-color: #d7dfcf; margin-top: 25px; }
.workspace-shell .context-deliverables h3 { color: #41563d; }
.workspace-shell .section-title { margin-top: 40px; }
.workspace-shell .job-row { border-width: 0 0 1px; border-radius: 0; padding: 20px 8px; background: transparent; box-shadow: none; }
.workspace-shell .job-row:hover { border-color: #b4c3a9; background: #eff3e8; }
.workspace-shell .job-row .iconbox { background: #e8efe0; border-radius: 4px; }
.workspace-shell .more-grid { gap: 0 32px; }
.workspace-shell .more-card { border: 0; border-top: 1px solid #dbe1d4; border-radius: 0; padding: 25px 0; background: transparent; }
.workspace-shell .more-card:hover { background: transparent; border-color: #719773; }
.workspace-shell .more-card > .icon:last-child { align-self: flex-end; }
.workspace-shell .project-details, .workspace-shell details.card { border-radius: 8px; }
.workspace-shell .workspace-footer { border-top: 1px solid #e3e6dd; padding-top: 22px; margin-top: 16px; }

@media (min-width: 800px) and (prefers-reduced-motion: no-preference) {
  .desk-companion > .oddo-character { animation: desk-companion-breathe 6s ease-in-out infinite; }
}
@keyframes desk-companion-breathe { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@media (max-width: 950px) {
  .workspace-shell .workspace-nav { gap: 2px; }
  .workspace-shell .workspace-nav-link { padding-left: 12px; padding-right: 12px; }
  .workspace-shell .create-layout { gap: 24px; grid-template-columns: minmax(0, 1.4fr) minmax(225px, .85fr); }
  .workspace-shell .create-form { padding: 24px; }
  .workspace-shell .context-card { padding: 22px; }
  .workspace-shell .desk-heading { grid-template-columns: minmax(0, 1fr) 190px; gap: 20px; }
  .desk-companion, .desk-companion > .oddo-character { width: 190px; height: 190px; }
  .desk-companion-floor { width: 165px; left: 15px; bottom: 10px; }
}
@media (min-width: 701px) and (max-width: 800px) {
  .workspace-shell .create-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .workspace-shell .context-card { margin-top: 0; }
  .workspace-shell .context-deliverables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
  .workspace-shell .context-deliverables h3 { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .workspace-shell .workspace-header { padding: 20px 20px 13px; gap: 18px; }
  .workspace-shell .workspace-nav { margin-top: 0; }
  .workspace-shell .workspace-nav-link { padding: 12px 14px; }
  .workspace-shell .workspace-content { padding: 25px 20px 35px; }
  .workspace-shell .desk-heading { grid-template-columns: minmax(0, 1fr) 138px; gap: 4px; min-height: 170px; margin: 0 0 27px; }
  .workspace-shell .desk-heading-copy { padding: 0; }
  .workspace-shell .desk-heading h1 { font-size: 32px; letter-spacing: -1.3px; }
  .workspace-shell .desk-heading p { font-size: 12px; line-height: 1.7; margin-top: 11px; }
  .workspace-shell .desk-heading .eyebrow { font-size: 8px; letter-spacing: 1px; margin-bottom: 12px; }
  .desk-companion, .desk-companion > .oddo-character { width: 138px; height: 138px; }
  .desk-companion-floor { width: 119px; height: 18px; left: 10px; bottom: 6px; }
  .desk-companion-paper { width: 29px; height: 21px; padding: 5px; right: -2px; bottom: 11px; }
  .desk-companion-paper i { margin-bottom: 3px; }
  .workspace-shell .create-layout { grid-template-columns: minmax(0, 1fr); gap: 37px; }
  .workspace-shell .create-form { padding: 23px 21px; border-radius: 5px 5px 9px 9px; }
  .workspace-shell .create-form textarea.brief { min-height: 177px; font-size: 16px; line-height: 1.75; }
  .workspace-shell .create-form .segmented button { gap: 7px; padding: 10px 6px; font-size: 11px; }
  .workspace-shell .create-form .segmented button .icon { width: 15px; height: 15px; flex-shrink: 0; }
  .workspace-shell .context-card { margin-top: 0; padding: 25px; }
  .workspace-shell .job-row { padding: 19px 5px; }
  .workspace-shell .more-grid { gap: 0 24px; }
  .workspace-shell .workspace-footer { padding-left: 20px; padding-right: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .desk-companion, .desk-companion * { animation: none !important; transition: none !important; }
}