:root{--ink:#123b36;--green:#165b53;--mint:#dcebe4;--cream:#f8f7f2;--line:#e3e5df;--muted:#6f7773;--sand:#fff8ef}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--cream);color:#152824}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#f2f2ec;border-right:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:6px 8px 26px}.brand>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-weight:800}.brand b{display:block;letter-spacing:.17em;font-size:13px}.brand small{font-size:9px;letter-spacing:.16em;color:var(--muted)}nav{display:grid;gap:7px}.nav{border:0;background:transparent;border-radius:11px;padding:14px 15px;text-align:left;display:flex;gap:12px;align-items:center;color:var(--ink);font-weight:700}.nav i{font-style:normal;flex:1}.nav em{font-style:normal;background:#d99a5f;color:white;min-width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px}.nav.active{background:var(--ink);color:white}.tagline{margin-top:auto;font-family:Georgia,serif;font-style:italic;font-size:22px;color:#486761;padding:14px}main{padding:30px 38px 60px;max-width:1450px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}header small,.title small,.card>small,.hero small{letter-spacing:.13em;color:var(--green);font-weight:800;font-size:10px}header h1{font-size:34px;margin:3px 0}header p{margin:0;color:var(--muted)}.month{border:1px solid var(--line);padding:11px 14px;background:white;border-radius:10px}.view{display:none}.view.active{display:block}.hero{background:linear-gradient(100deg,rgba(8,67,61,.96),rgba(25,111,101,.78)),radial-gradient(circle at 85% 35%,#87b6aa 0 7%,transparent 8%),linear-gradient(135deg,#326f66,#dcc18d);border-radius:18px;padding:32px 34px;color:white;min-height:178px;display:flex;align-items:center}.hero small{color:#d7eee8}.hero h2{font-family:Georgia,serif;font-size:39px;line-height:1.06;max-width:640px;margin:9px 0}.hero p{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0}.stats article,.card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px}.stats label,.stats span{display:block;color:var(--muted)}.stats strong{display:block;font-size:32px;margin:5px 0}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:15px;margin-top:15px}.row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.card h3{font-size:21px;margin:6px 0}.card p{color:var(--muted);line-height:1.5}.ok{font-size:11px;background:#e4f0e8;color:#3d755f;padding:7px 10px;border-radius:99px}.progress{height:10px;background:#e8eeea;border-radius:99px;margin-top:20px;overflow:hidden}.progress i{display:block;height:100%;width:80%;background:linear-gradient(90deg,var(--green),#71a598)}.attention{background:var(--sand);border-color:#edd8c1}.primary{border:0;background:var(--ink);color:white;padding:11px 15px;border-radius:9px;font-weight:800}.textbtn{border:0;background:transparent;color:var(--green);font-weight:800}.up{display:grid;grid-template-columns:55px 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.thumb{width:55px;height:55px;border-radius:10px;background:linear-gradient(140deg,#64aab1,#edc68c);display:grid;place-items:center;font-size:23px}.up h4{margin:0 0 3px;font-size:14px}.up p{margin:0;font-size:12px}.pill{padding:7px 9px;border-radius:99px;font-size:10px;font-weight:800;white-space:nowrap}.pill.approval{background:#fff0df;color:#a86628}.pill.approved{background:#e5f0e8;color:#36705b}.pill.scheduled{background:#e6eef6;color:#456d92}.pill.published{background:#e9eee8;color:#526c54}.focus hr{border:0;border-top:1px solid var(--line);margin:22px 0}.title h2{font-size:30px;margin:4px 0}.title p{color:var(--muted)}.filters{display:flex;gap:7px;margin:18px 0}.filter{border:1px solid var(--line);background:white;padding:8px 12px;border-radius:99px}.filter.active{background:var(--ink);border-color:var(--ink);color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.post{border:1px solid var(--line);background:white;border-radius:15px;overflow:hidden}.cover{height:145px;background:linear-gradient(140deg,#60a7ad,#ecc78d);display:grid;place-items:center;font-size:36px}.postbody{padding:16px}.postbody h3{font-size:17px;margin:5px 0}.postbody p{font-size:13px;color:var(--muted);line-height:1.4}.meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;font-size:11px}.approvalcard{background:white;border:1px solid var(--line);border-radius:17px;padding:18px;display:grid;grid-template-columns:230px 1fr;gap:22px;margin-bottom:15px}.preview{height:225px;border-radius:12px;background:linear-gradient(140deg,#60a5ad,#e9bd7b);display:grid;place-items:center;font-size:48px}.approvalcopy h3{font-size:23px;margin:6px 0}.caption{background:#f7f8f4;border-radius:11px;padding:14px;white-space:pre-wrap;color:#46534f;line-height:1.5;margin:15px 0}.actions{display:flex;gap:9px}.request{border:1px solid #d9ac7e;background:#fffaf4;color:#8a5a2c;padding:11px 15px;border-radius:9px;font-weight:800}.empty{text-align:center;background:white;border:1px dashed #ccd5d0;border-radius:16px;padding:55px}.empty>b{font-size:30px;color:#4b846b}.hidden{display:none!important}.modal{position:fixed;inset:0;background:rgba(12,39,35,.45);display:grid;place-items:center;padding:20px}.modalbox{position:relative;background:white;border-radius:17px;padding:24px;width:min(580px,100%)}.modalbox textarea{width:100%;min-height:115px;border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0 14px}.close{position:absolute;right:13px;top:9px;border:0;background:transparent;font-size:28px}@media(max-width:960px){.shell{grid-template-columns:82px 1fr}.brand div,.nav i,.tagline{display:none}.nav{justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shell{display:block}aside{position:fixed;z-index:5;left:0;right:0;bottom:0;padding:7px;border-right:0;border-top:1px solid var(--line)}.brand,.tagline{display:none}nav{grid-template-columns:repeat(3,1fr)}.nav{justify-content:center;padding:9px;font-size:18px}.nav i{display:block;font-size:9px}.nav em{position:absolute;margin-left:46px;margin-top:-17px}main{padding:20px 16px 82px}header h1{font-size:26px}.month{display:none}.hero{padding:25px 21px}.hero h2{font-size:30px}.grid{grid-template-columns:1fr}.approvalcard{grid-template-columns:1fr}.preview{height:205px}}
/* Month calendar */
#calendarGrid.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.weekday{padding:11px 8px;text-align:center;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--muted);background:#f4f5f1;border-bottom:1px solid var(--line)}
.calday{min-height:145px;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.calday:nth-child(7n){border-right:0}.mutedday{background:#fafaf7}.daynum{font-size:12px;font-weight:800;color:#5b6964;margin-bottom:8px}
.dayposts{display:grid;gap:6px}.calpost{width:100%;border:0;text-align:left;border-radius:9px;padding:8px;background:#edf3ef;color:var(--ink);display:grid;grid-template-columns:auto 1fr;column-gap:7px;row-gap:2px}
.calpost b{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calpost small{grid-column:2;font-size:9px;color:#5d6d67}.calpost.approval{background:#fff0df}.calpost.approved{background:#e5f0e8}.calpost.scheduled{background:#e6eef6}.calpost.published{background:#e9eee8}
@media(max-width:900px){#calendarGrid.grid{min-width:850px}.view#calendar{overflow-x:auto}.calday{min-height:125px}}
@media(max-width:680px){#calendarGrid.grid{min-width:760px}.calday{min-height:115px;padding:6px}.weekday{padding:8px 5px}}

.calendar-title{align-items:flex-end}.calendar-controls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.calendar-controls label{display:grid;gap:5px;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.calendar-controls input{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 11px;color:var(--ink)}
.view-switch{display:flex;background:#ecefe9;border-radius:10px;padding:3px}.switch{border:0;background:transparent;padding:8px 12px;border-radius:8px;font-weight:800;color:var(--muted)}.switch.active{background:white;color:var(--ink);box-shadow:0 2px 8px rgba(18,59,54,.08)}
.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:16px}.content-table{width:100%;border-collapse:collapse;min-width:1250px}.content-table th{position:sticky;top:0;background:#f4f5f1;text-align:left;padding:12px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);z-index:1}.content-table td{vertical-align:top;padding:12px;border-bottom:1px solid var(--line);font-size:12px}.content-table tr:last-child td{border-bottom:0}.content-table th:nth-child(1){width:85px}.content-table th:nth-child(2){width:190px}.content-table th:nth-child(3){width:85px}.content-table th:nth-child(4){width:300px}.content-table th:nth-child(5){width:210px}.content-table th:nth-child(6){width:220px}.content-table th:nth-child(7){width:170px}.cell-copy{white-space:pre-wrap;line-height:1.45;color:#44514d}.cell-copy.hashtags{color:var(--green)}.row-comment{width:100%;min-height:88px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:9px;background:#fbfbf8}.row-actions{display:grid;gap:7px;align-items:start}.small-action{width:100%;padding:8px 9px;border-radius:8px;font-size:11px}.approve.small-action{border:0;background:var(--green);color:white;font-weight:800}.request.small-action{background:#fffaf4}
@media(max-width:680px){.calendar-title{display:grid;gap:12px}.calendar-controls{align-items:stretch}.calendar-controls label{width:100%}.view-switch{width:100%}.switch{flex:1}}

.drive-link{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-weight:800;text-decoration:none;white-space:nowrap}
.drive-link:hover{text-decoration:underline}
.content-table th:nth-child(1){width:85px}.content-table th:nth-child(2){width:180px}.content-table th:nth-child(3){width:80px}.content-table th:nth-child(4){width:120px}.content-table th:nth-child(5){width:290px}.content-table th:nth-child(6){width:200px}.content-table th:nth-child(7){width:210px}.content-table th:nth-child(8){width:170px}

.detail-modal{width:min(760px,100%);max-height:90vh;overflow:auto}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.detail-grid>div,.detail-section{background:#f8f9f5;border:1px solid var(--line);border-radius:10px;padding:12px}.detail-grid label,.detail-section label,.revision-area label{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.detail-grid p,.detail-section p{margin:0}.detail-copy{white-space:pre-wrap;line-height:1.5;color:#40504b}.detail-copy.hashtags{color:var(--green)}.client-note{background:#fffaf4}.history{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.history summary{font-weight:800;cursor:pointer}.history p{display:flex;justify-content:space-between;gap:14px;margin:9px 0;color:var(--muted);font-size:12px}.revision-area{margin-top:16px}.revision-area label span{color:#b34e3d}.revision-area.invalid textarea{border-color:#c65e4d;background:#fff8f6}.field-help{font-size:11px;color:var(--muted);margin:5px 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.secondary-modal{border:1px solid var(--line);background:white;color:var(--ink);padding:11px 15px;border-radius:9px;font-weight:800}.locked-note{color:var(--muted);font-size:12px}.approve{border:0;background:var(--green);color:white;padding:11px 15px;border-radius:9px;font-weight:800}.approve:disabled,.small-action:disabled{opacity:.45;cursor:not-allowed}.pill.changes-requested{background:#fde9e5;color:#9b4b40}.publish-substatus{color:var(--muted);font-size:10px}.hashtags-line{color:var(--green);font-size:12px;margin:10px 0 14px}
@media(max-width:760px){.detail-grid{grid-template-columns:repeat(2,1fr)}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}

.table-comment{min-height:46px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#f8f9f5;color:#44514d;line-height:1.4;white-space:pre-wrap}
.approval-link{margin:10px 0 4px}

.global-month{display:grid;gap:5px;min-width:170px}
.global-month label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.global-month input{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 12px;color:var(--ink)}
@media(max-width:680px){.global-month{min-width:0}.global-month input{max-width:145px}}