/* Maison Andre - version 2.0 - chantier ouvert le 1er aout 2026 */
/* ===========================================================================
   MAQUETTES DES ONGLETS D EXPERTISE
   Les 17 vignettes qui illustrent les outils. Rien ici ne sert la page
   elle-meme : c est de l illustration, isolee pour que la feuille du site
   reste lisible. Deux couches : le dessin, puis ce qui doit le corriger.
   =========================================================================== */
@layer maquettes{
.pms-wrap{aspect-ratio:4/3;background:var(--paper);border-radius:4px;overflow:hidden;box-shadow:var(--e1)}
.pms{width:100%;height:100%;display:flex;flex-direction:column;font-family:var(--sans)}
.pms-corner{border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.pms-day{display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);border-right:1px solid rgba(59,18,23,.05);color:var(--muted);font-size:7.6px}
.pms-room{display:flex;align-items:center;padding-left:8px;border-right:1px solid var(--line);border-bottom:1px solid rgba(59,18,23,.06);color:var(--ink);font-size:8.1px;font-weight:500;white-space:nowrap}
.pms-cell{border-right:1px solid rgba(59,18,23,.05);border-bottom:1px solid rgba(59,18,23,.05)}
.tool-wrap{aspect-ratio:4/3;background:var(--paper);border-radius:4px;overflow:hidden;box-shadow:var(--e1)}
.tool-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line);background:#EFE4D3;flex:0 0 auto}
.tool-dot{width:8px;height:8px;border-radius:50%;background:#CBB89C;display:inline-block}
.tool-dot.first{background:#C98B6A}
.tool-title{font-size:9.3px;font-weight:600;margin-left:6px}
.tool-meta{margin-left:auto;font-size:8.1px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.chan-h{display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);color:var(--muted);font-size:7.6px}
.chan-h.l{justify-content:flex-start;padding-left:10px}
.chan-c{display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(59,18,23,.05);color:var(--ink)}
.chan-c.l{justify-content:flex-start;padding-left:10px;font-weight:600;border-right:1px solid var(--line)}
.chan-c.ref{color:var(--muted)}
.chan-c.warn{background:rgba(201,139,66,.18);color:#3B1217;font-weight:700;border-radius:3px;margin:3px}
.chan-st{display:flex;align-items:center;gap:5px;justify-content:center;font-size:7.6px;border-bottom:1px solid rgba(59,18,23,.05);color:var(--ink)}
.chan-st.mut{color:var(--muted);font-size:7.2px}
.st-dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}
.st-ok{background:#8E9B7E}
.st-warn{background:#C98B6A}
.crm-ava{width:42px;height:42px;border-radius:50%;background:#3B1217;color:#F7EFE3;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex:0 0 auto}
.crm-name{font-size:14px;font-weight:600}
.crm-tags span{font-size:7.2px;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid var(--line);color:var(--accent)}
.panel-img.pms-wrap, .panel-img.tool-wrap{aspect-ratio:6/5}
.pms-kpis{display:flex;border-bottom:1px solid var(--line);flex:0 0 auto}
.pms-kpis>div{flex:1;padding:7px 10px;border-right:1px solid rgba(59,18,23,.06)}
.pms-kpis>div:last-child{border-right:none}
.pms-kpis b{display:block;font-size:11.0px;font-weight:600;color:var(--ink);line-height:1.1}
.pms-kpis>div span{font-size:6.4px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.pms-grid{flex:1;display:grid;grid-template-columns:1.5fr repeat(12,1fr);grid-template-rows:20px repeat(7,1fr)}
.pms-res{letter-spacing:.01em;margin:2px 2px;border-radius:3px;display:flex;align-items:center;padding:0 5px;font-size:7.2px;font-weight:600;white-space:nowrap;overflow:hidden}
.pms-res.s1{background:#3B1217;color:#F7EFE3}
.pms-res.s2{background:#7A4A34;color:#F7EFE3}
.pms-res.s3{background:#CBA877;color:#3B1217}
.pms-res.opt{background:repeating-linear-gradient(45deg,#EFE4D3,#EFE4D3 3px,#E4D6C0 3px,#E4D6C0 7px);color:#7A4A34;border:1px dashed #C4A87E}
.chan-chip{font-size:7.2px;letter-spacing:.03em;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.chan-chip.warn{border-color:#C98B6A;color:#3B1217;background:rgba(201,139,66,.12)}
.chan-grid{flex:1;display:grid;grid-template-columns:1.5fr repeat(6,1fr) 1.15fr;font-size:8.1px;grid-template-rows:22px repeat(5,1fr)}
.chan-mix-leg span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px;vertical-align:0;background:var(--c)}
.crm-contact{font-size:7.2px;color:var(--muted);line-height:1.5;margin-top:2px}
.crm-stat4 b{display:block;font-size:10.2px;font-weight:600;color:var(--ink);line-height:1.1}
.crm-stat4 span{font-size:6.0px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.crm-chart-lbl{font-size:6.4px;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.crm-bars i:nth-child(even){background:#CBA877}
.crm-flow{margin-top:auto;display:flex;gap:7px;padding:9px 13px;border-top:1px solid var(--line);flex:0 0 auto;flex-wrap:wrap}
.crm-flow span{font-size:7.2px;padding:4px 9px;border-radius:999px;display:flex;align-items:center;gap:6px}
.crm-flow .ok{background:rgba(142,155,126,.20);color:#556047}
.crm-flow .ok::before{content:'';width:6px;height:6px;border-radius:50%;background:#8E9B7E}
.crm-flow .pend{background:rgba(201,139,66,.16);color:#3B1217}
.crm-flow .pend::before{content:'';width:6px;height:6px;border-radius:50%;background:#C98B6A}
.comm-table{font-size:7.2px}
.comm-h, .comm-row{display:grid;grid-template-columns:1.6fr .8fr 1fr 1fr;gap:6px;align-items:center}
.comm-h{font-size:6.0px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding-bottom:5px}
.comm-row{padding:3.5px 0;border-top:1px solid rgba(59,18,23,.05)}
.comm-name{color:var(--ink);font-weight:600}
.comm-date{color:var(--muted)}
.comm-s{justify-self:start;font-size:6.4px;padding:2px 7px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.comm-s.op{background:rgba(142,155,126,.20);color:#556047}
.comm-s.op::before{content:'';width:5px;height:5px;border-radius:50%;background:#8E9B7E}
.comm-s.no{color:var(--muted)}
.comm-s.no::before{content:'';width:5px;height:5px;border-radius:50%;background:#CBB89C;display:inline-block}
.comm-s.conv{background:#3B1217;color:#F7EFE3}
.comm-s.clic{border:1px solid #C9AE86;color:#3B1217}
.comm-s.none{color:var(--muted)}
.crm-body2{flex:1;display:flex;flex-direction:column;gap:10px;padding:12px 15px;min-height:0}
.crm-head{display:flex;gap:12px;align-items:center}
.crm-idn{min-width:0}
.crm-tags{display:flex;gap:5px;margin-top:6px}
.crm-stat4>div{flex:1;background:#EFE4D3;border-radius:4px;padding:6px 8px}
.crm-chart{margin-top:2px}
.crm-comms{padding:9px 13px;border-top:1px solid var(--line);flex:0 0 auto;margin-top:2px}
.panel-img.crm-wrap{aspect-ratio:auto}
.tool.crm{height:auto;overflow:hidden}
.panel-img.wtool{aspect-ratio:auto}
.wtool>.tool{height:auto}
.zw-nav{display:flex;align-items:center;gap:8px}
.zw-logo{width:46px;height:12px;background:#3B1217;border-radius:3px}
.zw-menu{display:flex;gap:9px;margin-left:auto}
.zw-menu i{width:26px;height:7px;background:#DBCBB2;border-radius:3px;display:block}
.zw-cta{width:52px;height:16px;background:#3B1217;border-radius:4px;margin-left:6px}
.zw-ph{font-size:8.5px;letter-spacing:.18em;color:#A38B66;font-weight:600}
.zw-ph.big{font-size:10.2px}
.zw-hero-ov .zl{background:#B49B76}
.zl{height:8px;background:#DBCBB2;border-radius:3px;display:block}
.zw-band{margin-top:2px}
.zw-lbl{font-size:8.5px;font-weight:700;color:#3B1217;letter-spacing:.02em}
.zw-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}
.zw-card{border:1px solid #E4D6C0;border-radius:5px;padding:7px;display:flex;flex-direction:column;gap:6px}
.zw-card .zw-ph{height:44px;background:repeating-linear-gradient(45deg,#E9DDC8,#E9DDC8 5px,#E1D2B8 5px,#E1D2B8 10px);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:6.8px}
.zw-cl{display:flex;flex-direction:column;gap:4px}
.zw-foot span{flex:1;height:26px;background:#EFE4D3;border-radius:4px}
/* zoning : contraste charte */
.zw-hero-ov .zl:first-child{background:#3B1217;height:9px}
.zw-cards .zw-cl .zl:first-child{background:#7A4A34}
.zw-split .zw-cl .zl:nth-child(1){background:#7A4A34}
.jn-row{display:flex}
.jn-c{flex:1;display:flex;justify-content:center;align-items:center;text-align:center}
.jn-phase{font-size:7.6px;font-weight:600;color:var(--ink);letter-spacing:.01em}
.jn-nodes::before{content:'';position:absolute;left:9%;right:9%;top:50%;height:2px;background:#CBA877;transform:translateY(-50%)}
.jn-node{width:28px;height:28px;border-radius:50%;background:#3B1217;color:#F7EFE3;display:flex;align-items:center;justify-content:center;font-size:10.2px;font-weight:700;position:relative;z-index:1;box-shadow:0 0 0 4px var(--paper)}
.jn-tool{font-size:7.2px;letter-spacing:.03em;color:#3B1217;border:1px solid #C9AE86;border-radius:999px;padding:3px 9px;white-space:nowrap}
.an-leg{display:flex;gap:11px;font-size:6.8px;color:var(--muted)}
.an-leg em{font-style:normal;display:flex;align-items:center;gap:4px}
.an-leg em::before{content:'';width:10px;height:2px;display:inline-block}
.an-leg em.s1::before{background:#3B1217}
.an-leg em.s2::before{background:#7A4A34;height:0;border-top:2px dashed #7A4A34}
.an-graph svg{display:block;width:100%;height:100%}
.gt-grade{position:relative;width:64px;height:64px;flex:0 0 auto}
.gt-letter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#5f6b3f}
.gt-scores{flex:1;display:flex;flex-direction:column;gap:11px}
.gt-sc-top{display:flex;justify-content:space-between;font-size:8.5px;color:var(--ink);margin-bottom:4px}
.gt-sc-top b{font-weight:700}
.gt-sc-bar{height:7px;border-radius:4px;background:#E7D9C2;overflow:hidden}
.gt-sc-bar i{display:block;height:100%;background:#7E9A5E;border-radius:4px}
.gt-v{background:#EFE4D3;border-radius:5px;padding:8px 6px;text-align:center}
.gt-vn{display:block;font-size:6.8px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.gt-vv{font-size:10.2px;font-weight:700}
.gt-vv.ok{color:#5f6b3f}
.gt-vv.warn{color:#3B1217}
.gt-load-lbl{font-size:6.8px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.gt-load-bar{display:flex;height:9px;border-radius:5px;overflow:hidden}
.gt-load-leg{display:flex;gap:12px;margin-top:7px;font-size:6.8px;color:var(--muted);flex-wrap:wrap}
.gt-load-leg span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px;background:var(--c);vertical-align:0}
.cx-card-h{background:#EFE4D3;padding:4px 6px;font-size:6.8px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line);text-align:center}
.cx-price{font-size:7.2px;font-weight:700;color:#3B1217;text-align:right}
.cx-total{display:flex;justify-content:space-between;align-items:baseline;font-size:6.8px;color:var(--muted)}
.cx-total b{font-size:10.2px;color:var(--ink);font-weight:700}
.cx-pay{background:#3B1217;color:#F7EFE3;border-radius:3px;font-size:6.8px;font-weight:600;text-align:center;padding:4px 0}
.cx-name{font-size:7.6px;font-weight:700;color:var(--ink)}
.cx-det{font-size:6.6px;color:var(--muted);line-height:1.45}
.cx-line{display:flex;justify-content:space-between;font-size:6.8px;color:var(--ink-soft)}
.cx-line b{font-weight:600;color:var(--ink)}
.cx-sep{height:1px;background:var(--line);margin:2px 0}
.cx-conn{font-size:6.0px;color:var(--muted);display:flex;align-items:flex-start;justify-content:center;gap:4px;line-height:1.3;text-align:center}
.cx-conn .d{width:5px;height:5px;border-radius:50%;background:#8E9B7E;flex:0 0 auto;margin-top:2px}
.cx-arrow{color:#C9AE86;font-size:15px;flex:0 0 auto;align-self:flex-start;margin-top:30px;font-weight:700}
.ds-r1{display:flex;gap:14px;align-items:center}
.ds-clear{flex:0 0 auto}
.ds-clearbox{border:1px dashed #C4A87E;border-radius:6px;padding:11px}
.ds-mono{letter-spacing:.02em;width:38px;height:38px;border-radius:8px;background:#3B1217;color:#F3E8DA;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.ds-r1c{flex:1;min-width:0}
.ds-cap{font-size:6.8px;color:var(--muted);letter-spacing:.03em;margin-bottom:8px}
.ds-type{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0;display:flex;flex-direction:column;gap:5px}
.ds-ty b{display:block;font-size:14px;color:var(--ink);line-height:1.1}
.ds-ty b.disp{font-family:var(--display);font-weight:500;font-size:17px}
.ds-ty span{font-size:6.4px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.ds-colors{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}
.ds-sw span{display:block;height:26px;border-radius:5px;border:1px solid rgba(59,18,23,.08)}
.ds-sw em{display:block;font-style:normal;font-size:7.6px;font-weight:600;color:var(--ink);margin-top:4px}
.ds-sw i{letter-spacing:.03em;font-style:normal;font-size:6.4px;color:var(--muted)}
.ds-ddg{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.dd{border-radius:5px;padding:7px 9px;font-size:7.6px}
.dd.ok{background:rgba(142,155,126,.16)}
.dd.no{background:rgba(201,139,66,.13)}
.dd-h{display:block;font-size:6.4px;font-weight:700;letter-spacing:.04em;margin-bottom:2px}
.dd.ok .dd-h{color:#556047}
.dd.no .dd-h{color:#3B1217}
.dd-b{color:var(--ink)}
/* Maquette Photo */
.sh{padding:11px 14px;display:flex;flex-direction:column;gap:9px}
.pc-cov{display:flex;flex-direction:column;gap:6px}
.pc-row{display:grid;grid-template-columns:1.2fr 2fr .7fr 1.1fr;gap:8px;align-items:center;font-size:7.6px}
.pc-n{color:var(--ink);font-weight:600}
.pc-bar{height:7px;border-radius:4px;background:#E7D9C2;overflow:hidden}
.pc-bar i{display:block;height:100%;background:#3B1217;border-radius:4px}
.pc-v{color:var(--muted);text-align:right}
.pc-st{font-size:6.8px;text-align:right}
.pc-st.ok{color:#556047}
.pc-st.miss{color:#3B1217;font-weight:600}
.sh-lbl{font-size:6.8px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-top:2px}
.gt{display:grid;grid-template-columns:1.1fr repeat(5,1fr);gap:0;font-size:7.2px}
.gt-cell{border-bottom:1px solid rgba(59,18,23,.05);border-right:1px solid rgba(59,18,23,.05);min-height:22px;display:flex;align-items:center;justify-content:center}
.gt-corner{border-bottom:1px solid var(--line)}
.gt-hd{color:var(--muted);border-bottom:1px solid var(--line);font-size:6.8px}
.gt-lab{justify-content:flex-start;padding-left:6px;color:var(--ink);font-weight:600;border-right:1px solid var(--line)}
.gt-b{margin:4px 2px;border-radius:3px;border-bottom:1px solid rgba(59,18,23,.05)}
.gt-b.s1{background:#3B1217}
.gt-b.s2{background:#7A4A34}
.gt-b.s3{background:#CBA877}
.pr3-lbl{font-size:6.4px;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin-top:3px}
.jf-av{width:28px;height:28px;border-radius:50%;background:#3B1217;color:#F7EFE3;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:700;flex:0 0 auto}
.jf-b{flex:1;min-width:0}
.jf-b b{display:block;font-size:8.5px;color:var(--ink)}
.jf-b span{font-size:6.8px;color:var(--muted)}
.jf-r{text-align:right}
.jf-st{font-size:6.8px;font-weight:600;display:block}
.jf-st.pub{color:#556047}
.jf-r em{font-style:normal;font-size:6.4px;color:var(--muted)}
.ymrow{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.ym{aspect-ratio:1/1;border-radius:4px;background:#EFE4D3;display:flex;align-items:center;justify-content:center;font-size:6.8px;color:var(--muted);position:relative}
.ym.pub{background:#3B1217;color:#F7EFE3;font-weight:700}
.ym.nx{background:none;border:1px dashed #C98B6A;color:#3B1217;font-weight:700}
.cq-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cq-box{background:#EFE4D3;border-radius:6px;padding:8px 10px}
.cq-lbl{font-size:6.4px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.cq-tt{font-size:6.4px;background:#7A4A34;color:#F7EFE3;border-radius:3px;padding:2px 6px;display:inline-block;margin-bottom:4px}
.cq-top{font-size:14px;color:var(--ink);display:block}
.cq-box em{font-style:normal;font-size:7.2px;color:var(--muted)}
.cq-chart .cq-lbl{margin-bottom:4px}
.ak-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.ak-tx b{display:block;font-size:8.5px;color:var(--ink)}
.ak-tx span{font-size:6.8px;color:var(--muted)}
.ak-st{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%}
.ak-st.done{background:#8E9B7E}
.ak-st.prog{background:#C98B6A}
.ak-foot{display:flex;gap:16px;align-items:center;padding-top:9px;border-top:1px solid var(--line);font-size:7.6px;color:var(--muted)}
.ak-foot b{color:var(--ink)}
.ak-lg{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:6.8px}
.ak-lg i{width:8px;height:8px;border-radius:50%;display:inline-block}
.ak-lg i.done{background:#8E9B7E}
.ak-lg i.prog{background:#C98B6A}
.grow{flex:1;min-height:0}
.ds-ddg.grow{align-content:stretch}
.gt.grow{align-content:stretch}
.cq-fmts{display:flex;flex-wrap:wrap;gap:5px}
.cq-fchip{font-size:7.6px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:3px 8px}
.cq-fchip b{color:#3B1217}
.cq-com{display:flex;align-items:center;gap:8px;background:#EFE4D3;border-radius:6px;padding:7px 9px}
.cq-cav{width:24px;height:24px;border-radius:50%;background:#7A4A34;color:#F7EFE3;font-size:7.2px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cq-ct{flex:1;min-width:0;font-size:7.6px;color:var(--ink)}
.cq-ct em{display:block;font-style:normal;font-size:6.4px;color:var(--muted);margin-top:1px}
.cq-cs{font-size:6.4px;padding:2px 7px;border-radius:999px}
.cq-cs.pos{background:rgba(142,155,126,.2);color:#556047}
.cq-svg svg{display:block;width:100%;height:100%}
.cq-foot{display:flex;gap:14px;font-size:7.2px;color:var(--muted);padding-top:2px}
.cq-foot b{color:var(--ink)}
.ak-clbl{font-size:6.4px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.am2-items{margin-top:2px;display:flex;flex-wrap:wrap;gap:5px}
.am2-it{display:flex;align-items:center;gap:5px;font-size:7.2px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:3px 7px}
.am2-ck{position:relative;width:10px;height:10px;border-radius:3px;flex:0 0 auto;background:#8E9B7E}
.am2-it.miss{color:#3B1217}
.am2-it.miss .am2-ck{background:none;border:1px dashed #C98B6A}
/* Cale la hauteur sur la maquette PMS */
.imgtool .ds{gap:7px;padding:11px 14px}
.imgtool .ds-clearbox{padding:8px}
.imgtool .ds-ddg{gap:6px}
.imgtool .ds-ddg .dd{padding:5px 8px}
.imgtool .pms-kpis>div{padding:5px 10px}
.imgtool .cq-lbl{margin-bottom:4px}
.imgtool .cq-top{font-size:11.0px}
.imgtool .cq-ct em{font-size:6.0px;margin-top:0}
.imgtool .cq .pms-kpis>div{padding:4px 10px}
.panel-img.imgtool:has(.cq){aspect-ratio:auto}
.imgtool:has(.cq)>.tool{height:auto}
.panel-img.imgtool{aspect-ratio:auto}
.imgtool>.tool{display:flex;flex-direction:column;height:auto}
.imgtool .ds, .imgtool .sh, .imgtool .pr3, .imgtool .cq, .imgtool .ak{display:flex;flex-direction:column;flex:none;min-height:auto}
.imgtool .grow{flex:none;min-height:auto}
.jf-st.int{color:#3B1217}
.imgtool .ak{gap:8px}
.imgtool .ak-ic{height:24px}
.imgtool .ak-card{padding:8px;gap:5px}
.imgtool .ak-grid{min-height:auto;gap:7px}
.an2-graph svg{display:block;width:100%;height:100%}
.gp-seg{display:flex;gap:0;background:#EFE4D3;border-radius:6px;padding:2px;margin-bottom:2px}
.gp-seg span{flex:1;text-align:center;font-size:7.2px;padding:4px;border-radius:5px;color:var(--muted)}
.gp-seg span.on{background:var(--paper);color:var(--ink);font-weight:600}
.gp-lbl{font-size:6.4px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-top:3px}
.gp-ck{font-size:7.6px;color:var(--ink);display:flex;align-items:center;gap:7px;padding:1px 0}
.gp-ck::before{content:'';width:12px;height:12px;border-radius:3px;border:1px solid var(--line);background:var(--paper);flex:0 0 auto}
.gp-ck.on::before{background:#3B1217;border-color:#3B1217}
.db-nav{display:flex;gap:14px;border-bottom:1px solid var(--line);padding-bottom:7px}
.db-nav span{font-size:7.6px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.db-nav span.on{color:var(--ink);font-weight:700;position:relative}
.db-nav span.on::after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#3B1217}
.an2-graph.big svg{display:block;width:100%;height:100%}
/* Maquette Generateur de proposition */
.gp-doc2{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:6px}
.gp-brand{font-family:var(--display);font-size:11.0px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-align:center}
.gp-meta{font-size:6.8px;color:var(--muted);text-align:center;margin-bottom:3px}
.gp-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:6px;margin-top:auto;font-size:7.6px;color:var(--muted)}
.gp-tot b{font-size:14px;color:var(--ink)}
.gp-send{background:#3B1217;color:#F7EFE3;border-radius:5px;padding:7px;font-size:7.6px;font-weight:600;text-align:center}
.pole-h{font-size:8.1px;font-weight:700;color:var(--ink);letter-spacing:.02em;margin-bottom:8px}
.pole-k{display:flex;justify-content:space-between;align-items:baseline}
.pole-k span{font-size:6.4px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.gc-head2{display:flex;justify-content:space-between;align-items:center}
.rm-lbl{font-size:6.8px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.rm-prog{font-size:7.6px;color:#3B1217;font-weight:700}
.gc-cell{min-height:21px;border-bottom:1px solid rgba(59,18,23,.05);border-right:1px solid rgba(59,18,23,.05);display:flex;align-items:center;justify-content:center}
.gc-corner{border-bottom:1px solid var(--line)}
.gc-b{margin:4px 2px;border-radius:3px;border-bottom:1px solid rgba(59,18,23,.05)}
.gc-b.done{background:#8E9B7E}
.gc-b.prog{background:#3B1217}
.gc-b.wait{background:#DBCBB2}
.gc-ms{color:#3B1217;font-size:9.3px}
.gc-leg{display:flex;gap:13px;font-size:6.8px;color:var(--muted)}
.gc-leg span{display:flex;align-items:center;gap:5px}
.gc-leg i{width:9px;height:9px;border-radius:2px;display:inline-block}
.gc-leg i.done{background:#8E9B7E}
.gc-leg i.prog{background:#3B1217}
.gc-leg i.wait{background:#DBCBB2}
.gc-leg i.ms{background:none;color:#3B1217;font-size:8.5px;width:auto;height:auto}
.gp-doc2{padding:11px;gap:5px}
.db-foot{display:flex;align-items:center;gap:14px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line);font-size:7.2px;color:var(--muted)}
.db-foot b{color:var(--ink)}
.db-live{margin-left:auto;display:flex;align-items:center;gap:5px}
.db-live i{width:6px;height:6px;border-radius:50%;background:#8E9B7E;display:inline-block}
.gc-lab{justify-content:flex-start;padding-left:6px;color:var(--ink);font-weight:600;border-right:1px solid var(--line);white-space:nowrap;overflow:hidden;font-size:6.8px}
.gc-hd{color:var(--muted);border-bottom:1px solid var(--line);font-size:6.0px}
.at{flex:1;min-height:0;padding:6px 12px;display:flex}
.at svg{display:block;width:100%;height:100%}
.at-foot{display:flex;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--line);font-size:7.2px;color:var(--muted)}
.tool.crm .comm-row, .tool.crm .comm-h{padding:2px 0}
.tool.crm .crm-stat4>div{padding:4px 7px}
.tool.crm .crm-chart-lbl{margin-bottom:3px}
.jn-nodes{position:relative;margin:6px 0}
.cx-ex-lbl{font-size:6.8px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-align:center;margin-bottom:5px}
.jn-note{color:var(--muted);line-height:1.5;text-align:center;padding:5px 14px 8px;font-size:7.2px}
.an2-graph{height:58px}
/* Maquette Generateur : corps */
.gp{display:flex;padding:8px 11px;gap:9px}
.gp-doc2{padding:9px;gap:4px}
/* Maquette Amenities */
.ak{display:flex;flex-direction:column}
.ak-ic{border-radius:4px;background:repeating-linear-gradient(45deg,#E4D6C0,#E4D6C0 5px,#DCCBB0 5px,#DCCBB0 10px)}
.ak-card{background:#EFE4D3;border-radius:6px;display:flex;flex-direction:column;position:relative}
.ak-comp{background:#EFE4D3;border-radius:6px;padding:6px 9px}
/* Maquette Presse */
.pr3{display:flex;flex-direction:column;gap:5px;padding:6px 13px 9px}
.jf{display:flex;align-items:center;gap:10px;background:#EFE4D3;border-radius:6px;padding:5px 9px}
.gc-cell{min-height:19px}
/* Maquette Identite */
.ds{flex:1;justify-content:space-between;display:flex;flex-direction:column}
.ds-ddg .dd{display:flex;flex-direction:column;justify-content:center}
.tool.crm .comm-h{display:none}
.an2-graph:not(.big){height:44px}
.gp-cfg{width:42%;display:flex;flex-direction:column}
/* Maquette CRM */
.tool.crm .crm-body2{padding:8px 12px}
/* Maquette Construction : pied de page */
.zw-foot{gap:10px;margin-top:2px;padding-top:9px;border-top:1px solid #E4D6C0;display:flex}
.an2{display:flex;flex-direction:column}
/* Maquette Roadmap : hauteur des rangees */
.gc-cell{min-height:23px}
.gc-cell{min-height:20px}
.gt-pg-bar i{display:block;height:100%;background:#3B1217;border-radius:3px}
.gt-pg-bar i.warn{background:#C98B6A}
.gt-dot.warn{background:#C98B6A}
.gt-ticks{display:flex;gap:2px;margin-top:5px}
.gt-ticks i.warn{background:#C98B6A}
.at-foot{gap:14px}
.at-foot .atl{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.at-foot .atl::before{content:'';width:16px;height:0;display:inline-block}
.at-foot .atl.d1::before{border-top:1.4px dashed #CBA877}
.at-foot .atl.d2::before{border-top:1.6px solid #3B1217}
/* Le plan ne distingue plus reservation et paiement, qui ne disaient rien
   au lecteur, mais flux releve et flux rompu : c est ce que la cartographie
   produit reellement. */
.at-foot .atl.d3::before{border-top:1.4px dashed #8C3B3B}
.at-foot .atl.d3{color:#8C3B3B;font-weight:600}
.at-foot .atr{margin-left:auto}
.pms-grid-c{flex:0 0 auto;grid-template-rows:16px repeat(7,17px)}
.pms-grid-c .pms-res{margin:2px 2px;font-size:6.8px}
.pms-grid-c .pms-room{font-size:7.2px}
.pms-grid-c .pms-day{font-size:6.8px}
.pms-arr-lbl{font-size:6.4px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}
.pms-av{width:20px;height:20px;border-radius:50%;background:#7A4A34;color:#F7EFE3;font-size:6.8px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.pms-ai{flex:1;min-width:0}
.pms-ai b{color:var(--ink)}
.pms-ai span{color:var(--muted);font-size:6.8px;margin-left:6px}
.pms-at{color:var(--ink);font-weight:600;font-size:7.2px}
.pms-as{font-size:6.0px;padding:2px 7px;border-radius:999px;white-space:nowrap}
.pms-as.vip{background:rgba(142,155,126,.2);color:#556047}
.pms-as.late{background:rgba(201,139,66,.16);color:#3B1217}
.pms-as.dir{background:#EFE4D3;color:var(--muted)}
.anc-n{color:var(--ink)}
.anc-b{height:6px;border-radius:3px;background:#E7D9C2;overflow:hidden}
.anc-b i{display:block;height:100%;border-radius:3px}
.anc-r b{text-align:right;color:var(--muted)}
.an-graph{margin-top:7px}
.anc-lbl{font-size:6.4px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.anc-r{display:grid;grid-template-columns:1.2fr 2fr .6fr;gap:6px;align-items:center;font-size:7.2px;padding:1px 0}
.an-lbl{display:flex;justify-content:space-between;align-items:center}
.pole-k b{color:var(--ink)}
.pole-obj>span{font-size:6.0px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:3px}
.pole-ob{height:4px;border-radius:2px;background:#E0CBA8;overflow:hidden}
.pole-ob i{display:block;height:100%;background:#8E9B7E}
.chan-restr-lbl{font-size:6.4px;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.chan-rc{font-size:6.8px;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.chan-rc.warn{border-color:#C98B6A;color:#3B1217;background:rgba(201,139,66,.12)}
/* Maquette Roadmap : chiffres */
.gc-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}
.gc-stats b{display:block;font-size:10.2px;color:var(--ink);font-weight:600;line-height:1.1}
.gc-stats span{font-size:6.0px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.chan-mix-lbl{font-size:6.4px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.pole-ks{display:flex;flex-direction:column}
.pole-obj{margin-bottom:4px}
.db-note{color:var(--muted);font-size:7.2px;line-height:1.35}
.gc-cell{min-height:18px}
.chan-sub{display:flex;gap:7px;border-bottom:1px solid var(--line);flex:0 0 auto}
.chan-restr{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line)}
.chan-mix{border-top:1px solid var(--line);flex:0 0 auto}
.chan-mix-bar{display:flex;border-radius:5px;overflow:hidden;height:8px}
.chan-mix-leg{display:flex;gap:11px;flex-wrap:wrap;font-size:6.8px;color:var(--muted);margin-top:5px}
.gc-wrap{display:flex;flex-direction:column}
.gc-stats>div{background:#EFE4D3;border-radius:5px}
.zw-hero-ov{position:absolute;left:12px;bottom:9px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.zw-split{grid-template-columns:1fr 1.3fr;gap:10px;align-items:center}
.zw-fcol{display:flex;flex-direction:column;gap:3px}
.zw-fh{font-size:6.0px;letter-spacing:.06em;text-transform:uppercase;color:#3B1217;margin-bottom:2px}
.zw-fcol .zl{height:4px;background:#DBCBB2;border-radius:2px}
.zw-split .zw-ph{background:repeating-linear-gradient(45deg,#E9DDC8,#E9DDC8 5px,#E1D2B8 5px,#E1D2B8 10px);border-radius:4px;display:flex;align-items:center;justify-content:center}
.zw-foot.cols{grid-template-columns:1fr 1fr 1fr 1fr;background:none;border-top:1px solid #E4D6C0;gap:10px;padding-top:6px}
.zw-book{width:130px;background:#3B1217;border:none;border-radius:4px;margin-top:3px;height:12px}
.imgtool .cq-box{padding:6px 9px}
.imgtool .cq-chart{flex:none}
.imgtool .cq-foot{gap:12px;font-size:6.8px;line-height:1;padding-top:0}
.imgtool .cq{padding:8px 13px 8px}
.tool .an2{flex:1;min-height:0;display:flex;flex-direction:column}
.an2-graph.big{flex:1;min-height:70px}
.tool .gc-wrap{flex:1;min-height:0;display:flex;flex-direction:column}
.gc{display:grid;font-size:6.8px;grid-template-columns:2fr repeat(8,1fr);flex:1;min-height:0}
.tool .db{flex:1;min-height:0;display:flex;flex-direction:column}
.tool .gp{flex:1;min-height:0;align-items:stretch}
.gp-cfg, .gp-doc2{display:flex;flex-direction:column}
.db{padding:11px 13px;display:flex;flex-direction:column}
.db-kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}
.db-card{border:1px solid var(--line);border-radius:7px;padding:7px 8px;background:#fff;display:flex;flex-direction:column;gap:5px}
/* Nocken ne dessine pas les lettres accentuees : elles basculent sur la police de secours et jurent au milieu du mot. Les libelles des maquettes sont donc tous sur --sans, comme le reste du texte courant des vignettes. */
.db-card .pole-h{font-family:var(--sans);font-size:10px;letter-spacing:.03em;color:var(--ink)}
.db-card .pole-ks{display:flex;gap:9px}
.db-card .pole-k{display:flex;flex-direction:column;gap:1px}
.db-card .pole-k span{font-size:6.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.db-card .pole-k b{font-size:11px;color:var(--ink);font-weight:600}
.db-card .pole-obj{display:flex;align-items:center;gap:6px}
.db-card .pole-obj span{font-size:6.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap}
.db-card .pole-ob{flex:1;height:3px;border-radius:2px;background:#EBDEC9;overflow:hidden}
.db-card .pole-ob i{display:block;height:100%;background:var(--accent)}
.db-chart{margin-top:2px;flex:1;min-height:0;display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px 9px 6px}
.db-chart-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.db-chart-t{font-size:7.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.db-leg{display:flex;gap:11px;align-items:center}
.db-leg span{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:var(--ink-soft)}
.db-leg span::before{content:"";width:10px;height:2px;border-radius:2px}
.db-leg .k1::before{background:#3B1217}
.db-leg .k2::before{background:#7A4A34}
.db-leg .k3::before{background:#B87A45}
.db-chart .an2-graph{flex:1;min-height:0;width:100%}
.gp-rooms{display:flex;gap:6px}
.gp-room{flex:1;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}
/* La carte retenue se signale par la couleur du trait, pas par un second trait. Une ombre interne ajoutee a la bordure donnait deux traces qui ne suivent pas le meme arrondi : contour irregulier des que la maquette est grossie. */
.gp-room.on{border-color:var(--accent)}
.gp-th{height:30px;background:linear-gradient(135deg,#C9A27A,#3B1217)}
.gp-th.th2{background:linear-gradient(135deg,#D9C3A5,#7A4A34)}
.gp-th.th3{background:linear-gradient(135deg,#E7D6BC,#B87A45)}
.gp-rn{font-size:8.5px;font-weight:600;color:var(--ink);padding:3px 5px 0;line-height:1.1}
.gp-rp{font-size:7.5px;color:var(--muted);padding:0 5px 4px}
.gp-doc2{display:flex;flex-direction:column}
.gp-to{font-size:7.5px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:3px}
.gp-sub{display:flex;justify-content:space-between;align-items:baseline;font-size:8.5px;color:var(--ink-soft);padding:1px 0}
.gp-sub b{font-weight:600}
.gp-rem{color:var(--accent)}
.gp-rem b{color:var(--accent)}
.ds, .sh, .ak, .pr3{flex:1;min-height:0;display:flex;flex-direction:column}
.an-cols{display:grid;grid-template-columns:1fr 1fr;padding:4px 13px 8px;gap:14px;flex:1;min-height:0}
.cq{padding:10px 14px 12px;gap:9px;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between}
.cq .cq-chart.grow{flex:0 0 auto}
.tool .grow{flex:1 1 auto;min-height:0}
.gt-top{display:flex;align-items:center;gap:16px}
.gt-vitals{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}
.gt-load{flex:0 0 auto;border-top:1px solid var(--line)}
.gt-lblrow{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.gt-kpis{font-size:6.6px;letter-spacing:.03em;text-transform:none;color:var(--muted);font-weight:600}
.gt-pages{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;padding:6px 16px 6px;border-top:1px solid var(--line)}
.gt-pg{display:flex;align-items:center;gap:8px;margin-top:2px}
.gt-pages .gt-load-lbl{margin-bottom:2px}
.gt-pg-n{flex:0 0 32%;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:6.8px}
.gt-pg b{color:var(--ink);font-weight:700;flex:0 0 auto;font-size:6.8px}
.gt-pg-bar{flex:1;background:#EFE4D3;border-radius:3px;overflow:hidden;height:4px}
.gt-dot{border-radius:50%;background:#8E9B7E;flex:0 0 auto;width:5px;height:5px}
.gt-uptime{border-top:1px solid var(--line)}
.gt-ticks i{flex:1;border-radius:2px;background:#8E9B7E}
/* Barres de planning fines */
.gc-b, .gt-b{height:11px;align-self:center;margin:0 3px;border-radius:6px;border-bottom:none;box-shadow:0 1px 2px rgba(59,18,23,.08)}
.crm-stat4{grid-template-columns:1fr 1fr;display:flex;gap:6px;margin-top:6px}
.crm-prefs{font-size:8.9px;color:var(--ink-soft);line-height:1.55;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.crm-pl{display:block;font-size:6.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.crm-pchips{display:flex;flex-wrap:wrap;gap:4px}
.crm-pchips span{font-size:7.5px;color:var(--ink-soft);background:#EFE4D3;border-radius:20px;padding:2px 8px}
.crm-stay{display:flex;align-items:baseline;gap:8px;font-size:7.6px;color:var(--ink-soft);padding:1px 0}
.crm-stay .crm-sd{min-width:78px;color:var(--ink)}
.crm-stay .crm-sr{flex:1}
.crm-stay b{font-weight:600;color:var(--ink)}
.crm-bars{display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line);justify-content:space-between;height:46px}
.crm-bars i{background:#3B1217;border-radius:2px 2px 0 0;min-height:5px;flex:0 0 22px}
/* Maquette Construction : page haute */
.zw-page{background:var(--paper);flex:1;min-height:0;display:flex;flex-direction:column}
.zw-hero{border-radius:5px;background:repeating-linear-gradient(45deg,#E4D6C0,#E4D6C0 6px,#DCCBB0 6px,#DCCBB0 12px);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;height:46px;flex:1 1 auto;min-height:78px}
/* Maquette Analytics : colonnes calees en haut */
.an-col{display:flex;flex-direction:column;gap:7px}
/* Maquette Community : repartition reguliere */
.cq-plan{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.cq-plan .cq-lbl{width:100%;margin-bottom:1px}
.cq-pchip{font-size:7.4px;color:var(--ink-soft);background:#EFE4D3;border-radius:20px;padding:2px 8px}
.cq-cav.alt{background:#7A4A34}
.cq-cs.neu{color:var(--muted)}
/* Maquette Connexions : parcours compact */
.jn{padding:12px 14px 2px;min-height:0;display:flex;flex-direction:column}
.cx-ex{padding:2px 12px 0;min-height:0}
.cx-flow{display:flex;gap:3px;padding:0 4px;flex:1 1 auto;min-height:0;align-items:stretch}
.cx-item{flex:1;display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:0;height:100%}
.cx-card{border:1px solid var(--line);border-radius:6px;background:var(--paper);overflow:hidden;height:100%;display:flex;flex-direction:column}
.cx-card-b{padding:4px 6px;gap:3px;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.cx-ph{background:repeating-linear-gradient(45deg,#E9DDC8,#E9DDC8 4px,#E1D2B8 4px,#E1D2B8 8px);border-radius:3px;flex:0 0 auto;min-height:0}
.cq-svg{flex:1;min-height:40px;width:100%;height:auto;aspect-ratio:600/74}
.gp-props{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;margin-top:2px}
.gp-prop-img.room{background:linear-gradient(135deg,#C9A27A,#3B1217)}
.gp-prop-img.fb{background:linear-gradient(135deg,#D9C3A5,#7A4A34)}
.gp-prop-img.spa{background:linear-gradient(135deg,#E7D6BC,#B87A45)}
.gp-prop-b{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}
.gp-prop-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.gp-prop-h span{font-family:var(--sans);font-size:11px;letter-spacing:.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-prop-h b{font-size:11px;font-weight:600;color:var(--ink);white-space:nowrap}
.gp-prop-d{font-size:8px;color:var(--ink-soft);line-height:1.3}
.gp-prop-m{font-size:7.5px;color:var(--muted)}
.gp-intro{font-size:8.5px;line-height:1.45;color:var(--ink-soft);font-style:italic;margin:1px 0 3px}
.gp-outro{font-size:8px;line-height:1.42;color:var(--muted);font-style:italic;margin-top:5px}
.gp-prop{display:flex;gap:9px;align-items:stretch;min-height:30px;flex:1 1 auto}
.gp-prop-img{flex:0 0 60px;border-radius:6px;min-height:0}
.gp-th, .gp-th.th2, .gp-th.th3{background:repeating-linear-gradient(45deg,#E9DDC8,#E9DDC8 5px,#E1D2B8 5px,#E1D2B8 10px)}
.an2.anrep{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center}
.anrep-chart{width:100%;aspect-ratio:680/520;max-height:100%}
.anrep-chart svg{width:100%;height:100%;display:block}
.pms-arr{flex:1;min-height:0;padding:7px 12px;border-top:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-start}
.pms-arr-row{display:flex;align-items:center;gap:8px;font-size:7.2px}
@media (min-width:1600px){
  .an-cols{grid-template-rows:1fr}
  .an-cols .an-col{justify-content:space-between}
}
}

/* Corrections internes aux maquettes. Elles gagnaient autrefois au
   forcing, elles gagnent maintenant par leur couche. */
@layer maquettes-ajust{
.ak{gap:6px;padding:9px 13px}
.ak-ic{height:20px}
.ak-card{padding:7px;gap:4px}
.ds{gap:6px;padding:10px 13px}
.ds-ddg .dd{padding:4px 8px}
.tool.crm .crm-bars{height:26px}
.gp-cfg{gap:3px}
.gp-doc2{gap:3px}
.tool.crm .crm-body2{gap:4px}
.tool.crm .comm-row{padding:1px 0}
.an2{gap:6px;padding:8px 13px 10px}
.an-graph{height:58px}
.an-chart{padding:6px 12px 2px}
.an-lbl{margin-bottom:2px}
.pole-k b{font-size:9.3px}
.pole-ks{margin-bottom:4px;gap:3px}
.chan-sub{padding:5px 12px}
.chan-restr{padding:4px 12px}
.chan-mix{padding:5px 12px 6px}
.gc-cell{min-height:16px}
.gc-wrap{padding:9px 13px;gap:5px}
.gc-stats>div{padding:3px 8px}
.zw-split{display:grid}
.zw-cards .zw-card .zw-ph{height:24px}
.zw-split .zw-ph{height:36px}
.zw-foot.cols{display:grid}
.imgtool .cq-svg{flex:none;height:66px;min-height:66px}
.imgtool .cq{gap:5px}
.imgtool .cq-com{padding:3px 9px}
.an2-graph.big{height:116px}
.db{gap:7px}
.cq .cq-chart{flex:0 0 auto}
.gt-top{padding:7px 16px}
.gt-vitals{padding:2px 16px 6px}
.gt-load{padding:6px 16px 7px}
.gt-uptime{padding:5px 16px 7px}
.gt-ticks i{height:12px}
.zw-page{padding:8px;justify-content:flex-start;gap:9px}
.an-col{justify-content:flex-start}
.jn{flex:0 0 auto;justify-content:flex-start}
.cx-ex{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start}
.cx-ph{height:54px}
.gp-prop-img{background:repeating-linear-gradient(45deg,#E9DDC8,#E9DDC8 5px,#E1D2B8 5px,#E1D2B8 10px)}
.an2.anrep{padding:6px 4px 2px}
.pms-arr{gap:2px;padding-top:5px}
}