:root{--ink:#173f3b;--green:#276957;--muted:#69776f;--bg:#f5f5ef;--line:#dfe5da;--ethical:#3f746b;--otc:#ad6086;--visit:#b58a43}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px system-ui,sans-serif}header{background:var(--ink);color:white}.headerInner{max-width:1450px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;gap:20px}.wordmark{font-size:13px;font-weight:700;letter-spacing:2px}.wordmark span{display:block;font-size:9px;color:#bcd5c6;margin-top:6px;letter-spacing:1.5px}header a{color:#e2ebd8;font-size:13px}main{max-width:1450px;margin:auto;padding:32px 28px}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:10px 0 18px}.eyebrow{letter-spacing:1.7px;font-size:10px;font-weight:700;color:var(--muted);margin:0 0 12px}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:46px;margin:0 0 15px;letter-spacing:-1.5px}h1 em{font-weight:400;color:#477664}h2{font-size:27px;margin:0 0 12px}h3{font-size:16px;margin:12px 0}.intro{color:var(--muted);line-height:1.6;margin:0}.connection{white-space:nowrap;font-size:12px;background:#e5ebdd;border:1px solid #d6e0ce;padding:10px 14px;border-radius:20px}.connection i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px}a{color:var(--green)}button,input,select,textarea{font:inherit}button{cursor:pointer;background:white;border:1px solid var(--line);border-radius:8px;padding:10px 13px;color:var(--ink)}button.primary{background:var(--green);color:white;border-color:var(--green)}button:disabled{opacity:.5;cursor:wait}input,select,textarea{width:100%;min-width:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:10px}label{display:grid;gap:6px;color:var(--muted);font-size:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:22px;min-width:0}.toolbar{display:grid;grid-template-columns:minmax(155px,1.4fr) minmax(150px,1.2fr) minmax(130px,.9fr) 155px auto auto;align-items:end;gap:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 22px}.metric{padding:17px 22px;border:1px solid var(--line);border-radius:12px;background:#ecf0e6}.metric b{display:block;font-size:30px;font-weight:500}.metric span{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start}.sectionHead{display:flex;justify-content:space-between;align-items:start;gap:20px}.actions{display:flex;gap:6px;flex-wrap:wrap}.calendarPanel .actions{gap:4px}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:10px;color:var(--muted);margin:14px 0 10px;text-transform:uppercase}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar .weekLabel{grid-column:1/-1;text-align:left;background:#f0f4ee;font-size:10px;border-radius:5px;padding:6px 8px;margin-top:7px;color:#4b685c;font-weight:600}.calendar button{height:105px;overflow:hidden;padding:7px 5px;text-align:left;border-radius:7px;display:flex;flex-direction:column;gap:4px}.calendar button.active{border:2px solid var(--green);background:#f0f6ec}.calendar button.isToday .dayNumber{background:var(--ink);color:#fff;border-radius:5px;padding:2px 5px}.dayNumber{font-size:12px;align-self:start}.mini{display:block;font-size:9px;border-left:3px solid var(--ethical);background:#edf3ef;line-height:1.3;padding:3px;color:#375d53;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:3px}.mini.otc{border-color:var(--otc);background:#f7ebf1;color:#7a4865}.mini.visit{border-color:var(--visit);background:#f7f0e2;color:#866e40}.mini.done{border-color:#348566;background:#dff2e4;color:#2b6c4b}.more{font-size:9px;color:var(--muted)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;margin:8px 0 20px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;background:var(--ethical);border-radius:2px;margin-right:5px}.legend i.otc{background:var(--otc)}.legend i.visit{background:var(--visit)}.legend i.done{background:#348566}.hint{font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.cycleBadge{background:#edf2e7;padding:8px 12px;border-radius:6px;display:inline-block;font-size:12px;margin:0 0 14px}.dayMetrics{font-size:12px;line-height:1.8;padding-bottom:14px;color:var(--muted);border-bottom:1px solid var(--line)}.entry{padding:20px 0;border-bottom:1px solid var(--line)}.entry:last-child{border-bottom:0}.entry h3{font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:1.3;overflow-wrap:anywhere;margin:12px 0 8px}.entry p{line-height:1.6;font-size:13px;overflow-wrap:anywhere}.entry .label{font-size:10px;font-weight:600;border-radius:14px;padding:5px 9px;background:#edf3ef;color:var(--ethical);display:inline-block}.entry.otc .label{color:var(--otc);background:#f7ebf1}.entry.visit .label{color:var(--visit);background:#f7f0e2}.entry .person{font-weight:650;font-size:13px;display:block}.photoGroup{padding:6px 0}.photoGroup h4{font-size:12px;color:var(--muted);margin:6px 0}.photos{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.photos img{width:70px;height:70px;object-fit:cover;border-radius:6px}.photoItem{display:grid;gap:3px}.photoItem button{font-size:10px;padding:5px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;color:var(--muted);font-weight:600}td{line-height:1.6;min-width:100px}td:first-child,th:first-child{min-width:150px}td small{display:block;color:var(--muted);font-size:10px}td button{padding:5px 7px;max-width:190px;white-space:normal;text-align:left;font-size:11px}.state{display:inline-block;border-radius:12px;background:#e6efe8;padding:4px 8px;font-size:10px}.state.tour{background:#faf0db;color:#8f7135}.source{margin:0 0 30px}.gate{max-width:520px}.gate form{display:grid;gap:15px}dialog{width:min(94vw,740px);max-height:92vh;padding:26px;border:0;border-radius:16px;color:var(--ink);background:white}dialog::backdrop{background:#14342a88}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formGrid .wide{grid-column:1/-1}.formSection{padding:15px 0;border-top:1px solid var(--line);margin-top:18px}.formSection summary{cursor:pointer;color:var(--muted);font-size:13px}.formSection label{margin:12px 0}.productRow{display:grid;grid-template-columns:1.6fr 90px 90px auto;gap:8px;margin:12px 0}.productRow .custom{grid-column:1/-1}.productRow button{padding:7px;font-size:11px;align-self:end}.photoSections{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.photoUpload{padding:16px;border:1px solid var(--line);border-radius:10px;background:#f6f9f2;min-width:0}.photoUpload.invoices{background:#fbf4f8;border-color:#ebdbe5}.photoUpload input{font-size:11px;padding:8px;background:white}.formFooter{position:sticky;bottom:-26px;background:white;padding:17px 0 0;margin:18px 0 0;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:end}#formStatus,#status{min-height:18px;font-size:13px;line-height:1.6}.error{color:#a03c36}[hidden]{display:none!important}:focus-visible{outline:3px solid #bd9262;outline-offset:3px}
.personalLink{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);padding:12px 0;font-size:13px}.toolbar #shareLinks{grid-column:1/-1;justify-self:end}
@media(max-width:1200px){.toolbar{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:1.1fr 1fr}main{padding:26px 20px}.calendarPanel{padding:18px}.calendar button{height:96px}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.hero{align-items:start;flex-direction:column;gap:14px}h1{font-size:39px}.calendar button{height:100px}.mini{font-size:10px}}
@media(max-width:550px){main{padding:22px 12px}.headerInner{padding:18px 14px}.headerInner a{font-size:11px}.wordmark{font-size:11px}.toolbar{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.metrics{gap:8px}.metric{padding:14px 10px}.metric b{font-size:25px}.metric span{font-size:10px}.panel{padding:17px}.calendarPanel .sectionHead{display:block}.calendarPanel .actions{margin:10px 0 14px}h1{font-size:33px;letter-spacing:-1px}h2{font-size:24px}.connection{font-size:11px}.calendar{gap:3px}.calendar button{height:87px;padding:5px 3px}.mini{font-size:8px;border-left-width:2px;padding:3px 2px}.weekdays{font-size:9px}.calendar .weekLabel{font-size:9px}.weekly .sectionHead{display:block}.weekly label{margin-bottom:12px}dialog{padding:20px;width:96vw}.formGrid{gap:12px}.photoSections{grid-template-columns:1fr}.productRow{grid-template-columns:1fr 1fr}.productRow label:first-child{grid-column:1/-1}.productRow button{grid-column:1/-1}.formFooter{bottom:-20px}.intro{font-size:13px}}
.calendar button.eventEthical{background:#e3f1ec;border-color:#99c8ba}.calendar button.eventOtc{background:#f8e7ef;border-color:#deb3c5}.calendar button.eventMixed{background:#eeebfa;border-color:#c2b5dc}.calendar button.active{outline:2px solid var(--green);outline-offset:1px}.calendar button.giraDay{box-shadow:inset 0 4px #edc650}.giraBadge{align-self:start;display:inline-block;font-size:9px;font-weight:700;color:#694f16;background:#ffed99;padding:2px 5px;border-radius:4px}.assignedCount{font-size:8px;color:#315e51;font-weight:650}.giraCell{background:#fff7d4}.giraCell button{background:#ffed99;border-color:#e4c563;color:#654e1b}.legend i.tour{background:#edc650}.state.tour{background:#ffed99;color:#694f16;font-weight:700}.calendar button{height:132px}.assignmentAlerts{border-color:#c1d9ca;background:#f4faf5}.assignmentAlerts h2{font-size:22px}.noticeCount{display:inline-block;font:600 12px system-ui;background:#dceedd;color:#265737;padding:5px 9px;border-radius:15px}.noticeList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.notice{padding:12px;border:1px solid #c9dccd;border-left:4px solid #5a9972;border-radius:9px;display:grid;gap:6px;background:white;font-size:13px;overflow-wrap:anywhere}.notice span{font-size:12px;color:#52665a}.notice button{justify-self:start}.notice.read{border-left-color:#ccd7ce;background:#fafcf9}.assignmentAlerts summary{cursor:pointer;font-size:13px;font-weight:650}@media(max-width:550px){.calendar button{height:120px}.giraBadge,.assignedCount{font-size:8px}.noticeList{grid-template-columns:1fr}.assignmentAlerts h2{font-size:19px}}
#logisticsFields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#logisticsFields label{margin:4px 0}.logisticsSummary{background:#f4f5e9;border:1px solid #e1e4cc;border-radius:9px;padding:12px;margin:12px 0}.logisticsSummary h4{margin:0 0 10px;font-size:13px}.logisticsSummary dl{margin:0;display:grid;gap:5px}.logisticsSummary dl div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.logisticsSummary dd{margin:0;font-weight:700}
.productEvidence{padding:15px 0;border-top:1px solid var(--line)}.productEvidence h3{font-size:14px}.productEvidence .photos img{width:100px;height:100px}
.locationAssignment{background:#f0f6ed;padding:15px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.locationAssignment p{margin:0;color:#365647}.state.manual{background:#eee7f5;color:#6d5083}#locationForm{display:grid;gap:14px}#locationEditor{width:min(94vw,520px)}@media(max-width:550px){.locationAssignment{display:block}.locationAssignment button{margin-top:10px}}
