/* 企业运行中心首页 - 一屏紧凑版（2026-08-22 第2版）*/
:root{
  --bc-blue:#3978f6;--bc-blue-soft:#edf4ff;--bc-green:#12a77a;--bc-green-soft:#eaf8f3;
  --bc-orange:#e99126;--bc-orange-soft:#fff5e8;--bc-red:#e24a55;--bc-red-soft:#fff0f1;
  --bc-purple:#795bd8;--bc-purple-soft:#f2effc;--bc-ink:#18243a;--bc-muted:#8b99ad;
  --bc-line:#dce6f2;--bc-shadow:0 4px 14px rgba(43,78,127,.06)
}
body.cockpit-active #view-dash{overflow-y:hidden!important;overflow-x:hidden!important;scrollbar-width:thin}
.dashboard-layout,.dashboard-layout *{box-sizing:border-box}
.dashboard-layout{
  max-width:2048px;height:100%;margin:0 auto;padding:6px 10px;
  display:grid;grid-template-columns:var(--bcL,295px) 8px minmax(320px,1fr) 8px var(--bcR,360px);
  grid-template-rows:minmax(0,1fr) 8px var(--bcTl,120px);
  grid-template-areas:"left rs1 center rs2 right" "rs3 rs3 rs3 rs3 rs3" "tl tl tl tl tl";
  justify-content:center;gap:0;color:var(--bc-ink);
  font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif
}
.left-column,.center-column,.right-column{display:grid;gap:0;min-width:0;min-height:0}
.left-column{grid-area:left;grid-template-rows:minmax(150px,var(--blA,1fr)) 8px minmax(100px,1fr)}
.center-column{grid-area:center;grid-template-rows:minmax(180px,auto) 8px minmax(130px,var(--bcHub,1fr))}
.right-column{grid-area:right;grid-template-rows:minmax(186px,var(--bcR1,186px)) 8px minmax(192px,var(--bcR2,192px)) 8px minmax(150px,1fr)}
.timeline-panel{grid-area:tl}
/* ===== 拖拽分隔条 ===== */
.resizer{position:relative;z-index:20;background:transparent;border-radius:3px;transition:background .12s ease}
.resizer::before{position:absolute;content:""}
.resizer:hover,.resizer.bc-drag{background:rgba(57,120,246,.22)}
.resizer.v1{grid-area:rs1;cursor:col-resize}
.resizer.v2{grid-area:rs2;cursor:col-resize}
.resizer.v1::before,.resizer.v2::before{left:50%;top:6%;bottom:6%;width:3px;transform:translateX(-50%);background:rgba(57,120,246,.35);border-radius:2px;opacity:0;transition:opacity .12s}
.resizer.v1:hover::before,.resizer.v2:hover::before,.resizer.bc-drag::before{opacity:1}
.resizer.h{grid-area:rs3;cursor:row-resize}
.resizer.h::after{position:absolute;content:"⇧ 上拉展开实时动态/面板变短 · 下拉收起/面板变长";left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:rgba(35,40,55,.92);color:#fff;font-size:13px;line-height:1;padding:5px 9px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:60;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.resizer.h:hover::after,.resizer.h.bc-drag::after{opacity:1}
.resizer.lh,.resizer.mh,.resizer.rh1,.resizer.rh2{cursor:row-resize}
.resizer.h::before,.resizer.lh::before,.resizer.mh::before,.resizer.rh1::before,.resizer.rh2::before{left:1%;right:1%;top:50%;height:3px;transform:translateY(-50%);background:rgba(57,120,246,.35);border-radius:2px;opacity:0;transition:opacity .12s}
.resizer.h:hover::before,.resizer.lh:hover::before,.resizer.mh:hover::before,.resizer.rh1:hover::before,.resizer.rh2:hover::before,.resizer.h.bc-drag::before,.resizer.lh.bc-drag::before,.resizer.mh.bc-drag::before,.resizer.rh1.bc-drag::before,.resizer.rh2.bc-drag::before{opacity:1}
body.bc-resizing{user-select:none}
body.bc-resizing-v{cursor:col-resize}
body.bc-resizing-h{cursor:row-resize}
body.bc-resizing-v *,body.bc-resizing-h *{cursor:inherit!important}
.panel{background:#fffffffa;border:1px solid rgba(219,229,241,.96);border-radius:12px;box-shadow:var(--bc-shadow);overflow:hidden}
.panel-heading{min-height:40px;padding:7px 10px 6px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8eef6}
.panel-heading.compact{min-height:34px;padding:5px 10px 4px}
.panel-heading>div{display:flex;align-items:center;gap:7px;min-width:0}
.panel-heading h2{margin:0;font-size:16px;line-height:1.25}
.panel-heading p{margin:1px 0 0;font-size:13px;color:var(--bc-muted)}
.heading-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;flex:0 0 auto;font-size:16px}
.heading-icon.blue{color:var(--bc-blue);background:var(--bc-blue-soft)}
.heading-icon.danger{color:var(--bc-red);background:var(--bc-red-soft)}
.heading-icon.green{color:var(--bc-green);background:var(--bc-green-soft)}
.heading-icon.orange{color:var(--bc-orange);background:var(--bc-orange-soft)}
.heading-icon.purple{color:var(--bc-purple);background:var(--bc-purple-soft)}
.count-badge{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bc-red);color:#fff;font-size:13px}
.text-link{border:0;background:transparent;color:#8493a7;font-size:13px;display:flex;align-items:center;gap:2px;white-space:nowrap;cursor:pointer}
.text-link:hover{color:var(--bc-blue)}
/* 目标达成 Top5 排序切换（2026-08-26） */
.top5-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.top5-toggle{display:flex;align-items:center;background:#eef2f7;border-radius:6px;padding:2px}
.top5-toggle .top5-tg{border:0;background:transparent;color:#8493a7;font-size:12px;line-height:1;padding:4px 8px;border-radius:5px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.top5-toggle .top5-tg.active{background:#fff;color:var(--bc-blue);box-shadow:0 1px 2px rgba(16,42,67,.12);font-weight:600}
.bc-empty{padding:14px 10px;text-align:center;color:var(--bc-muted);font-size:14px}
/* ===== 左列：需关注事项 ===== */
.attention-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.attention-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:5px 8px 0;gap:3px;flex:0 0 auto}
.attention-tabs button{border:0;background:transparent;color:#7b899c;border-radius:7px;padding:5px 2px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer}
.attention-tabs button b{min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;background:#edf1f6;font-size:12px;font-weight:600}
.attention-tabs button.active{color:var(--bc-blue);background:var(--bc-blue-soft);font-weight:700}
.attention-tabs button.active b{background:#fff;color:var(--bc-blue)}
.attention-list{flex:1 1 0%;min-height:0;overflow-y:auto;padding:0 8px 2px;scrollbar-width:thin}
.attention-item{width:100%;border:0;background:transparent;border-bottom:1px solid #edf1f6;padding:7px 2px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:6px;text-align:left;cursor:pointer}
.attention-item:hover{background:#fafcff}
.priority{width:23px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:12px;font-weight:800}
.priority.p0{color:#fff;background:var(--bc-red)}
.priority.p1{color:#c1690e;background:var(--bc-orange-soft)}
.priority.p2{color:#65758d;background:#edf1f6}
.attention-copy{min-width:0}
.attention-copy strong{display:block;font-size:15px;color:#29374d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.attention-copy small{display:block;margin-top:1px;font-size:13px;color:#94a0b2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.inline-action{color:var(--bc-blue);font-size:13px;display:flex;align-items:center;gap:1px;padding-top:2px}
.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:5px 8px 7px;gap:4px;flex:0 0 auto}
.quick-actions button{border:1px solid #dde7f3;background:#f8fbff;color:#64758d;border-radius:7px;height:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:13px;cursor:pointer}
.quick-actions button:hover{color:var(--bc-blue);border-color:#b7cff5;background:#f0f6ff}
/* ===== 左列：今日待我处理 ===== */
.task-queue{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.queue-list{flex:1 1 0%;min-height:0;overflow-y:auto;padding:4px 8px 6px;display:grid;gap:2px;scrollbar-width:thin}
.queue-list button{border:0;background:transparent;display:grid;grid-template-columns:28px minmax(0,1fr) auto 10px;align-items:center;gap:6px;text-align:left;padding:7px 4px;border-radius:8px;color:#26364d;cursor:pointer}
.queue-list button:hover{background:#f7faff}
.queue-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:16px}
.queue-icon.blue{color:var(--bc-blue);background:var(--bc-blue-soft)}
.queue-icon.purple{color:var(--bc-purple);background:var(--bc-purple-soft)}
.queue-icon.orange{color:var(--bc-orange);background:var(--bc-orange-soft)}
.queue-list strong{display:block;font-size:15px}
.queue-list small{display:block;font-size:13px;color:var(--bc-muted);margin-top:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.queue-list b{color:var(--bc-blue);font-size:17px}
.qq-arrow{color:#9aa6b6;font-style:normal;font-size:14px}
/* ===== 中列：状态总览 ===== */
.status-overview{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.status-overview .panel-heading.compact{min-height:28px;padding:3px 10px}
.status-overview .heading-icon{width:24px;height:24px;border-radius:7px}
.status-overview .panel-heading h2{font-size:15px}
.status-overview .panel-heading p{margin-top:1px;font-size:12px}
.health-strip{min-height:24px;padding:2px 10px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #e9eef6;background:#fafcff;flex-wrap:wrap}
.health-title{font-size:12px;color:#7f8da1;margin-right:1px}
.health-chip{height:18px;border-radius:9px;padding:0 6px;display:inline-flex;align-items:center;gap:3px;font-size:12px}
.health-chip i{width:4px;height:4px;border-radius:50%}
.health-chip b{font-size:13px}
.health-chip.normal{background:var(--bc-green-soft);color:#167c61}
.health-chip.normal i{background:var(--bc-green)}
.health-chip.warning{background:var(--bc-orange-soft);color:#af680f}
.health-chip.warning i{background:var(--bc-orange)}
.health-chip.urgent{background:var(--bc-red-soft);color:#be3944}
.health-chip.urgent i{background:var(--bc-red)}
.health-note{margin-left:auto;color:#53657d;font-size:12px;display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:2px 6px 1px;flex:0 0 auto}
.metric-card{padding:1px 8px;min-width:0;border-right:1px solid #e7edf5}
.metric-card:last-child{border-right:0}
.metric-card>small{color:#7d8ca1;font-size:12px;display:block}
.metric-card>div{display:flex;align-items:baseline;gap:3px;margin-top:0}
.metric-card strong{font-size:17px;letter-spacing:-.04em}
.metric-card span{color:#8997aa;font-size:12px}
.metric-card p{margin:0;display:flex;align-items:center;gap:2px;font-size:12px}
.metric-card p.positive{color:var(--bc-green)}
.metric-card p.negative{color:var(--bc-red)}
.metric-card p.neutral{color:#a4b0c1}
.risk-row{min-height:30px;border-top:1px solid #e8eef5;display:grid;grid-template-columns:66px repeat(3,minmax(0,1fr));align-items:center;padding:0 8px;gap:4px;flex:0 0 auto}
.status-insight{margin:2px 10px 4px;padding:5px 10px;background:linear-gradient(90deg,#eef5ff,#f2fbf6);border-left:3px solid var(--bc-blue);border-radius:6px;font-size:12px;color:#3d5a80;display:flex;align-items:center;gap:5px;flex:0 0 auto;line-height:1.4}
.status-insight b{color:#2f76f4;font-weight:700}
.risk-row>span{color:var(--bc-red);display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700}
.risk-row button{min-width:0;height:24px;border:0;background:#fff7f7;color:#4c5d74;border-radius:6px;padding:0 5px;display:flex;align-items:center;gap:3px;font-size:12px;text-align:left;white-space:nowrap;overflow:hidden;cursor:pointer}
.risk-row button b{color:var(--bc-red)}
.risk-row button em{margin-left:auto;color:var(--bc-blue);font-style:normal;overflow:hidden;text-overflow:ellipsis}
.risk-row button:hover{background:var(--bc-red-soft)}
/* ===== 中列：蜂巢 ===== */
.hub-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.hub-panel .panel-heading.compact{min-height:30px;padding:4px 10px}
.hub-panel .heading-icon{width:24px;height:24px;border-radius:7px}
.hub-panel .panel-heading h2{font-size:15px}
.hub-panel .panel-heading p{margin-top:1px;font-size:12px}
.hive-wrap{position:relative;width:100%;flex:1 1 auto;min-height:0;aspect-ratio:1672/941;background:#eaf2ff;overflow:hidden}
.hive-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
/* ===== 右列：目标达成概览 ===== */
.goal-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.goal-content{height:96px;display:grid;grid-template-columns:108px 1fr;align-items:center;padding:3px 12px 0;flex:0 0 auto;overflow:hidden}
.goal-chart{height:92px;position:relative;display:grid;place-items:center}
.goal-chart svg{position:static;width:80px;height:80px}
.goal-chart>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}
.goal-chart b{color:var(--bc-blue);font-size:18px}
.goal-chart small{color:var(--bc-muted);font-size:11px}
.goal-legend{display:grid;gap:4px}
.goal-legend p{margin:0;display:grid;grid-template-columns:6px 1fr auto 10px;align-items:center;gap:4px;color:#64748b;font-size:14px}
.goal-legend i{width:6px;height:6px;border-radius:50%}
.goal-legend i.done{background:var(--bc-green)}
.goal-legend i.doing{background:var(--bc-blue)}
.goal-legend i.pending{background:var(--bc-orange)}
.goal-legend i.gray{background:#c3ccd8}
.goal-legend b{color:var(--bc-ink);font-size:16px}
.goal-legend span{color:var(--bc-muted)}
.goal-alert{margin:6px 10px 7px;width:calc(100% - 20px);min-height:34px;border:1px solid #f3d8b7;background:#fffaf3;color:#bd6e13;border-radius:8px;display:grid!important;grid-template-columns:22px 1fr 22px!important;align-items:center;gap:5px;text-align:left;padding:4px 6px 4px 14px!important;cursor:pointer;flex:0 0 auto}
.goal-alert.ok{border-color:#cde8dd;background:#f4fbf7;color:#12855e}
.goal-alert span{display:grid}
.goal-alert>span:last-child{justify-self:end!important;text-align:right!important}
.goal-alert b{font-size:14px}
.goal-alert small{font-size:12px;color:#a78660;margin-top:1px}
.goal-alert.ok small{color:#5f9a82}
/* ===== 右列：关键指标趋势 ===== */
.trend-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.trend-toolbar{padding:6px 12px 1px;display:flex;align-items:center;justify-content:space-between}
.trend-toolbar select{height:24px;border:1px solid #dce5f0;background:#f8fafd;border-radius:6px;color:#637289;padding:0 6px;font-size:13px}
.trend-toolbar>span{color:#8997aa;font-size:12px;display:flex;align-items:center;gap:3px}
.trend-toolbar i{width:12px;height:2px;display:inline-block}
.trend-toolbar i.current{background:var(--bc-blue)}
.trend-toolbar i.previous{background:#a9b8cc;margin-left:3px}
.trend-chart{height:58px;padding:2px 8px 0;flex:0 0 auto;position:relative}
.trend-chart canvas{display:block;width:100%!important;height:100%!important}
.trend-empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--bc-muted);font-size:13px;line-height:1.6}
.trend-empty small{font-size:12px}
.trend-insight small.trend-neg{color:#d14343}
.trend-insight{min-height:34px;margin:3px 10px 8px;background:var(--bc-blue-soft);color:var(--bc-blue);border-radius:8px;display:grid;grid-template-columns:16px 1fr;align-items:center;gap:5px;padding:5px 7px;flex:0 0 auto}
.trend-insight span{display:grid}
.trend-insight strong{font-size:13px}
.trend-insight small{font-size:12px;color:#77879c;margin-top:1px}
/* ===== 右列：目标达成 Top5 ===== */
.people-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.people-list{flex:1 1 0%;min-height:0;overflow-y:auto;padding:2px 8px 6px;scrollbar-width:thin}
.people-list button{width:100%;min-height:30px;border:0;border-bottom:1px solid #edf1f6;background:transparent;display:grid;grid-template-columns:18px 26px minmax(0,1fr) 58px;gap:6px;align-items:center;text-align:left;padding:3px 1px;cursor:pointer}
.people-list button:hover{background:#fafcff}
.rank{color:#9aa6b6;font-size:13px;text-align:center}
.rank-1{color:#d58b12}
.rank-2{color:#7f91a7}
.rank-3{color:#a96a46}
.person-avatar{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--bc-blue-soft);color:var(--bc-blue);font-size:13px;font-weight:700}
.people-list .bc-person-mid{min-width:0;display:block}
.people-list .bc-person-mid strong{display:block;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.people-list .bc-person-mid small{display:block;margin-top:0;color:var(--bc-muted);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.person-rate b{display:block;text-align:right;color:var(--bc-green);font-size:14px}
.person-rate i{display:block;margin-top:2px;height:3px;background:#edf1f6;border-radius:3px;overflow:hidden}
.person-rate em{display:block;height:100%;background:var(--bc-green);border-radius:3px}
/* ===== 底部：实时动态（横向滚动） ===== */
.timeline-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.timeline-top{min-height:28px;border-bottom:1px solid #e7edf5;padding:3px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto}
.timeline-title{display:flex;align-items:center;gap:7px;min-width:0}
.timeline-title h2{margin:0;font-size:15px}
.timeline-title p{margin:1px 0 0;font-size:12px;color:var(--bc-muted)}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--bc-green);box-shadow:0 0 0 4px rgba(18,167,122,.10);flex:0 0 auto}
.timeline-track{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:3px 10px 6px;gap:3px;scrollbar-width:thin;overscroll-behavior:contain;touch-action:pan-y}
.timeline-item{flex:0 0 auto;width:100%;min-width:0;max-width:none;height:auto;min-height:36px;border:1px solid #e4ebf4;background:#fbfdff;border-radius:8px;display:grid;grid-template-columns:12px 46px minmax(0,1fr);gap:6px;align-items:center;padding:2px 8px;text-align:left;color:#56667d;cursor:pointer}
.timeline-item:hover{background:#f6faff;border-color:#bed2f3}
.timeline-marker{width:10px;height:10px;border-radius:50%;display:grid;place-items:center}
.timeline-marker i{width:4px;height:4px;border-radius:50%;background:currentColor}
.timeline-marker.blue{color:var(--bc-blue);background:var(--bc-blue-soft)}
.timeline-marker.danger{color:var(--bc-red);background:var(--bc-red-soft)}
.timeline-marker.warning{color:var(--bc-orange);background:var(--bc-orange-soft)}
.timeline-marker.green{color:var(--bc-green);background:var(--bc-green-soft)}
.timeline-marker.purple{color:var(--bc-purple);background:var(--bc-purple-soft)}
.timeline-time{color:#95a1b1;font-size:12px;white-space:nowrap}
.timeline-copy{min-width:0;display:grid;gap:0}
.timeline-copy>span{display:flex;align-items:center;gap:4px;min-width:0}
.timeline-copy>span b{color:#43536a;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.timeline-copy em{border-radius:4px;padding:0 4px;font-size:12px;font-style:normal;white-space:nowrap}
.timeline-copy em.blue{color:var(--bc-blue);background:var(--bc-blue-soft)}
.timeline-copy em.danger{color:var(--bc-red);background:var(--bc-red-soft)}
.timeline-copy em.warning{color:var(--bc-orange);background:var(--bc-orange-soft)}
.timeline-copy em.green{color:var(--bc-green);background:var(--bc-green-soft)}
.timeline-copy em.purple{color:var(--bc-purple);background:var(--bc-purple-soft)}
.timeline-copy strong{color:#293950;font-size:14px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.timeline-copy small{display:block;color:#8b99ad;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:1500px){.dashboard-layout{grid-template-columns:var(--bcL,295px) 8px minmax(0,1fr) 8px var(--bcR,360px);padding-inline:8px}.health-note{display:none}.risk-row{grid-template-columns:70px repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){.resizer{display:none!important}.dashboard-layout{grid-template-columns:210px minmax(0,1fr);grid-template-areas:"left center" "right timeline";grid-template-rows:minmax(0,1fr) auto;gap:8px}.left-column{grid-template-rows:minmax(0,1fr) auto}.center-column{grid-template-rows:auto minmax(0,1fr)}.right-column{grid-template-columns:repeat(3,1fr);grid-template-rows:none;gap:7px}.timeline-panel{grid-column:1/-1}}
@media(max-width:820px){.dashboard-layout{grid-template-columns:1fr;grid-template-areas:"timeline" "status" "left" "right";padding:8px;overflow-y:auto}.left-column,.center-column,.right-column{grid-area:auto}.left-column{grid-template-rows:minmax(0,auto) auto}.center-column{grid-template-rows:auto minmax(0,auto)}.right-column{grid-template-rows:auto auto auto}.status-overview{order:-1}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{border-right:0;border-bottom:1px solid #edf1f6;padding:6px}.risk-row{grid-template-columns:1fr;padding-block:8px}.risk-row>span{margin-bottom:2px}}
@media(max-width:520px){.panel{border-radius:10px}.health-strip{flex-wrap:wrap}.health-title{width:100%}.metric-card strong{font-size:17px}}
@media(min-width:1561px){.dashboard-layout{padding:10px 18px;gap:10px}.left-column,.center-column,.right-column{gap:10px}}