/* Customer design: warm structure and quiet lilac. Business rules stay in core. */
html[data-theme="studio"]{--paper:#f4eee7;--white:#fffdf9;--ink:#362722;--muted:#635149;--line:#dfd5cc;--rose:#49352e;--rose-dark:#362722;--pink:#eee5dc;--pink-2:#ded4e8;--lilac:#eee7f3;--lilac-ink:#574260;--sage:#e9ede5;--sage-ink:#41543e;--peach:#f3e9dc;--peach-ink:#78572f;--sans:'Segoe UI',Arial,sans-serif;--serif:var(--sans);background:var(--paper)}
html body{background:var(--paper);font-size:15px;line-height:1.55}body::before,body::after{display:none!important}
html[data-theme="studio"] .sidebar{inset:0 auto 0 0;width:228px;border-radius:0;border:0;padding:33px 18px 20px;background:#362722!important;color:#f7efe7;box-shadow:none;overflow-y:auto;scrollbar-width:thin}
html .brand{padding:0 15px 34px}html[data-theme="studio"] .brand-name{font-family:var(--sans);font-size:38px;font-weight:500;letter-spacing:-2px;color:#f6ede3;line-height:1.1}html .brand-sub{color:#c5b4a8;font-size:9px;letter-spacing:2px;margin:11px 0 0}html .brand-line{gap:10px}html .brand-symbol{display:inline-block;width:28px;height:32px;border-radius:18px 18px 5px 5px;border:1px solid #c6b5ce;background:linear-gradient(90deg,transparent 46%,#c6b5ce 47%,#c6b5ce 50%,transparent 51%);transform:rotate(-8deg);margin-right:2px}html .bow{display:none!important}
html .nav-label{padding:0 14px;color:#c8b9ae;font-size:9px;letter-spacing:1.8px;margin-bottom:12px}html .nav{gap:4px}html .nav button{padding:12px 14px;border-radius:9px;color:#e1d5cb;font-size:13px;gap:12px;min-height:44px}html .nav button svg{width:18px;height:18px;stroke-width:1.5;color:inherit}html .nav button:hover{background:#493930;color:#fff8ee}html[data-theme="studio"] .nav button.active{background:#ded4e8;color:#362722;border:0;box-shadow:none;font-weight:650}html .nav .nav-count{background:#ffffff14;color:inherit;border-radius:5px;font-size:10px;min-width:20px;padding:1px 5px}html .nav button.active .nav-count{background:#fff8}html .nav-divider{background:#665047;margin:20px 14px}
html .sidebar-note{display:block!important;text-align:left;margin:26px 14px 24px;padding:18px 0;border:0;border-top:1px solid #665047;border-radius:0}html .sidebar-note p{color:#e8dcd0;font:400 15px/1.6 var(--sans);letter-spacing:-.2px}html .sidebar-note small{color:#c0aebf;font-size:9px;letter-spacing:1.2px;margin-top:12px}html .storage-btn{color:#d1c2b8;border-top-color:#665047;padding:13px 12px;font-size:11px}html .account{padding:12px 12px 0;gap:10px;color:#f5ebe2}html .account span{color:#c5b4a8;font-size:10px}html .account b{font-size:12px}html .avatar{background:#ded4e8;width:34px;height:34px;flex-shrink:0;overflow:hidden}html .avatar img{width:100%;height:100%;object-fit:cover}
html .workspace{margin-left:228px;max-width:none}html .topbar{height:74px;padding:0 36px;background:var(--paper);border-color:var(--line)}html .crumb{font-size:11px;gap:10px;color:var(--muted)}html .top-right{gap:10px}html .topbar .today{font-size:11px;margin-right:12px;color:var(--muted)}html .icon-btn{width:38px;height:38px;background:#fffdf9;border-color:var(--line);border-radius:11px;color:var(--ink)}html .icon-btn:hover{background:var(--pink)}html .main{padding:30px 36px 28px;max-width:1540px;margin:auto}
html[data-theme="studio"] .intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;position:relative;background:none!important;border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:158px;padding:5px 0 31px;margin-bottom:28px;box-shadow:none;gap:26px;overflow:visible}html .intro::after{display:none}html .creator-portrait{display:none!important}html .intro .eyebrow{font:600 10px/1.5 var(--sans);letter-spacing:1.8px;color:var(--muted);margin-bottom:12px}html[data-theme="studio"] .intro h1{font:500 clamp(28px,2.7vw,40px)/1.22 var(--sans);letter-spacing:-1.5px;color:var(--ink);max-width:720px}html .intro h1 em{font-style:normal;color:var(--ink)}html .intro p{font-size:13px;color:var(--muted);margin-top:12px;max-width:600px}html .intro .btn-primary{background:var(--rose);border-color:var(--rose);color:#fff9f0;border-radius:9px;min-height:46px;padding:12px 18px;box-shadow:none;font-size:12px;font-weight:600}
html .btn{border-radius:9px;font-size:12px;min-height:42px;line-height:1.4}html .btn-primary,html .bottom-add{background:var(--rose);color:#fff9f0;border-color:var(--rose);box-shadow:none}html .btn-primary:hover{background:#362722!important}html .btn-soft{background:#e9dfed;color:#4e3a59;border-color:#d5c7dc}html .btn-plain{background:#fffdf9;border-color:var(--line);color:var(--ink)}html .btn-danger{background:#963d42;color:#fff}
html .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}html[data-theme="studio"] .stat{background:#fffdf9!important;border:1px solid var(--line);border-radius:14px;padding:20px 18px 18px;min-height:140px;box-shadow:none}html[data-theme="studio"] .stat:first-child{background:#49352e!important;border-color:#49352e;color:#fff5ea}html .stat-label{font-size:11px;color:var(--muted);gap:6px}html .stat-label svg{color:#776358;width:16px;height:16px}html .stat-value{font-size:27px;font-weight:550;letter-spacing:-1px;margin:16px 0 8px;line-height:1.2;color:var(--ink)}html .stat-foot{font-size:10px;line-height:1.5;color:var(--muted)}html .stat:first-child .stat-label,html .stat:first-child .stat-foot,html .stat:first-child .stat-label svg{color:#e0d3c8}html[data-theme="studio"] .stat:first-child .stat-value{color:#fff5ea}html[data-theme="studio"] .stat:nth-child(4){background:#eae3ef!important;border-color:#d7cbdf}html .stat:nth-child(2) .stat-value,html .stat:nth-child(3) .stat-value,html .stat:nth-child(4) .stat-value{color:var(--ink)}html .mini-summary{gap:23px;font-size:10px;margin:20px 0 28px;color:var(--muted)}html .mini-summary svg{color:#776358}
html .content-grid{grid-template-columns:minmax(0,1fr) 276px;gap:26px;align-items:start}html[data-theme="studio"] .panel{background:#fffdf9!important;border:1px solid var(--line);border-radius:14px;box-shadow:none}html[data-theme="studio"] .jobs-panel{background:transparent!important;border:0;border-radius:0}html .panel-head{padding:0 0 17px;align-items:center;gap:12px}html .panel-head h2,html .section-title{font:600 18px/1.4 var(--sans);letter-spacing:-.5px;color:var(--ink)}html .panel-head h2 span{background:#e9dfd4;color:#66554b;border:0;border-radius:5px;font:600 10px var(--sans);padding:3px 7px}html .export-toolbar{align-items:center;gap:10px}html .small-label{display:none}html .export-toolbar .btn{min-height:34px;padding:8px 11px;font-size:10px;background:transparent;color:var(--muted);border:1px solid var(--line)}html .job-controls{padding:0 0 18px;border:0}
html .search-box{background:#fffdf9;border:1px solid var(--line);border-radius:9px;padding:10px 13px;margin-bottom:13px;box-shadow:none;backdrop-filter:none}html .search-box input{font-size:12px;color:var(--ink)}html .search-box input::placeholder{color:#6b584e}html .tabs{padding:0;gap:5px;max-width:100%;width:auto;background:transparent;border:0;border-radius:0;box-shadow:none;overflow-x:auto;flex-wrap:nowrap}html .tab{font-size:10px;border-radius:6px;min-height:36px;padding:8px 10px;color:var(--muted);background:transparent;border:1px solid transparent}html[data-theme="studio"] .tab.active{background:#e6dce9;color:#4e3a59;border-color:#d5c7dc;box-shadow:none}html .tab:hover{background:#ebe2d9}html .tab span{font-size:9px;color:inherit;background:none!important;opacity:.8}
html[data-theme="studio"] .job-row{background:#fffdf9!important;border:1px solid var(--line)!important;padding:19px 18px;margin-bottom:10px;border-radius:12px;box-shadow:none}html .brand-avatar{font:600 16px var(--sans);border-radius:10px;width:40px;height:40px;background:#e9e0d7!important;color:#574339;box-shadow:none;border:0}html .job-brand{font-size:13px;font-weight:650;color:var(--ink)}html .job-desc{font-size:12px;color:var(--muted);line-height:1.5}html .job-money b{font-size:13px;font-weight:600;color:var(--ink)}html .job-money span{font-size:10px;color:var(--muted)}html .job-money .barter-text{color:#574260}html .job-bottom{margin-top:16px;gap:12px}html .job-meta,html .platform-inline{color:var(--muted);font-size:10px}html .pill-select{background-color:#eee7f3;color:#574260;border-radius:6px;min-height:32px;font-size:10px;max-width:126px}html .pill-select.done,html .pill-select.paid{background-color:#e9ede5;color:#41543e}html .pill-select.wait{background-color:#f3e9dc;color:#78572f}html .contact-btn{color:#41543e;background:#edf0e9;border:1px solid #dce2d4;min-height:32px;width:32px}html .job-footer{background:none;color:var(--muted);padding:11px 0;font-size:10px}
html .right-rail{gap:18px}html .calendar-panel{padding:20px 18px}html .rail-heading{font:600 14px/1.4 var(--sans);letter-spacing:-.2px;color:var(--ink);gap:8px}html .rail-heading svg{color:#776358;width:16px;height:16px}html .calendar-month{font-size:11px;margin:20px 0 15px}html .cal-day{color:var(--muted);font-size:11px}html .day-label{color:var(--muted);font-size:9px}html .cal-day.today{background:#ded4e8;color:#493452;font-weight:700}html .cal-day.has-visit::after{background:#49352e}html .cal-legend,html .no-visits{color:var(--muted);font-size:10px}html .upcoming{border-color:var(--line);margin-top:18px}html .upcoming-title{font-size:9px;letter-spacing:1px;color:var(--muted)}html .upcoming-title button{font-size:10px;color:#574260}html .visit-date{background:#f4eee7;border-color:var(--line)}html .visit-date span{color:var(--muted)}html .visit-copy b{color:var(--ink)}html .visit-copy span{color:var(--muted)}
html[data-theme="studio"] .assistant-card{background:#ded4e8;border:1px solid #d0c2db;padding:23px 20px;border-radius:14px;box-shadow:none}html .assistant-kicker{font-size:9px;letter-spacing:1.1px;color:#574260}html .assistant-card h3{font:500 25px/1.25 var(--sans);letter-spacing:-.8px;color:#44314e;margin:15px 0 11px}html .assistant-card p{color:#574260;font-size:11px;line-height:1.7}html .assistant-card .btn{background:#f7f1fb;color:#493452;border:1px solid #c9bbd3;font-size:11px;margin-top:20px}html .assistant-card .assistant-status{color:#574260;font-size:9px;margin-top:11px}html .gentle-note{font:400 10px var(--sans);letter-spacing:1px;color:var(--muted);padding:1px}html .main-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:30px;font-size:9px;color:var(--muted);letter-spacing:.6px}
html .preview-banner{background:#eee7f3;color:#594464;border:1px solid #d7cbdf;padding:10px 13px;margin:0 0 22px;border-radius:8px;font-size:11px}html .preview-banner button{margin-left:auto;color:#594464;font-size:10px}html .empty{padding:48px 20px;background:#fffdf9;border:1px dashed #cfbfb1;border-radius:12px}html .empty h3{font:500 22px/1.4 var(--sans);letter-spacing:-.5px;color:var(--ink)}html .empty p{font-size:12px;color:var(--muted)}html .empty svg{color:#776358}html .view-panel{padding:24px}html .full-calendar .cal-day{min-height:52px;background:#fffdf9;border-color:var(--line)}html .payment-track{background:#ece2d9}html .payment-track span{background:#776358}html .payment-row{border-color:var(--line)}html .payment-row p,html .payment-amount small{color:var(--muted)}html .row-menu{border-color:var(--line);background:#fffdf9;box-shadow:0 10px 30px #3627221a;border-radius:9px}html .row-menu button:hover{background:var(--pink)}
html[data-theme="studio"] dialog{background:#f8f3ed!important;border-color:#d6c8bc;border-radius:17px;box-shadow:0 24px 90px #22180f33;backdrop-filter:none}html dialog::backdrop,html .onboarding-dialog::backdrop{background:#251b176b;backdrop-filter:blur(5px)}html .dialog-head h2{font:600 26px/1.25 var(--sans);letter-spacing:-.8px;color:var(--ink)}html .dialog-head p,html .confirm-body{color:var(--muted);font-size:12px}html .field label{color:#57463c;font-size:12px}html .field input,html .field textarea,html .field select,html .chat-form input{background:#fffdf9;border-color:#cfbfb1;color:var(--ink);border-radius:8px}html .field small{color:var(--muted);font-size:11px}html .section-divider{color:#574260;font-size:10px}html .toggle-row,html .setting-block{background:#fffdf9;border-color:var(--line)}html .form-actions,html .chat-form,html .wizard-footer{background:#eee6dd;border-color:var(--line)}html .wizard-head{background:#eee5dc;border-color:var(--line)}html .wizard-app{color:#574260;letter-spacing:1px}html .wizard-content input:not([type=checkbox]),html .wizard-content select{background:#fffdf9;border-color:#cfbfb1}html .wizard-platforms label{background:#fffdf9;border-color:var(--line)}html .wizard-note{background:#eae2ef;color:#594464}html .wizard-photo{border-radius:14px;border-color:var(--line)}html .wizard-head h2{color:var(--ink)}html .assistant-dialog .dialog-head{background:#e6dce9;border-color:#d5c7dc}html .assistant-dialog .dialog-head h2{font-style:normal}html .chat-message{background:#fffdf9;border-color:var(--line);color:var(--ink)}html .chat-message.user{background:#e6dce9;border-color:#d5c7dc}html .chat-chips button{background:#fffdf9;border-color:#d5c7dc;color:#594464;font-size:11px;min-height:38px}html .chat-status{color:#574260}html .toast{background:#362722;color:#fff5ea;border-radius:9px}html .notification-badge{background:#574260;border-color:var(--paper)}
html .reminder-copy h3{color:var(--ink)}html .reminder-copy p,html .reminder-bottom p,html .reminder-kicker{color:var(--muted)}html .text-action,html .reminder-actions button,html .push-feedback,html .prefs-feedback{color:#574260}html .reminder-symbol{background:#e6dce9;color:#574260;border-color:#d5c7dc}html .reminder-symbol.urgent{background:#f3dfdc;color:#963d42}html .reminder-item,html .reminder-bottom{border-color:var(--line)}html .reminder-tabs{background:#ece2d9;border-color:var(--line)}html .reminder-tabs button{color:var(--muted)}html .reminder-tabs .active{background:#fffdf9;color:var(--ink)}
html .indi-companion{width:94px;right:20px;bottom:20px}html .indi-companion-open{width:88px}html .indi-companion-stage{width:66px;height:66px}html .indi-companion-image{width:64px;height:64px;image-rendering:auto;animation:none;filter:none}html .indi-companion-shadow{display:none}html .indi-companion-label,html .indi-companion-restore{background:#362722;color:#fff5ea;border-color:#6c5649;font-size:10px;box-shadow:0 3px 12px #36272222;min-height:34px}html .indi-companion-dot{background:#ded4e8}html .indi-companion-collapse{right:-6px;top:-10px;min-width:30px;min-height:30px}html .indi-companion-collapse svg{background:#e6dce9;color:#594464}
html button:focus-visible,html a:focus-visible,html select:focus-visible{outline:3px solid #8c719a;outline-offset:3px}html input:focus,html textarea:focus{outline:2px solid #8c719a;outline-offset:1px}html button,html a{touch-action:manipulation}html .sidebar-scrim{background:#251b176b}
html .affiliate-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px}html .affiliate-stats>div{border:1px solid #d7cbdf;background:#eee7f3;border-radius:10px;padding:16px}html .affiliate-stats b{display:block;font-size:22px;font-weight:550;margin-top:8px}html .affiliate-stats small{color:#574260;font-size:11px}html .affiliate-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}html .affiliate-tabs button{border:1px solid var(--line);padding:8px 13px;border-radius:7px;font-size:11px;min-height:38px}html .affiliate-tabs button.active{background:#ded4e8;color:#493452;border-color:#c9bbd3}html .affiliate-copy{min-width:0}html .affiliate-copy a{color:#574260;overflow-wrap:anywhere;font-size:12px}html .affiliate-row{border-color:var(--line)}html .affiliate-received,html .affiliate-pending{display:block;font-size:11px;color:var(--muted);margin-top:4px}
@media(min-width:761px) and (max-width:1199px){html .stats{grid-template-columns:repeat(2,minmax(0,1fr))}html .content-grid{grid-template-columns:minmax(0,1fr)}html .right-rail{display:none}html .main{padding:25px 28px}html .topbar{padding:0 28px}html .intro .btn{padding:12px}html .intro h1{font-size:30px}}
@media(max-width:760px){
html[data-theme="studio"] .sidebar{width:250px;inset:0 auto 0 0;padding-top:28px;border-radius:0;transform:translateX(-100%);z-index:40}html[data-theme="studio"] .sidebar.open{transform:translateX(0)}html .workspace{margin-left:0}html .mobile-menu{display:inline-flex}html .topbar{height:63px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--paper)}html .top-right .today{display:none}html .top-right{gap:8px}html .topbar .icon-btn{width:36px;height:36px;border-radius:10px}html .crumb{font-size:10px}html .crumb-home{display:none}html .main{padding:24px 18px 114px}html[data-theme="studio"] .intro{display:block;min-height:0;padding:0 0 25px;margin-bottom:22px;background:none!important}html .intro .eyebrow{font-size:9px;margin-bottom:10px}html[data-theme="studio"] .intro h1{font-size:29px;letter-spacing:-1px;line-height:1.25}html .intro p{font-size:12px;line-height:1.6;margin-top:10px}html .intro>.btn{display:none}html .preview-banner{font-size:10px;align-items:flex-start;padding:10px;margin:0 0 18px;gap:7px}html .preview-banner svg{width:15px;height:15px;flex-shrink:0}html .preview-banner button{font-size:10px;flex-shrink:0}html .preview-copy{max-width:230px}html .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}html[data-theme="studio"] .stat{padding:17px 14px;min-height:126px;border-radius:12px}html .stat-label{font-size:10px}html .stat-value{font-size:23px!important;margin:14px 0 7px}html .stat-foot{font-size:9px;line-height:1.5}html .stat .money-digits{font-size:clamp(13px,5vw,24px)}html .mobile-status-grid{display:none}html .mini-summary{display:none}html .mobile-calendar{display:block;border-color:var(--line);background:#fffdf9;border-radius:11px;padding:0 14px;margin-bottom:26px}html .mobile-calendar summary{padding:13px 0;font-size:12px;color:var(--ink)}html .mobile-calendar summary>span:first-child{background:#eee7f3;color:#574260;border-radius:7px}html .content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}html .right-rail{display:none}html .panel-head{padding:0 0 15px;gap:10px}html .panel-head h2{font-size:18px}html .panel-head h2 span{font-size:10px;margin-left:4px}html .export-toolbar .btn{font-size:9px;padding:7px 9px;min-height:34px}html .job-controls{padding-bottom:15px}html .tabs{overflow-x:auto;flex-wrap:nowrap;gap:3px}html .tab{font-size:10px;padding:8px 9px;min-height:36px;border-radius:6px;flex-shrink:0}html .search-box{padding:11px 12px;border-radius:8px}html .search-box input{font-size:12px}html[data-theme="studio"] .job-row{padding:17px 14px;border-radius:12px;margin-bottom:11px}html .job-top{gap:10px;grid-template-columns:36px minmax(0,1fr) 24px}html .brand-avatar{width:36px;height:36px;font-size:15px}html .job-brand{font-size:13px}html .job-desc{font-size:11px;line-height:1.5}html .job-money{gap:4px 12px}html .job-money b{font-size:12px}html .job-money span{font-size:10px}html .job-bottom{margin:13px 0 0;border-color:var(--line);padding-top:12px;display:block}html .job-meta{font-size:10px;gap:12px;margin-bottom:10px}html .platform-inline{font-size:10px;min-height:28px}html .status-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 36px;gap:7px}html .pill-select{min-height:39px;max-width:none;font-size:11px;border-radius:7px}html .contact-btn{width:36px;min-height:39px;height:39px}html .job-footer{font-size:9px}html .view-panel{padding:18px}html .payment-row{grid-template-columns:minmax(0,1fr);gap:12px}html .payment-amount{text-align:left;max-width:100%}html .payment-amount .money-display{justify-content:flex-start}html .payment-amount button{margin-left:0;min-height:38px}html .form-grid{grid-template-columns:1fr}html .section-divider,html .field.full{grid-column:auto}html .field input,html .field select,html .field textarea,html .chat-form input{font-size:16px;min-height:46px}html .dialog-head h2{font-size:23px}html .dialog-head{padding:23px 20px 17px}html .form-body{padding:0 20px 23px}html .form-actions{padding:15px 20px calc(15px + env(safe-area-inset-bottom))}html .form-actions .btn{min-height:44px}html .bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fffdf9!important;border:0;border-top:1px solid var(--line);border-radius:0;backdrop-filter:none;box-shadow:0 -4px 16px #36272206;padding:9px 10px calc(9px + env(safe-area-inset-bottom));left:0;right:0;bottom:0}html .bottom-nav button{color:var(--muted);font-size:9px;min-height:46px}html .bottom-nav button.active{color:#49352e}html .bottom-nav .bottom-add{width:48px;height:48px;border-radius:12px;color:#fff5ea;box-shadow:none}html .indi-companion{right:12px;bottom:calc(88px + env(safe-area-inset-bottom));width:82px}html .indi-companion-open{width:76px}html .indi-companion-stage{width:52px;height:54px}html .indi-companion-image{width:52px;height:52px}html .indi-companion-label{font-size:9px;min-height:30px}html .indi-companion-collapse{min-width:36px;min-height:36px;top:-15px;right:-5px}html .toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));font-size:12px}html .main-footer{font-size:8px;gap:10px;flex-wrap:wrap;margin-top:25px}html .full-calendar .cal-day{min-height:42px;font-size:12px}html .assistant-dialog{margin:auto;width:calc(100vw - 24px);height:88dvh}html .wizard-head h2{font-size:24px}html .affiliate-stats{grid-template-columns:1fr;gap:9px}html .affiliate-stats>div{padding:13px 15px}html .affiliate-stats b{font-size:21px}
}
@media(max-width:360px){html .main{padding-left:13px;padding-right:13px}html .topbar{padding:0 13px}html .stat-label{font-size:9px}html[data-theme="studio"] .stat{padding:15px 11px}html .stat .money-digits{font-size:18px}html .intro h1{font-size:26px}html .panel-head h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){html *,html *::before,html *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html .indi-companion-image{transform:none!important}}

html .offline-status{font:400 11px/1.5 var(--sans);padding:9px 13px;margin:0 0 26px;border:1px solid var(--line);background:#ebe4dc;border-radius:8px;color:var(--muted)}
html .affiliate-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:8px;max-width:600px}
@media(min-width:761px) and (max-height:850px){html .sidebar-note{display:none!important}html .sidebar{padding-top:25px}html .brand{padding-bottom:24px}html .nav button{min-height:40px;padding-top:10px;padding-bottom:10px}html .nav-divider{margin:16px 14px}}
html[data-theme="studio"] .brand-name{font-size:24px;letter-spacing:-1.1px;overflow-wrap:normal;max-width:155px}html .brand-symbol{width:22px;height:28px;flex-shrink:0}html .brand-line{gap:8px}html .brand-sub{font-size:8px;letter-spacing:1px}
@media(max-width:760px){html .affiliate-overview>.panel-head{display:grid;grid-template-columns:1fr;gap:15px}html .affiliate-overview>.panel-head>.btn{justify-self:start}html .affiliate-stats{grid-template-columns:repeat(2,minmax(0,1fr))}html .affiliate-stats .stat{min-height:110px;padding:15px 13px}html .affiliate-stats .stat:first-child{grid-column:1/-1}html .affiliate-stats .stat-label{font-size:10px}html .affiliate-stats .stat-value{margin-top:12px}}
/* Invoice document and delivery surfaces follow the customer palette. */
html .invoice-preview{background:#eee7f3;border-color:#d7cbdf;border-radius:12px}html .invoice-preview-label{color:#574260}html .invoice-paper{color:#362722;border-color:#dfd5cc;box-shadow:none}html .invoice-paper .paper-brand,html .invoice-paper .paper-label,html .paper-thanks,html .paper-due b{color:#49352e}html .invoice-paper h3,html .paper-due span{color:#362722}html .invoice-paper .paper-id,html .invoice-paper .paper-dates,html .paper-contacts p,html .paper-job-meta,html .paper-totals span,html .invoice-paper .paper-barter,html .paper-footnote{color:#635149}html .invoice-paper .paper-brand,html .paper-contacts,html .paper-totals,html .paper-thanks{border-color:#dfd5cc}html .paper-totals .paper-due{background:#eee7f3}html .invoice-dialog .form-actions{background:#eee6dd;border-color:#dfd5cc}html .invoice-defaults,html .invoice-status,html .invoice-summary-note,html .invoice-send-help,html .invoice-workspace-head p,html .invoice-row p,html .invoice-row-right small,html .invoice-saved-info p{color:#635149}html .invoice-defaults input{accent-color:#49352e}html .invoice-workspace-head h2,html .invoice-row h3,html .invoice-saved-info h3{color:#362722}html .invoice-row{background:#fffdf9;border-color:#dfd5cc;border-radius:11px}html .invoice-row .invoice-number{color:#574260}html .invoice-row .invoice-outstanding{color:#49352e}html .invoice-saved-info{background:#fffdf9;border-color:#dfd5cc;border-radius:12px}
/* Install and notification guidance uses the same materials as the workspace. */
html .pwa-device-tabs button{background:#fffdf9;border-color:#dfd5cc;color:#635149}html .pwa-device-tabs button[aria-selected="true"]{background:#ded4e8;border-color:#bca8ca;color:#493452}html .pwa-steps li{color:#635149}html .pwa-steps li::before{background:#eee7f3;color:#574260}html .pwa-steps b{color:#362722}html .pwa-help{background:#eee5dc;color:#635149}html .pwa-status{color:#574260;background:#eee7f3}html .pwa-checklist li{color:#635149}html .push-feedback:not(:empty){background:#eee5dc;color:#57463c}
/* Keep amounts readable; the persistent Kira navigation serves small screens. */
html .job-money>.affiliate-text{display:block;margin-top:3px;color:#574260}html .job-money>.barter-text{display:block;margin-top:3px}
@media(max-width:760px){html .indi-companion{display:none}}
@media(min-width:761px) and (max-width:1199px){html .indi-companion{display:none}}
/* Readable labels and consistent contrast across all customer modules. */
html{--studio-ease:cubic-bezier(.22,1,.36,1);--studio-focus:#715180}
html .intro p{font-size:14px;line-height:1.65}
html .nav button{font-size:14px}
html .nav-label,html .sidebar-note small{font-size:10px}
html .brand-sub{color:#dacabd}
html .crumb,html .topbar .today,html .storage-btn,html .account span{font-size:12px}
html .stat-label{font-size:12px;font-weight:550}
html .stat-foot{font-size:12px;line-height:1.55}
html[data-theme="studio"] .stat{min-height:154px}
html .stat:first-child .stat-label,html .stat:first-child .stat-foot,html .stat:first-child .stat-label svg{color:#f0e2d6}
html .mini-summary,html .job-footer,html .main-footer{font-size:11px}
html .tab,html .tab span{font-size:11px;opacity:1}
html .tab{min-height:40px}
html .search-box input{font-size:14px}
html .search-box{border-color:#9d897b}
html .search-box input::placeholder,html .field input::placeholder,html .field textarea::placeholder,html .chat-form input::placeholder{color:#6b584e;opacity:1}
html .job-brand{font-size:14px}
html .job-desc{font-size:13px}
html .job-money b{font-size:14px}
html .job-money span,html .job-meta,html .platform-inline{font-size:12px}
html .pill-select{font-size:11px;min-height:36px}
html .contact-btn{min-height:36px}
html .job-date.overdue,html .invoice-inline-error,html .invoice-status.error,html .wizard-error{color:#8b3037}
html .visit-mark{color:#684726;background:#f1e2cd;font-size:11px}
html .cal-day{font-size:12px}
html .day-label,html .cal-legend,html .no-visits{font-size:11px}
html .upcoming-title,html .upcoming-title button,html .visit-copy span{font-size:11px}
html .visit-copy b{font-size:13px}
html .calendar-month{font-size:12px}
html .assistant-kicker{font-size:10px}
html .assistant-card p,html .assistant-card .btn{font-size:12px}
html .assistant-card .assistant-status{font-size:11px}
html .btn-soft{background:#e7dcec;color:#493153;border-color:#b8a3c3}
html .btn-plain,html .icon-btn,html .export-toolbar .btn,html .affiliate-tabs button{border-color:#a18f82}
html .field label{font-size:13px;color:#49392f}
html .field small{font-size:12px;color:var(--muted)}
html .field input,html .field textarea,html .field select,html .chat-form input,html .wizard-content input:not([type=checkbox]),html .wizard-content select{border-color:#9d897b;caret-color:var(--ink)}
html .toggle-row{border-color:#a18f82}
html .field input[type=checkbox],html .wizard-platforms input{accent-color:#49352e}
html .payment-track{height:6px;background:#ded0c2}
html .payment-track span{background:#655047}
html .affiliate-note,html .affiliate-received,html .affiliate-pending{font-size:12px;line-height:1.6}
html .reminder-copy p,html .reminder-kicker,html .reminder-actions button,html .reminder-bottom p{font-size:12px}
html .reminder-read{border-color:#997ca8;color:#574260}
html .reminder-tabs button{font-size:12px}
html .invoice-row p,html .invoice-row-right small,html .invoice-row .invoice-number{font-size:12px}
html .invoice-defaults,html .invoice-send-help,html .invoice-summary-note{font-size:12px}
html .excel-export-note,html .excel-export-help{color:var(--muted)}
html button:focus-visible,html a:focus-visible,html select:focus-visible,html input:focus-visible,html textarea:focus-visible,html summary:focus-visible{outline:3px solid var(--studio-focus);outline-offset:3px}
html .search-box:focus-within{outline:2px solid var(--studio-focus);outline-offset:2px}
html .nav button:focus-visible{outline-color:#ded4e8}
html .bottom-nav button{color:#635149}
html .bottom-nav button.active{color:#362722;font-weight:700}
html .pwa-checklist li[data-ok=true],html .pwa-status[data-installed=true]{color:#355335;background:#e5eddf}
html .push-feedback[data-state=displayed],html .push-feedback[data-state=opened]{color:#355335;background:#e5eddf}
html .push-feedback[data-state=waiting],html .push-feedback[data-state=failed]{color:#684726;background:#f1e2cd}

/* Short responses: no continuous movement or layout-shifting animation. */
@media(prefers-reduced-motion:no-preference){
 html[data-motion=true] :is(.btn,.icon-btn,.tab,.nav button,.bottom-nav button,.cal-day,.visit-item,.reminder-tabs button,.pwa-device-tabs button){transition:transform 180ms var(--studio-ease),background-color 180ms ease,color 180ms ease,border-color 180ms ease,box-shadow 220ms ease}
 html[data-motion=true] :is(.stat,.job-row,.invoice-row,.assistant-card,.calendar-panel){transition:box-shadow 240ms var(--studio-ease),border-color 200ms ease}
 html[data-motion=true] :is(.field input,.field textarea,.field select,.search-box,.toggle-row){transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease}
 html[data-motion=true] .payment-track span{transition:width 380ms var(--studio-ease)}
 html[data-motion=true] .sidebar{transition:transform 300ms var(--studio-ease)}
 html[data-motion=true] .mobile-calendar summary>span:last-child{transition:transform 220ms var(--studio-ease)}
 @media(hover:hover) and (pointer:fine){
  html[data-motion=true] :is(.btn,.icon-btn):hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #36272218}
  html[data-motion=true] .nav button:hover{transform:translateX(2px)}
  html[data-motion=true] :is(.stat,.job-row,.invoice-row):hover{box-shadow:0 6px 18px #3627220c}
 }
 html[data-motion=true] :is(.btn,.icon-btn,.tab,.nav button,.bottom-nav button):active:not(:disabled){transform:scale(.98)}
}
@media(max-width:760px){
 html .intro p{font-size:13px}
 html[data-theme="studio"] .stat{min-height:150px;padding:17px 14px}
 html .stat-label{font-size:12px}
 html .stat-foot{font-size:12px;line-height:1.65}
 html .job-brand{font-size:14px}
 html .job-desc{font-size:13px;line-height:1.65}
 html .job-money span{font-size:12px;line-height:1.65}
 html .job-money b{font-size:14px}
 html .job-meta,html .platform-inline{font-size:12px}
 html .pill-select{min-height:42px;font-size:12px}
 html .contact-btn{min-height:42px;height:42px}
 html .tab{font-size:12px;min-height:42px}
 html .tab span{font-size:12px}
 html .search-box input{font-size:16px}
 html .bottom-nav button{font-size:12px}
 html .bottom-nav .bottom-add span:last-child{font-size:12px;line-height:1.25}
 html .main-footer{font-size:12px;line-height:1.65}
 html .preview-banner,html .preview-banner button,html .export-toolbar .btn{font-size:12px;line-height:1.6}
 html .preview-banner{gap:8px}
 html .preview-copy{flex:1;min-width:0}
 html .job-footer,html .month-visit-count,html .day-label,html .cal-legend,html .no-visits,html .upcoming-title,html .upcoming-title button,html .visit-copy span{font-size:12px;line-height:1.6}
 html .field label{font-size:13px;line-height:1.5}
 html .field small{font-size:12px;line-height:1.65}
 html .affiliate-note,html .affiliate-received,html .affiliate-pending,html .invoice-summary-note,html .invoice-send-help{line-height:1.7}
 html .affiliate-stats .stat{min-height:114px}
}
@media(max-width:360px){html[data-theme="studio"] .stat{padding:15px 11px}html .stat-label,html .stat-foot{font-size:12px}html .job-meta{gap:9px}html .pill-select{font-size:12px}html .preview-banner{align-items:center}html .panel-head{gap:8px}html .export-toolbar .btn{padding:8px}}
@media(prefers-reduced-motion:reduce){html *,html *::before,html *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html .btn:active,html .icon-btn:active,html .nav button:active,html .bottom-nav button:active{transform:none!important}}
/* Profile settings are available directly from navigation and the account card. */
html .profile-account{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;width:100%;min-height:68px;padding:12px;gap:10px;text-align:left;text-decoration:none;border:1px solid #695249;border-radius:12px;background:#493930;margin-top:8px}
html .profile-account .avatar{display:block;width:36px;height:36px;border-radius:50%;background:#e9e0d7;border:1px solid #d3c2b4;overflow:hidden}
html .profile-account .avatar img{display:block;width:100%;height:100%;object-fit:cover}
html .profile-account .account-copy{display:grid;gap:3px;min-width:0}
html .profile-account .account-copy b{color:#fff5ea;font-size:13px;font-weight:650;line-height:1.4;letter-spacing:0;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html .profile-account .account-copy>span{display:block;color:#e0cfc1;font-size:12px;line-height:1.4;margin:0}
html .profile-account .account-edit{display:grid;place-items:center;width:18px;height:18px;color:#e0cfc1}
html .profile-account .account-edit svg{width:15px;height:15px}
html .profile-account:hover{background:#564238;border-color:#8b6e5c}
html .profile-account:focus-visible{outline-color:#ded4e8}
html .mobile-profile-avatar{width:22px;height:22px;border-radius:50%;overflow:hidden;background:#e9e0d7;border:1px solid #776358;display:block}
html .mobile-profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}
@media(prefers-reduced-motion:no-preference){html[data-motion=true] .profile-account{transition:background-color 180ms ease}}