:root{--bg:#101418;--panel:#171d23;--panel2:#202832;--text:#f3f5f7;--muted:#aab4bf;--line:#303b47;--accent:#f97316;--green:#16a34a;--red:#dc2626;color-scheme:dark}html{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}body{background:#101418!important;color:var(--text)!important;font-family:inherit!important}a{color:#ffb179}main,.wrap{max-width:1200px}section,.card{background:#171d23!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:16px!important}input,textarea,select{background:#0c1014!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:10px!important}button,.btn,.button{border-radius:10px!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted,.help{color:var(--muted)!important}table{background:transparent!important;color:inherit}td,th{border-bottom-color:var(--line)!important}th{color:var(--muted)}[hidden]{display:none!important}@media(max-width:700px){.grid{grid-template-columns:1fr!important}.wrap,main{padding-left:14px;padding-right:14px}}
/* Shared production components use the same design tokens as the rest of Tooga. */
.production-header,.production-toolbar,.production-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.production-header h1{margin-bottom:4px}.production-toolbar{margin:18px 0}.production-switch{justify-content:flex-start;gap:6px}.production-active{background:var(--accent)!important;color:#151515!important;border-color:var(--accent)!important}.production-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:20px}.production-calendar.production-day{grid-template-columns:1fr}.production-cell{min-width:0;min-height:140px;padding:12px!important;border-radius:12px!important;background:var(--panel)!important;border:1px solid var(--line)!important}.production-current{border-color:var(--accent)!important}.production-date{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.83rem;margin-bottom:10px}.production-events{display:flex;flex-direction:column;gap:6px}.production-event{display:block;overflow-wrap:anywhere;background:var(--panel2);border-left:3px solid var(--accent);border-radius:6px;padding:8px;color:var(--text);text-decoration:none;font-size:.82rem}.production-event small{display:block;color:var(--muted);margin-top:3px}.production-event.status-completed{border-color:var(--green)}.production-event.status-paused{border-color:#eab308}.production-event.status-cancelled{border-color:var(--red)}.production-empty{color:var(--muted);font-size:.8rem}.production-month .production-cell{min-height:120px}@media(max-width:1000px){.production-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.production-calendar{grid-template-columns:1fr}.production-cell{min-height:90px}.production-toolbar{align-items:stretch}}


/* Shared business and billing components */
/* business_base.html component styles */
.wrap{max-width:1160px}.work-nav,.actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.work-nav .btn{font-size:.9rem;padding:10px 14px}h1{font-size:2.3rem;line-height:1.1}.work-table{width:100%;border-collapse:collapse;font-size:.93rem}.work-table th,.work-table td{padding:12px 9px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.work-table th{color:var(--muted)}.scroll{overflow:auto}.work-table a,.text-link{color:#ffb179}.badge{padding:5px 10px;border:1px solid var(--line);border-radius:30px;display:inline-block;text-transform:capitalize}.badge.signed{background:#123923;color:#9fe5b5}.badge.void{background:#411e24;color:#ffd0d0}.error{color:#ffc5cc}.help{color:var(--muted);font-size:.9rem;line-height:1.6}.totals{text-align:right;font-size:1.25rem}.terms{white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere}.doc-header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.line-row{display:grid;grid-template-columns:minmax(160px,3fr) 85px 95px 115px 105px 42px;gap:8px;align-items:end;margin-bottom:12px}.line-row label{font-size:.8rem}.line-row input{padding:10px}.line-row .remove{padding:10px}.doc-view{overflow-wrap:anywhere}.trip-address{max-width:230px}.small{font-size:.86rem;color:var(--muted)}input[type=checkbox]{width:auto}button:disabled{opacity:.5;cursor:default}@media(max-width:750px){.line-row{grid-template-columns:1fr 1fr}.line-row .description-field{grid-column:1/-1}.work-table{min-width:700px}h1{font-size:1.9rem}}
/* invoice_base.html component styles */
.wrap{max-width:1160px} .inv-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.inv-nav a{font-size:.9rem;padding:10px 14px}.inv-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.inv-head h1{font-size:2.2rem;margin:0;line-height:1.15}.inv-head p{margin:8px 0 0}.inv-table{width:100%;border-collapse:collapse;font-size:.92rem}.inv-table th,.inv-table td{padding:13px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.inv-table th{color:var(--muted);font-weight:600}.inv-table a{color:#ffb179}.inv-table .money{text-align:right;white-space:nowrap}.scroll-table{overflow-x:auto}.inv-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.inv-summary .card{margin:0}.inv-summary strong{display:block;font-size:1.8rem;margin-top:8px}.inv-badge{display:inline-block;border:1px solid #495a6c;border-radius:30px;padding:5px 10px;white-space:nowrap;text-transform:capitalize;font-size:.8rem}.inv-badge.paid{background:#133822;color:#a2eab7}.inv-badge.overdue{background:#401e23;color:#ffc5cc}.inv-badge.draft{color:#bfc9d4}.inv-form label{font-size:.92rem}.inv-form input,.inv-form textarea,.inv-form select{padding:11px;border-radius:10px}.inv-check{display:flex;align-items:center;gap:8px;font-weight:400!important}.inv-check input{width:auto}.inv-note{font-size:.9rem;color:var(--muted);line-height:1.6}.inv-actions{display:flex;gap:8px;flex-wrap:wrap}.inv-actions .btn{font-size:.9rem}.inv-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inv-form-error{color:#ffc5cc}.inv-muted{opacity:.6}@media(max-width:700px){.inv-two,.inv-summary{grid-template-columns:1fr}.inv-head h1{font-size:1.8rem}}