.studio-tabs{display:flex;gap:6px;padding:5px;background:#eeeae4;border-radius:14px;max-width:380px;margin:20px 0}.studio-tabs button{flex:1;border:0;background:transparent;padding:12px;color:#645d55;font:inherit;border-radius:10px;min-height:44px}.studio-tabs .selected{background:#fff;color:#413d32;box-shadow:0 2px 8px #3329110d;font-weight:700}.studio-toolbar{display:flex;align-items:end;gap:12px;margin:22px 0 14px}.studio-toolbar label{display:grid;gap:5px;font-size:13px;flex:1;max-width:220px}.studio-toolbar select{width:100%;min-height:44px}.studio-toolbar>.btn{margin-left:auto}.studio-categories{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.studio-categories button{border:1px solid #ddd6cb;border-radius:999px;background:#fff;color:#514b43;padding:10px 14px;min-height:44px;font:inherit;font-size:13px}.studio-categories [aria-pressed=true]{background:#574b37;color:#fff;border-color:#574b37}.studio-overview{background:linear-gradient(125deg,#eee8db,#f7f5ef);border:1px solid #e5ddcd;border-radius:22px;padding:24px;display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.studio-completion{display:flex;align-items:center;gap:20px}.studio-completion h2{font-size:19px;margin:0 0 8px}.studio-completion p{font-size:13px;color:#716755;margin:0}.studio-donut{--studio-progress:0%;width:106px;height:106px;flex:0 0 106px;border-radius:50%;background:conic-gradient(#7a8357 var(--studio-progress),#dad5c9 0);display:grid;place-items:center}.studio-donut>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:#f4f1e8;font-size:28px;font-weight:800;line-height:1.1;color:#4f563b}.studio-donut small{font-size:11px;font-weight:500;margin-top:5px}.studio-kpis{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:12px}.studio-kpis>div{display:flex;flex-direction:column;gap:7px;text-align:center;border-left:1px solid #d9d1c0}.studio-kpis strong{font-size:28px;color:#514632}.studio-kpis span{font-size:12px;color:#716755}.studio-review-note{font-size:12px;line-height:1.7;color:#776d5e;margin:16px 2px 20px}.studio-task-grid,.studio-stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.studio-task,.studio-stock-card{min-width:0;background:#fff;border:1px solid #e7e0d5;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px}.studio-card-top{display:flex;align-items:start;justify-content:space-between;gap:8px}.studio-category{font-size:12px;color:#786b54;font-weight:700}.studio-status{font-size:11px;line-height:1.4;background:#efeee9;color:#655e54;border-radius:7px;padding:5px 8px;white-space:nowrap}.studio-status.status-inprogress{background:#e8eef3;color:#456075}.studio-status.status-review{background:#fbefcf;color:#7c5d15}.studio-status.status-done{background:#e9f0df;color:#52693b}.studio-status.stock-low{background:#f8e6dc;color:#965134}.studio-task h3,.studio-stock-card h3{margin:0;font-size:17px;line-height:1.5;overflow-wrap:anywhere}.studio-card-detail{font-size:13px;line-height:1.6;color:#7b7266;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0}.studio-task-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#7a7163;margin-top:auto}.studio-check-progress{display:grid;gap:6px;font-size:11px;color:#7c7365}.studio-check-progress progress{width:100%;height:6px;accent-color:#7a8357}.studio-task>.btn{width:100%;min-height:44px}.studio-task.is-overdue{border-color:#d9b39e}.studio-empty{grid-column:1/-1;text-align:center;border:1px dashed #d5cbbb;border-radius:18px;padding:36px 18px;background:#faf8f3}.studio-empty h2,.studio-empty h3{font-size:18px;margin:0 0 12px}.studio-empty p{color:#766b5d;font-size:13px;line-height:1.7}.studio-checklist-editor{border:1px solid #e4ded3;padding:14px;border-radius:12px;margin:18px 0}.studio-checklist-editor legend{font-weight:700;font-size:14px}.studio-checklist-editor legend small{font-weight:400}.studio-check-edit{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:8px}.studio-check-edit>input[type=checkbox],.studio-approval>input{width:20px;height:20px;min-height:20px;accent-color:#7a8357}.studio-check-edit>input[type=text]{min-width:0;width:100%}.studio-check-edit>.btn{padding:8px;min-height:44px}.studio-content-guidance{padding:12px;background:#f6f0e3;border-radius:12px;margin:16px 0;font-size:13px;line-height:1.7}.studio-content-guidance[hidden]{display:none}.studio-approval{display:flex!important;align-items:center;gap:10px}.studio-readonly{white-space:pre-wrap;overflow-wrap:anywhere}.studio-stock-intro{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:24px 0}.studio-stock-intro h2{font-size:20px;margin:0 0 7px}.studio-stock-intro p{font-size:13px;color:#766b5d;margin:0}.studio-stock-summary{display:flex;flex-wrap:wrap;gap:18px;background:#f0ece3;border-radius:12px;padding:18px;margin-bottom:16px;font-size:13px}.studio-stock-card>p{margin:0;font-size:13px;color:#7b7266}.studio-stock-quantity{display:flex;align-items:baseline;gap:10px}.studio-stock-quantity strong{font-size:32px}.studio-stock-quantity span{font-size:12px;color:#7b7266}.studio-stock-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-stock-actions .btn{min-height:44px}.studio-stock-history{border:1px solid #e6e0d5;border-radius:16px;padding:18px;margin-top:20px}.studio-stock-history summary{cursor:pointer;font-weight:700;min-height:30px}.studio-stock-history article{padding:12px 0;border-top:1px solid #eee7dc;font-size:13px}.studio-stock-history article>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.studio-stock-history small{color:#786d5b}.studio-stock-history p{margin:6px 0;overflow-wrap:anywhere}#studio-task-form>label,#studio-stock-form>label{display:grid;gap:6px;margin:14px 0}#studio-task-form textarea{width:100%;min-width:0}#studio-task-form input,#studio-item-form input,#studio-stock-form input{min-width:0}#studio-task-form>.btn,#studio-stock-form>.btn,#studio-item-form>.btn{margin-top:12px;min-height:44px}.studio-tabs button:focus-visible,.studio-categories button:focus-visible{outline:3px solid #8f996d;outline-offset:3px}@media(max-width:1050px){.studio-task-grid,.studio-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-overview{grid-template-columns:1fr}.studio-kpis>div:first-child{border-left:0}}@media(max-width:600px){.studio-toolbar{flex-wrap:wrap;gap:10px}.studio-toolbar label{max-width:none;flex:1 1 40%}.studio-toolbar>.btn{width:100%;margin:0}.studio-tabs{max-width:none}.studio-categories{gap:6px}.studio-categories button{padding:9px 12px;font-size:12px}.studio-overview{padding:18px;gap:22px;border-radius:18px}.studio-completion{gap:15px}.studio-completion h2{font-size:17px}.studio-donut{width:90px;height:90px;flex-basis:90px}.studio-donut>span{width:70px;height:70px;font-size:24px}.studio-kpis strong{font-size:25px}.studio-kpis span{font-size:11px}.studio-task-grid,.studio-stock-grid{grid-template-columns:1fr}.studio-task,.studio-stock-card{padding:18px}.studio-stock-intro{align-items:start}.studio-stock-intro h2{font-size:18px}.studio-stock-intro .btn{flex-shrink:0}.studio-stock-summary{gap:10px 16px}.studio-check-edit{gap:6px}.studio-review-note{font-size:12px}.studio-readonly{font-size:14px}}

.studio-task-actions{display:flex;gap:10px;margin-top:16px}.studio-task-actions>.btn{flex:1;min-height:46px;white-space:normal}.studio-stock-preview{border:1px solid #d6dfcb;border-radius:10px;background:#eef3e6;padding:13px 14px;color:#425538;font-size:14px;font-weight:650;line-height:1.6;margin:16px 0}.studio-stock-preview.is-invalid{border-color:#e1b8a9;background:#f8ece6;color:#98573f}.studio-stock-history small{display:block;line-height:1.7}.studio-history-empty{color:#786d5b;line-height:1.7}.studio-task-actions>.btn:focus-visible{outline:3px solid #8f996d;outline-offset:3px}
@media(max-width:600px){#modal[open]:has(#studio-task-form){display:flex;flex-direction:column;overflow:hidden;max-height:88dvh}#modal:has(#studio-task-form) .modal-header{flex-shrink:0}#modal:has(#studio-task-form) .modal-body{overflow-y:auto;min-height:0;padding-bottom:0;scroll-padding-block:15px 100px}#studio-task-form .studio-task-actions{position:sticky;bottom:0;z-index:2;background:var(--surface);border-top:1px solid var(--line);margin:20px -18px 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));width:calc(100% + 36px);box-shadow:0 -5px 14px #25371c0a}#studio-task-form .studio-task-actions>.btn{min-height:48px;font-size:13px}#studio-task-form .error-message{padding-bottom:5px}.studio-stock-preview{font-size:13px}}

/* Content drafts, authenticated attachments and shared stock sales. */
.studio-record-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.studio-record-tabs button{font:inherit;font-size:13px;min-height:44px;padding:10px 14px;border:1px solid var(--line,#dce6e1);border-radius:12px;background:#fff;color:var(--green,#476656)}.studio-record-tabs [aria-pressed=true]{background:var(--green,#476656);color:#fff;border-color:var(--green,#476656)}.studio-record-tabs button span{margin-left:5px;font-variant-numeric:tabular-nums}.studio-record-tabs button:focus-visible{outline:3px solid #8f996d;outline-offset:3px}.studio-area-intro{border:1px solid var(--line,#dce6e1);background:#f6f7f1;border-radius:16px;padding:18px;min-width:0}.studio-area-intro h2{font-size:18px;line-height:1.5;margin:0 0 8px}.studio-area-intro p{font-size:13px;line-height:1.8;overflow-wrap:anywhere;margin:0 0 12px}.studio-area-intro p:last-child{margin-bottom:0}.studio-area-intro>.btn{min-height:46px;white-space:normal;margin-bottom:12px}@media(max-width:600px){.studio-record-tabs button{flex:1;min-width:120px}.studio-area-intro{padding:15px}.studio-area-intro>.btn{width:100%}}
.studio-daily-item-options{margin:16px 0;border:1px solid var(--line,#dce6e1);border-radius:12px;padding:10px 12px}.studio-daily-item-options summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:13px;font-weight:650}.studio-daily-item-options summary small{font-weight:400;color:var(--muted,#677b76)}#studio-daily-item-form>label,.studio-daily-item-options>label{display:grid;gap:6px;margin:12px 0;min-width:0}#studio-daily-item-form input,#studio-daily-item-form select{min-width:0;width:100%;max-width:100%;box-sizing:border-box;min-height:44px}.studio-daily-item-actions{display:flex;margin-top:16px}.studio-daily-item-actions .btn{width:100%;min-height:46px}.studio-daily-item-options summary:focus-visible{outline:3px solid #8f996d;outline-offset:3px}
@media(max-width:600px){#modal[open]:has(#studio-daily-item-form){display:flex;flex-direction:column;max-height:88dvh;overflow:hidden}#modal:has(#studio-daily-item-form) .modal-header{flex-shrink:0}#modal:has(#studio-daily-item-form) .modal-body{min-height:0;overflow-y:auto;padding-bottom:0;scroll-padding-bottom:90px}#studio-daily-item-form .studio-daily-item-actions{position:sticky;bottom:0;background:var(--surface,#fff);border-top:1px solid var(--line,#dce6e1);margin:18px -18px 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));width:calc(100% + 36px);z-index:2}}
.studio-task-optional{border:1px solid var(--line,#dce6e1);border-radius:12px;padding:12px 14px;margin:16px 0}.studio-task-optional summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650}.studio-task-optional summary small{font-weight:400;color:var(--muted,#677b76)}.studio-task-optional>label{display:grid;gap:6px;margin:14px 0;min-width:0}.studio-task-optional summary:focus-visible{outline:3px solid #8f996d;outline-offset:3px}
.studio-before-after{display:grid;grid-template-columns:1fr 1fr;gap:14px}.studio-before-after label{min-width:0}.studio-attachments{border:1px solid var(--line,#dce6e1);padding:14px;border-radius:14px;margin:16px 0}.studio-attachments h3{font-size:14px;margin:0 0 10px}.studio-attachment-link{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;padding:10px 0;overflow-wrap:anywhere}.studio-attachment-link small{color:var(--muted,#677b76)}.studio-publication-note{font-size:12px;line-height:1.6;color:var(--muted,#677b76);overflow-wrap:anywhere}.studio-work-notices{display:flex;flex-wrap:wrap;gap:10px 18px;padding:13px 16px;margin:15px 0;border-radius:14px;background:#fff4df;color:#755726;font-size:13px}.studio-content-templates{margin:14px 0;padding:14px;border:1px solid var(--line,#dce6e1);border-radius:14px}.studio-content-templates summary{font-weight:650;cursor:pointer}.studio-content-templates article{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line,#dce6e1)}.studio-content-templates article>div{display:grid;gap:4px;min-width:0}.studio-content-templates strong{font-size:14px;overflow-wrap:anywhere}.studio-content-templates small{font-size:12px;color:var(--muted,#677b76)}.studio-stock-sale{display:grid;gap:12px;padding:14px;border:1px solid #b9d6c3;border-radius:14px;margin:15px 0;background:#f4f9f5}.studio-stock-sale[hidden],[data-studio-content-extra][hidden]{display:none}.studio-stock-sale legend{font-size:14px;font-weight:650}.studio-stock-sale label{margin:0}.studio-stock-history article{flex-wrap:wrap}.studio-stock-history article>.btn{margin:0}.studio-toolbar{flex-wrap:wrap}
@media(max-width:600px){.studio-before-after{grid-template-columns:1fr}.studio-work-notices{font-size:12px;gap:8px 14px}.studio-attachment-link{display:grid;gap:4px}.studio-stock-sale{padding:12px}.studio-content-templates article{align-items:flex-start}.studio-toolbar label{flex:1;min-width:95px}.studio-attachments input[type=file]{max-width:100%;font-size:13px}}

.studio-content-help{margin:12px 0}.studio-content-help>summary{cursor:pointer;padding:14px 16px;min-height:48px;box-sizing:border-box;border:1px solid var(--line,#dce4d5);border-radius:12px;background:var(--surface,#fff);font-size:14px;font-weight:600;line-height:1.5}