:root{font-family:Microsoft YaHei,PingFang SC,Segoe UI,system-ui,sans-serif;color:#1d2733;background:#f5f7f8;font-synthesis:none;text-rendering:optimizeLegibility;--surface: rgba(255, 255, 255, .92);--surface-solid: #ffffff;--surface-2: rgba(248, 250, 252, .9);--line: #dbe3ea;--muted: #667789;--text: #1d2733;--teal: #0f8b8d;--teal-dark: #0b686a;--teal-soft: #e5f5f4;--brand-red: #a91f1c;--blue: #2f6fed;--green: #168a51;--amber: #b7791f;--red: #c2413b;--black: #293241;--shadow: 0 16px 40px rgba(30, 43, 58, .09);--shadow-soft: 0 8px 22px rgba(30, 43, 58, .07)}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--text);background:linear-gradient(180deg,#fafcfdf5,#f4f7f9f5),url(/assets/pinmoo-workspace-bg.png) center top / cover fixed no-repeat}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(90deg,#ffffffc7,#ffffff70),url(/assets/pinmoo-workspace-bg.png) center top / cover no-repeat;opacity:.58}#root{position:relative;min-height:100vh}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid var(--line);border-radius:7px;padding:0 12px;color:var(--text);background:#fffffff0;box-shadow:0 1px #ffffffd9,0 5px 12px #25303d0a;cursor:pointer;white-space:nowrap;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}button:hover{border-color:#b8c5d4;background:#fff;box-shadow:var(--shadow-soft);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}button.primary{border-color:var(--teal);color:#fff;background:var(--teal);box-shadow:0 10px 22px #0f8b8d33}button.primary:hover{border-color:var(--teal-dark);background:var(--teal-dark)}button.danger{color:var(--red);background:#fff7f6}code{display:inline-block;border:1px solid #cfd9e5;border-radius:5px;padding:2px 6px;color:#11495a;background:#eef7f8;font-family:Cascadia Mono,Consolas,monospace;font-size:12px}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh;background:#f7f9fb33}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid rgba(219,227,234,.86);padding:22px 16px;background:#ffffffdb;box-shadow:12px 0 30px #1e2b3a0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:flex;align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:24px;padding:8px 6px 14px;border-bottom:1px solid rgba(219,227,234,.78)}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;color:#fff;background:#0f8b8d;font-weight:800}.pinmoo-logo{display:block;width:178px;max-width:100%;height:auto;flex:0 0 auto}.brand-copy{min-width:0}.brand-mark strong,.brand-mark span{display:block}.brand-mark strong{font-size:15px;line-height:1.25}.brand-mark span{margin-top:2px;color:var(--muted);font-size:12px}.sidebar nav{display:grid;gap:6px}.nav-item{justify-content:flex-start;width:100%;min-height:42px;border-color:transparent;color:#415163;background:transparent;box-shadow:none}.nav-item.active{color:#0d5f61;background:linear-gradient(90deg,#e5f5f4,#e5f5f48f);box-shadow:inset 3px 0 0 var(--teal)}.workspace{min-width:0;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:14px 16px;border:1px solid rgba(219,227,234,.82);border-radius:8px;background:#ffffffb8;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar h1{margin:0;font-size:24px;line-height:1.25}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:10px}.notice{max-width:380px;border:1px solid #b9dedf;border-radius:7px;padding:8px 10px;color:#0d5f61;background:#edfafa;font-size:13px}.icon-button{width:38px;padding:0}.page-grid,.dashboard-screen{display:grid;gap:18px}.dashboard-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.dashboard-main,.dashboard-side{display:grid;gap:18px;min-width:0}.dashboard-metrics .metric{min-height:120px}.dashboard-metrics .metric svg{width:28px;height:28px;justify-self:end}.dashboard-metrics .metric strong{font-size:34px}.brand-card-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px}.brand-overview{border:1px solid rgba(219,227,234,.92);border-radius:8px;padding:18px 20px;background:var(--surface);box-shadow:var(--shadow);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.brand-overview:hover,.brand-overview.active{border-color:var(--teal);box-shadow:0 18px 45px #0f8b8d1f;transform:translateY(-1px)}.brand-overview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-overview h2{margin:0;font-size:20px}.brand-rate{display:grid;gap:4px;margin:22px 0 14px}.brand-rate strong{color:var(--teal);font-size:42px;line-height:1}.brand-rate span{color:var(--muted);font-size:13px}.progress.thick{height:10px}.brand-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.brand-mini-stats span,.brand-mini-stats button{display:grid;gap:3px;border-left:1px solid #edf1f5;padding-left:10px;color:var(--muted);font-size:12px}.brand-mini-stats button{justify-content:start;min-height:auto;border-top:0;border-right:0;border-bottom:0;border-radius:0;background:transparent;box-shadow:none;text-align:left;white-space:normal}.brand-mini-stats button:hover{color:var(--teal-dark);background:transparent;box-shadow:none;transform:none}.brand-mini-stats span:first-child,.brand-mini-stats button:first-child{border-left:0;padding-left:0}.brand-mini-stats b{color:var(--text);font-size:16px}.task-command-panel,.dashboard-command-panel{padding-bottom:16px}.priority-panel{display:grid;gap:12px}.priority-list{display:grid;gap:8px}.priority-item{display:grid;grid-template-columns:auto auto minmax(180px,1fr) minmax(190px,.8fr);justify-content:stretch;align-items:center;gap:10px;min-height:46px;padding:8px 10px;text-align:left;white-space:normal;background:#fbfcfd;box-shadow:none}.priority-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-item small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.priority-marker{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:24px;border-radius:6px;padding:0 8px;font-size:12px;font-weight:800}.priority-marker.red{color:#9f2823;background:#fff1f0}.priority-marker.amber{color:#8a530c;background:#fff7e8}.priority-marker.blue{color:#245ac4;background:#edf5ff}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.action-card{display:grid;justify-items:start;align-content:start;min-height:138px;border-color:#dbe3eaeb;padding:16px;text-align:left;white-space:normal;background:#f8fbfdeb}.action-card svg{color:var(--teal)}.action-card strong{margin-top:8px;color:var(--text);font-size:16px}.action-card span{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.45}.status-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;border-bottom:1px solid #edf1f5;margin:-4px 0 12px;padding-bottom:8px}.status-tabs button{min-height:32px;border-color:transparent;background:transparent;color:#516172;box-shadow:none}.status-tabs button.active{color:#0d5f61;background:var(--teal-soft)}.status-tabs span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:6px;padding:0 6px;background:#edf2f7;color:#546477;font-size:12px}.feedback-preview-list{display:grid;gap:10px}.feedback-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #edf1f5;border-left-width:4px;border-radius:8px;padding:12px}.feedback-preview.ok{border-left-color:var(--green)}.feedback-preview.fail{border-left-color:var(--red)}.feedback-preview strong,.feedback-preview span{display:block}.feedback-preview strong{margin-bottom:3px}.feedback-preview span{color:var(--muted);font-size:12px;line-height:1.35}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.metric,.panel,.empty-panel{border:1px solid rgba(219,227,234,.9);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.metric{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px 10px;min-height:96px;padding:16px;position:relative;overflow:hidden}.metric.clickable{width:100%;text-align:left}.metric.clickable:hover{border-color:#0f8b8d61;box-shadow:0 18px 44px #1e2b3a1f}.metric.active{border-color:#0f8b8d94;background:#fffffffa;box-shadow:0 18px 46px #0f8b8d29}.metric.active:after{height:4px;background:linear-gradient(90deg,#0f8b8d26,#0f8b8dcc)}.metric:after{position:absolute;right:0;bottom:0;width:68px;height:3px;content:"";background:linear-gradient(90deg,#0f8b8d00,#0f8b8d57)}.metric span{color:var(--muted);font-size:13px}.metric strong{grid-column:1 / -1;font-size:30px;line-height:1}.metric.blue svg,.metric.blue strong{color:var(--blue)}.metric.green svg,.metric.green strong{color:var(--green)}.metric.amber svg,.metric.amber strong{color:var(--amber)}.metric.red svg,.metric.red strong{color:var(--red)}.metric.black svg,.metric.black strong{color:var(--black)}.panel{min-width:0;padding:18px}.empty-panel{padding:32px;color:var(--muted)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-title h2{margin:0;font-size:17px;line-height:1.35}.panel-action{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.two-column.wide-left{grid-template-columns:minmax(380px,.8fr) minmax(480px,1.2fr)}.report-layout{grid-template-columns:300px minmax(0,1fr)}.today-layout{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(480px,1fr);gap:18px;align-items:start}.today-toolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;justify-content:flex-end}.today-toolbar .filter-date-field{width:150px}.today-toolbar select{min-width:130px}.today-action-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px;border:1px solid rgba(15,139,141,.18);border-radius:8px;padding:12px;background:#e7f5f494}.today-action-copy{display:grid;flex:1;min-width:220px;gap:3px}.today-action-copy strong{font-size:15px}.today-action-strip b{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:0 10px;color:#0d5f61;background:#fff;font-size:13px}.today-action-strip span{color:var(--muted);font-size:13px}.inline-upload-button{position:relative;display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-size:14px;font-weight:650;cursor:pointer}.inline-upload-button:hover{border-color:#00969659;color:var(--teal)}.inline-upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.inline-upload-button span{display:inline-flex;align-items:center;gap:6px;color:inherit}.inline-import-panel{margin-bottom:12px;padding:10px 12px;border:1px solid rgba(148,163,184,.28);border-radius:8px;background:#f8fafc}.inline-import-panel summary{cursor:pointer;font-weight:700;color:#405268}.inline-import-panel textarea{min-height:140px;margin-top:10px;margin-bottom:8px}.task-view-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;border:1px solid rgba(15,139,141,.18);border-radius:8px;padding:10px 12px;background:#e5f5f49e}.task-view-banner div{min-width:0}.task-view-banner strong,.task-view-banner span{display:block}.task-view-banner strong{color:#0d5f61}.task-view-banner span{margin-top:2px;color:#557085;font-size:12px}.management-layout,.task-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.task-layout.wide{grid-template-columns:1fr}.minutes-layout{display:grid;gap:18px}.minutes-uploader{display:grid;gap:14px}.minutes-upload-row{display:grid;grid-template-columns:220px minmax(260px,1fr) auto;gap:12px;align-items:end}.file-picker{display:grid;gap:6px}.file-picker span{color:var(--muted);font-size:12px}.file-picker input{display:none}.file-picker b{display:flex;align-items:center;min-height:42px;border:1px dashed #b8c8d8;border-radius:7px;padding:0 12px;color:#355166;background:#f8fcfde0;font-weight:600}.minutes-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.minutes-rule-grid span,.status-pill{border:1px solid #d6e3ea;border-radius:7px;padding:8px 10px;color:#496174;background:#f6fafbdb;font-size:13px}.minutes-preview-panel{display:grid;gap:14px}.minutes-summary{display:flex;flex-wrap:wrap;gap:8px}.status-pill{display:inline-flex;align-items:center;gap:8px}.status-pill b{color:var(--teal);font-size:18px}.minutes-items{display:grid;gap:12px}.minutes-item{display:grid;gap:10px;border:1px solid #d8e4ec;border-left:4px solid #93a4b7;border-radius:8px;padding:12px;background:#ffffffe6}.minutes-item.create{border-left-color:var(--teal)}.minutes-item.update{border-left-color:var(--blue)}.minutes-item.skip{opacity:.7}.minutes-item-head{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:10px;align-items:center}.minutes-item-head span{color:var(--muted);font-size:13px}.minutes-edit-grid{display:grid;grid-template-columns:minmax(260px,2fr) minmax(120px,.7fr) minmax(190px,.9fr) minmax(100px,.5fr);gap:10px}.minutes-edit-grid .field:last-child{grid-column:1 / -1}.minutes-review-lines{border-top:1px solid var(--line);padding-top:10px}.minutes-review-lines summary{cursor:pointer;color:var(--teal-dark);font-weight:700}.minutes-review-lines p{margin:8px 0 0;color:#54677a;font-size:13px}.form-panel{display:grid;gap:12px}.field{display:grid;gap:6px}.field span,.check-row{color:#4a5969;font-size:13px}input,select,textarea{width:100%;border:1px solid #cbd6e2;border-radius:7px;padding:9px 10px;color:var(--text);background:#fffffff0;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus,textarea:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px #0f8b8d24}select[multiple]{min-height:88px}textarea{min-height:260px;resize:vertical;line-height:1.55}.small-textarea{min-height:78px}.check-row{display:flex;align-items:center;gap:8px}.check-row input{width:auto}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-divider{height:1px;margin:2px 0;background:var(--line)}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;margin-bottom:14px}.filter-date-field{display:grid;gap:4px}.filter-date-field span{color:var(--muted);font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:1040px}th,td{border-bottom:1px solid #edf1f5;padding:11px 10px;text-align:left;vertical-align:middle;font-size:13px}th{color:#667789;background:#f8fafcf2;font-weight:650}td strong{display:block;max-width:330px;line-height:1.35}td small{display:block;max-width:380px;margin-top:4px;color:var(--muted);line-height:1.35}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:280px}.quick-status-actions{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.quick-status-actions button{min-height:28px;border-color:#d9e4ea;padding:0 8px;color:#496174;background:#f8fafc;box-shadow:none;font-size:12px}.table-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.table-title-actions span{color:var(--muted);font-size:13px}.status{display:inline-flex;align-items:center;justify-content:center;min-width:56px;border-radius:6px;padding:4px 7px;font-size:12px;font-weight:700}.status.slate{color:#465566;background:#eef2f6}.status.blue{color:#2151b5;background:#eaf0ff}.status.green{color:#087344;background:#e8f7ef}.status.amber{color:#8a570f;background:#fff4d7}.status.red{color:#a12f2b;background:#fdeceb}.status.black{color:#fff;background:#293241}.brand-stats,.compact-list,.parse-list,.log-list{display:grid;gap:10px}.brand-stat{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,.7fr) 58px;align-items:center;gap:14px;border:1px solid #edf1f5;border-radius:8px;padding:12px}.brand-stat strong,.brand-stat span{display:block}.brand-stat span{margin-top:4px;color:var(--muted);font-size:12px}.brand-stat b{text-align:right;color:#0d5f61}.progress{height:8px;overflow:hidden;border-radius:99px;background:#e7edf3}.progress i{display:block;height:100%;border-radius:inherit;background:var(--teal)}.task-line{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #edf1f5;border-radius:8px;padding:12px}button.task-line{width:100%;min-height:auto;text-align:left;white-space:normal}.task-line.clickable:hover{border-color:#0f8b8d61;background:#fbfefe;box-shadow:var(--shadow-soft)}.task-line div{min-width:0}.task-line strong,.task-line span{display:block}.task-line strong{margin:6px 0 3px}.task-line span,.muted{color:var(--muted);font-size:13px}.text-workbench textarea{min-height:560px;white-space:pre-wrap}.button-group{display:flex;gap:8px;flex-wrap:wrap}.button-group select{width:auto;min-width:128px}.parse-item{display:grid;gap:5px;border:1px solid #edf1f5;border-left-width:4px;border-radius:8px;padding:12px}.parse-item.ok{border-left-color:var(--green)}.parse-item.fail{border-left-color:var(--red)}.parse-item span{color:#526273;font-size:13px;line-height:1.4}.parse-item em{color:var(--red);font-style:normal;font-size:13px}.kanban{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:6px}.kanban-column{min-height:620px;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.kanban-column h2{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:16px}.kanban-column h2 span{display:grid;place-items:center;min-width:26px;height:26px;border-radius:6px;color:var(--muted);background:#f0f3f6;font-size:12px}.task-card{display:grid;gap:8px;border:1px solid #e6ecf2;border-radius:8px;padding:12px;margin-bottom:10px;background:#fbfcfd}.task-card div{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-card strong{line-height:1.35}.task-card p,.task-card small{margin:0;color:var(--muted);line-height:1.35}.log-item{border:1px solid #edf1f5;border-radius:8px;padding:12px}.log-item strong,.log-item span{display:block}.log-item span{margin-top:4px;color:var(--muted);font-size:12px}.log-item p{margin:8px 0 0;color:#445467;font-size:13px;line-height:1.45}.brand-portal{min-height:100vh;padding:28px;background:linear-gradient(180deg,#fbfcfddb,#f4f7f9eb),url(/assets/pinmoo-workspace-bg.png) center top / cover fixed no-repeat}.brand-portal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;max-width:1480px;margin:0 auto 18px;padding:22px 24px 24px;border:1px solid rgba(219,227,234,.92);border-top:3px solid var(--brand-red);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.portal-title-block{min-width:0}.portal-brand-lockup{display:flex;align-items:center;gap:14px;margin-bottom:12px}.portal-brand-lockup img{display:block;width:160px;height:auto;max-width:44vw}.portal-eyebrow{display:inline-flex;align-items:center;min-height:26px;border:1px solid rgba(15,139,141,.16);border-radius:999px;padding:0 10px;color:var(--teal);background:#e5f5f4c7;font-size:13px;font-weight:700}.brand-portal-header h1{margin:0;font-size:30px;line-height:1.2}.brand-portal-header p{margin:8px 0 0;color:var(--muted);line-height:1.5}.brand-portal-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;padding-top:6px}.portal-notice{max-width:1480px;margin:0 auto 16px}.portal-metrics,.portal-main{max-width:1480px;margin-right:auto;margin-left:auto}.portal-main{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px;align-items:start;margin-top:18px}.portal-task-panel{overflow:hidden}.portal-filter-panel{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(2,minmax(150px,.8fr)) auto;gap:8px;align-items:end;margin-bottom:12px;border:1px solid rgba(219,227,234,.78);border-radius:8px;padding:10px;background:#f7fafdc2}.portal-filter-panel>button{height:38px}.portal-date-field{display:grid;gap:4px;min-width:0}.portal-date-field span{color:var(--muted);font-size:12px}.portal-status-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.portal-owner-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.portal-owner-row>span{color:var(--muted);font-size:13px}.status-chip{min-height:30px;padding:0 10px;color:var(--muted);background:#f8fafce6;box-shadow:none}.status-chip.active{border-color:var(--teal);color:var(--teal);background:#e7f5f4}.owner-chip{min-height:30px;padding:0 10px;color:#536477;background:#f8fafce6;box-shadow:none}.owner-chip.active{border-color:#0f8b8d75;color:#0d5f61;background:#fff}.portal-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding:4px 2px 8px}.portal-board-column{display:grid;grid-template-rows:auto minmax(120px,1fr);min-height:0;border:1px solid rgba(219,227,234,.86);border-radius:8px;background:#eff5fbb8;overflow:hidden}.portal-column-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:4px solid var(--teal);border-bottom:1px solid rgba(219,227,234,.78);padding:12px;background:#ffffffe6}.portal-board-column.tone-slate .portal-column-head{border-top-color:#7c8ca0}.portal-board-column.tone-blue .portal-column-head{border-top-color:var(--blue)}.portal-board-column.tone-green .portal-column-head{border-top-color:var(--green)}.portal-board-column.tone-amber .portal-column-head{border-top-color:#d49a2a}.portal-board-column.tone-red .portal-column-head{border-top-color:var(--red)}.portal-board-column.tone-black .portal-column-head{border-top-color:var(--black)}.portal-column-head strong{font-size:15px}.portal-column-head span{display:grid;place-items:center;min-width:26px;height:24px;border-radius:999px;padding:0 8px;color:#536477;background:#edf3f8;font-size:12px;font-weight:700}.portal-card-list{display:grid;align-content:start;gap:10px;padding:10px}.portal-focused-list{display:grid;gap:12px;border:1px solid rgba(219,227,234,.86);border-radius:8px;padding:12px;background:#eff5fb99}.portal-focused-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 4px}.portal-focused-head strong{font-size:16px}.portal-focused-head span{color:var(--muted);font-size:13px}.portal-focused-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.portal-task-card{display:grid;gap:8px;border:1px solid rgba(216,226,236,.96);border-left:3px solid rgba(15,139,141,.34);border-radius:7px;padding:12px;background:#fffffff5;box-shadow:0 8px 18px #2a38490f;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.portal-task-card:hover{border-left-color:var(--teal);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.portal-task-card[role=button]{cursor:pointer;text-align:left}.portal-task-card[role=button]:focus-visible{outline:3px solid rgba(15,139,141,.2);outline-offset:2px}.portal-task-card.focused{border-left-width:4px;padding:14px}.portal-task-card.focused h2{font-size:16px}.portal-task-head,.portal-task-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.task-badges{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.due-chip{display:inline-flex;align-items:center;min-height:24px;border:1px solid #f0cf9b;border-radius:6px;padding:0 8px;color:#9a5c10;background:#fff7e8;font-size:12px;font-weight:700}.portal-task-card h2{margin:0;font-size:15px;line-height:1.35}.portal-task-card p{margin:0;color:#445467;font-size:13px;line-height:1.5}.portal-task-meta{justify-content:flex-start;color:var(--muted);font-size:13px}.portal-card-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.portal-card-meta-grid span{border-radius:5px;padding:5px 7px;color:#5d7084;background:#f0f5fa;font-size:12px;line-height:1.25}.portal-empty-column{display:grid;place-items:center;min-height:86px;border:1px dashed #cbd7e4;border-radius:7px;color:var(--muted);background:#ffffff75;font-size:13px}.portal-column-more{min-height:38px;color:#0b6f72;background:#e7f5f4d6;box-shadow:none}.portal-pagination,.table-pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:2px}.portal-pagination button,.table-pagination button{min-height:34px;min-width:78px;box-shadow:none}.portal-pagination button:disabled,.table-pagination button:disabled{cursor:not-allowed;opacity:.42}.portal-pagination span,.table-pagination span{min-width:58px;color:#536477;text-align:center;font-size:13px;font-weight:700}.table-pagination{margin-top:14px;padding-top:12px;border-top:1px solid rgba(219,227,234,.82)}.portal-side{display:grid;gap:18px;position:sticky;top:18px}.portal-action-panel{display:grid;gap:14px}.portal-action-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;border:1px solid rgba(219,227,234,.84);border-radius:7px;padding:4px;background:#f4f8fbe6}.portal-action-tabs button{min-height:34px;border-color:transparent;color:#5c6d80;background:transparent;box-shadow:none}.portal-action-tabs button.active{color:#0d5f61;background:#fff;box-shadow:0 6px 14px #1e2b3a14}.portal-action-pane{display:grid;gap:12px}.portal-action-pane.text-workbench textarea{min-height:330px}.portal-feedback textarea{min-height:130px}.portal-feedback{display:grid;gap:12px}.demo-portal{min-height:100vh}.demo-hero{align-items:center}.demo-hero h1{font-size:34px}.demo-brand-switch button{min-width:116px;color:#445467;background:#fff}.demo-brand-switch button.active{border-color:#0f8b8d85;color:#0d5f61;background:#e7f5f4}.demo-flow{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;max-width:1480px;margin:0 auto 18px;padding:12px}.demo-flow div{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid rgba(219,227,234,.84);border-radius:7px;padding:0 12px;color:#273548;background:#f8fafcc7;font-size:14px;font-weight:700}.demo-flow svg{color:var(--teal)}.demo-main{grid-template-columns:minmax(0,1fr) 390px}.demo-filter-panel{grid-template-columns:minmax(220px,1fr) auto}.demo-board{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.demo-task-card{min-height:190px}.demo-reminder,.demo-feedback-input{width:100%;border:1px solid #cfdae7;border-radius:8px;padding:12px;resize:vertical;color:#1f2937;background:#fff;line-height:1.6}.demo-reminder{min-height:360px}.demo-feedback-input{min-height:120px}.full-width{width:100%}.portal-drawer-backdrop{position:fixed;inset:0;z-index:80;display:flex;justify-content:flex-end;padding:18px;background:#0f172a52}.portal-task-drawer{display:grid;align-content:start;gap:16px;width:min(520px,100%);max-height:100%;overflow:auto;border:1px solid rgba(219,227,234,.92);border-radius:10px;padding:18px;background:#fff;box-shadow:0 24px 70px #0f172a3d}.portal-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.portal-drawer-head h2{margin:8px 0 0;font-size:20px;line-height:1.35}.portal-drawer-head button{width:34px;height:34px;padding:0;font-size:22px;line-height:1;box-shadow:none}.portal-drawer-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drawer-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.drawer-meta-grid span{display:grid;gap:4px;border-radius:7px;padding:9px 10px;color:var(--muted);background:#f3f7fb;font-size:12px}.drawer-meta-grid b{color:var(--text);font-size:13px;font-weight:700}.drawer-section{display:grid;gap:6px;border-top:1px solid #edf1f5;padding-top:12px}.drawer-section h3{margin:0;font-size:14px}.drawer-section p{margin:0;color:#445467;line-height:1.65;white-space:pre-wrap}.loading-screen{display:grid;place-content:center;gap:16px;text-align:center}@media(max-width:1180px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:18px 10px}.brand-mark{align-items:center;justify-content:center;padding-right:0;padding-left:0}.pinmoo-logo{width:42px;height:42px;border-radius:9px;object-fit:cover;object-position:44% center}.brand-mark div:not(.mark),.nav-item span{display:none}.nav-item{justify-content:center;padding:0}.metric-row{grid-template-columns:repeat(3,1fr)}.dashboard-body,.two-column,.two-column.wide-left,.today-layout,.management-layout,.task-layout,.report-layout,.demo-flow,.portal-main{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,minmax(160px,1fr))}.action-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.priority-item{grid-template-columns:auto auto minmax(0,1fr)}.priority-item small{grid-column:3}.portal-filter-panel{grid-template-columns:repeat(2,minmax(160px,1fr))}.demo-filter-panel{grid-template-columns:1fr auto}.minutes-upload-row,.minutes-rule-grid,.minutes-edit-grid,.minutes-item-head{grid-template-columns:1fr}.portal-side{position:static}}@media(max-width:720px){.brand-portal{padding:16px}.brand-portal-header{flex-direction:column}.portal-brand-lockup{align-items:flex-start;flex-direction:column;gap:10px}.portal-brand-lockup img{width:min(180px,70vw);max-width:100%}.brand-portal-actions,.portal-filter-panel,.portal-filter-panel input{width:100%}.brand-portal-actions button,.portal-filter-panel select,.portal-filter-panel input{flex:1;min-width:0}.portal-filter-panel{grid-template-columns:1fr}.portal-owner-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.portal-owner-row>span,.owner-chip{flex:0 0 auto}.portal-board{grid-auto-flow:row;grid-template-columns:1fr;grid-auto-columns:auto;overflow-x:visible}.portal-focused-grid{grid-template-columns:1fr}.portal-pagination,.table-pagination{flex-wrap:wrap}.workspace{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.metric-row{grid-template-columns:1fr}.portal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-flow{grid-template-columns:1fr}.demo-brand-switch{justify-content:stretch;width:100%}.demo-brand-switch button{flex:1}.portal-metrics .metric{min-height:82px;padding:12px}.priority-item{grid-template-columns:1fr}.priority-item small,.priority-item strong{grid-column:auto;white-space:normal}.row-actions,.quick-status-actions{align-items:stretch;width:100%}.filters,.form-split,.brand-card-grid,.action-grid,.brand-stat{grid-template-columns:1fr}.brand-mini-stats{grid-template-columns:repeat(2,1fr)}.text-workbench textarea{min-height:420px}.today-action-strip{align-items:stretch}.today-action-strip .button-group,.today-action-strip .button-group button,.today-action-strip .inline-upload-button{width:100%}.portal-drawer-backdrop{padding:10px}.portal-task-drawer{border-radius:8px;padding:14px}.drawer-meta-grid{grid-template-columns:1fr}}
