.product-page { background: #090d1d; }
.product-hero { padding: 150px 0 54px; }
.product-hero-grid { display: grid; grid-template-columns: 1fr .72fr; gap: 4rem; align-items: end; }
.product-hero h1 { max-width: 850px; }
.product-hero .lead { max-width: 650px; }
.product-proof { display: grid; grid-template-columns: repeat(3,1fr); gap: .65rem; }
.product-proof span { padding: .75rem; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #aeb7d0; background: rgba(255,255,255,.03); font-family: var(--font-mono); font-size: .58rem; }
.product-demo-section { padding: 0 0 110px; }
.product-shell { overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; background: #f5f7fb; box-shadow: 0 35px 90px rgba(0,0,0,.32); }
.product-topbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 58px; padding: .7rem 1rem; color: #172142; background: #fff; border-bottom: 1px solid #e1e5ef; }
.product-mark, .product-user, .product-actions, .product-view-tabs, .ui-filters, .order-summary, .order-tabs, .activity-meta { display: flex; align-items: center; gap: .65rem; }
.product-mark b { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; color: #fff; background: linear-gradient(135deg,#f1a044,#7b61ff); }
.product-mark strong { font-size: .78rem; }
.product-mark small, .product-user small { display: block; color: #8790a6; font-size: .55rem; }
.product-actions button, .ui-button { border: 1px solid #dfe3ec; border-radius: 8px; color: #485370; background: #fff; font-size: .64rem; padding: .48rem .65rem; }
.product-actions .primary, .ui-button.primary { color: #fff; border-color: transparent; background: linear-gradient(135deg,#7b61ff,#5d8cff); }
.product-body { display: grid; grid-template-columns: 188px 1fr; min-height: 650px; }
.product-sidebar { padding: 1rem .75rem; color: #bac3d8; background: #111728; }
.product-sidebar strong { display: block; padding: .4rem .55rem .8rem; color: #fff; font-size: .7rem; }
.product-nav { display: grid; gap: .25rem; }
.product-nav a { padding: .58rem .65rem; border-radius: 8px; font-size: .64rem; }
.product-nav a.active { color: #fff; background: linear-gradient(90deg,rgba(123,97,255,.28),rgba(93,140,255,.12)); }
.product-content { min-width: 0; padding: 1rem; color: #172142; }
.ui-titlebar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
.ui-titlebar h2 { margin: 0; color: #172142; font-size: 1.15rem; }
.ui-titlebar p { margin: .15rem 0 0; color: #7d879e; font-size: .65rem; }
.ui-card { border: 1px solid #e0e4ed; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(33,43,77,.05); }
.ui-filters { flex-wrap: wrap; padding: .7rem; margin-bottom: .75rem; }
.ui-filter { min-width: 120px; flex: 1; padding: .52rem .65rem; border: 1px solid #e0e4ed; border-radius: 7px; color: #8b94a8; background: #fafbfc; font-size: .58rem; }
.ui-table-wrap { overflow-x: auto; }
.ui-table { width: 100%; min-width: 820px; border-collapse: collapse; font-size: .6rem; }
.ui-table th { padding: .7rem; text-align: left; color: #6e7890; background: #f5f7fb; border-bottom: 1px solid #e2e6ef; font-family: var(--font-mono); font-size: .52rem; text-transform: uppercase; letter-spacing: .06em; }
.ui-table td { padding: .72rem; border-bottom: 1px solid #edf0f5; color: #52607c; }
.ui-table tr:last-child td { border-bottom: 0; }
.ui-table td strong { color: #172142; }
.ui-link { color: #526ee8; }
.ui-status { display: inline-flex; padding: .28rem .48rem; border-radius: 999px; color: #217353; background: #e8f7f0; font-size: .52rem; font-weight: 700; }
.ui-status.pending { color: #8b610e; background: #fff4d7; }
.ui-status.alert { color: #a23f43; background: #ffeaeb; }
.ui-pagination { display: flex; justify-content: space-between; padding: .7rem; color: #7f899f; font-size: .55rem; }
.ui-kpis { display: grid; grid-template-columns: repeat(4,1fr); gap: .7rem; margin-bottom: .8rem; }
.ui-kpi { padding: .9rem; }
.ui-kpi small { display: block; color: #7d879e; font-size: .55rem; }
.ui-kpi strong { display: block; margin-top: .25rem; font-size: 1.25rem; }
.ui-kpi i { display: block; width: 42px; height: 4px; margin-top: .7rem; border-radius: 4px; background: var(--kpi,#7b61ff); }
.kanban { display: grid; grid-template-columns: repeat(4,minmax(200px,1fr)); gap: .65rem; overflow-x: auto; }
.kanban-column { min-height: 500px; padding: .55rem; border-radius: 10px; background: #eef1f7; }
.kanban-head { display: flex; justify-content: space-between; padding: .35rem .25rem .65rem; color: #4c5874; font-size: .62rem; font-weight: 800; }
.task-card { padding: .7rem; margin-bottom: .5rem; border: 1px solid #dfe4ed; border-left: 3px solid var(--task,#7b61ff); border-radius: 8px; background: #fff; box-shadow: 0 5px 15px rgba(35,45,75,.05); }
.task-card strong { display: block; font-size: .62rem; }
.task-card p { margin: .35rem 0; color: #778198; font-size: .54rem; }
.task-card small { color: #8e97aa; font-size: .5rem; }
.calendar-toolbar { display: flex; justify-content: space-between; align-items: center; padding: .7rem; }
.calendar-grid { display: grid; grid-template-columns: repeat(7,minmax(115px,1fr)); min-width: 805px; border-top: 1px solid #e1e5ed; border-left: 1px solid #e1e5ed; }
.calendar-day { min-height: 128px; padding: .4rem; border-right: 1px solid #e1e5ed; border-bottom: 1px solid #e1e5ed; background: #fff; }
.calendar-day > b { display: block; text-align: right; color: #8490a8; font-size: .52rem; }
.calendar-event { margin-top: .35rem; padding: .4rem; border-left: 3px solid var(--event,#7b61ff); border-radius: 5px; color: #303b59; background: color-mix(in srgb,var(--event,#7b61ff) 13%,white); font-size: .48rem; line-height: 1.35; }
.calendar-event strong { display: block; font-size: .5rem; }
.analytics-grid { display: grid; grid-template-columns: 1.4fr .8fr; gap: .75rem; }
.chart-card { padding: 1rem; }
.chart-card h3 { color: #172142; font-size: .75rem; }
.bar-chart { display: flex; align-items: end; gap: .55rem; height: 180px; padding-top: 1rem; border-bottom: 1px solid #dfe4ed; }
.bar-chart span { flex: 1; height: var(--h); border-radius: 5px 5px 0 0; background: linear-gradient(#5d8cff,#7b61ff); }
.donut { width: 160px; height: 160px; margin: 1rem auto; border-radius: 50%; background: conic-gradient(#5d8cff 0 67%,#f1a044 67% 84%,#42c99a 84%); position: relative; }
.donut::after { content:"€36.8k"; position:absolute; inset:28px; display:grid; place-items:center; border-radius:50%; color:#172142; background:#fff; font-weight:800; }
.order-summary { flex-wrap: wrap; padding: .8rem; margin-bottom: .75rem; }
.order-summary > div { flex: 1; min-width: 110px; padding: .55rem; border-right: 1px solid #e5e8ef; }
.order-summary > div:last-child { border-right: 0; }
.order-summary small { display: block; color: #8a94a8; font-size: .5rem; }
.order-summary strong { font-size: .67rem; }
.order-progress { display: grid; grid-template-columns: repeat(6,1fr); gap: .4rem; padding: .75rem; margin-bottom: .75rem; }
.order-stage { text-align: center; font-size: .48rem; color: #7e889e; }
.order-stage i { display: block; width: 12px; height: 12px; margin: 0 auto .35rem; border-radius: 50%; background: #d9deea; }
.order-stage.done i { background: #42c99a; }
.order-stage.current i { background: #f1a044; box-shadow: 0 0 0 5px rgba(241,160,68,.14); }
.order-tabs { overflow-x: auto; padding: 0 .2rem; margin-bottom: .75rem; border-bottom: 1px solid #e1e5ed; }
.order-tabs button { white-space: nowrap; padding: .65rem .7rem; border: 0; border-bottom: 2px solid transparent; color: #71809c; background: transparent; font-size: .56rem; }
.order-tabs button.active { color: #5c55e8; border-bottom-color: #7b61ff; }
.order-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.order-fields { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; padding: .8rem; }
.order-field { padding: .58rem; border: 1px solid #e4e7ef; border-radius: 7px; background: #fafbfc; }
.order-field small { display: block; color: #8d96aa; font-size: .48rem; }
.order-field strong { display: block; margin-top: .18rem; font-size: .58rem; }
.activity-feed { padding: .8rem; }
.activity-item { display: grid; grid-template-columns: 58px 1fr; gap: .65rem; padding: .65rem 0; border-bottom: 1px solid #edf0f5; }
.activity-item:last-child { border-bottom: 0; }
.activity-item time { color: #7b61ff; font-family: var(--font-mono); font-size: .5rem; }
.activity-item strong { display: block; font-size: .58rem; }
.activity-item p { margin: .2rem 0 0; color: #778198; font-size: .52rem; }
.dms-toolbar { display: grid; grid-template-columns: 1.4fr repeat(3,.7fr) auto; gap: .55rem; padding: .7rem; margin-bottom: .75rem; }
.dms-browser { display: grid; grid-template-columns: 1.08fr .92fr; min-height: 510px; overflow: hidden; }
.dms-preview { padding: .75rem; background: #262a33; }
.dms-preview-bar { display: flex; align-items: center; justify-content: space-between; color: #dfe5f2; font-size: .55rem; }
.dms-preview-body { display: grid; grid-template-columns: 66px 1fr; gap: .7rem; height: 420px; margin-top: .7rem; }
.dms-thumbs { display: grid; align-content: start; gap: .55rem; }
.dms-thumb { height: 78px; padding: 5px; border: 2px solid transparent; background: #fff; }
.dms-thumb.active { border-color: #5d8cff; }
.dms-thumb i { display: block; height: 5px; margin: 7px 4px; background: #d9deea; }
.dms-paper { padding: 1.3rem; color: #252e45; background: #fff; box-shadow: 0 12px 28px rgba(0,0,0,.22); }
.dms-paper-head { display: flex; justify-content: space-between; padding-bottom: .75rem; border-bottom: 2px solid #222b42; }
.dms-paper-head b { font-size: .8rem; }
.dms-paper-head span { color: #7b61ff; font-family: var(--font-mono); font-size: .55rem; }
.dms-paper h3 { margin: 1.3rem 0 .8rem; color: #172142; font-size: 1rem; }
.dms-paper-lines { display: grid; gap: .45rem; }
.dms-paper-lines i { display: block; height: 7px; background: #e6e9ef; }
.dms-paper-lines i:nth-child(2n) { width: 76%; }
.dms-paper-table { display: grid; grid-template-columns: 1.4fr .5fr .7fr; margin-top: 1.2rem; border: 1px solid #d9dee8; }
.dms-paper-table span { min-height: 34px; padding: .4rem; border-right: 1px solid #d9dee8; border-bottom: 1px solid #d9dee8; font-size: .48rem; }
.dms-meta { padding: 1rem; background: #fff; }
.dms-meta-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: .8rem; border-bottom: 1px solid #e5e8ef; }
.dms-meta-head h3 { margin: 0; color: #172142; font-size: .8rem; }
.dms-meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin-top: .8rem; }
.dms-meta-field { padding: .55rem; border: 1px solid #e2e6ee; border-radius: 7px; background: #fafbfc; }
.dms-meta-field.wide { grid-column: 1/-1; }
.dms-meta-field small { display: block; color: #8a94a8; font-size: .48rem; }
.dms-meta-field strong { display: block; margin-top: .18rem; color: #35405d; font-size: .56rem; }
.dms-tags { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .8rem; }
.dms-tags span { padding: .28rem .45rem; border-radius: 6px; color: #4f61ad; background: #edf0ff; font-size: .5rem; }
.dms-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .85rem; padding-top: .8rem; border-top: 1px solid #e5e8ef; }
.dms-actions button { padding: .45rem .55rem; border: 0; border-radius: 7px; color: #fff; background: #5d8cff; font-size: .52rem; }
.dms-actions button.secondary { color: #54617e; background: #eef1f6; }
.dms-record-list { display: grid; gap: .6rem; margin-top: .75rem; }
.dms-record { display: grid; grid-template-columns: 38px 1fr auto; gap: .65rem; align-items: center; padding: .65rem; border: 1px solid #e2e6ef; border-radius: 9px; background: #fff; }
.dms-record b { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; color: #fff; background: linear-gradient(135deg,#7b61ff,#5d8cff); font-size: .55rem; }
.dms-record strong { display: block; font-size: .58rem; }
.dms-record small { color: #828ca2; font-size: .5rem; }
.module-links { padding: 82px 0; background: #f4f5fa; color: #172142; }
.module-links-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; }
.module-link { padding: 1rem; border: 1px solid #dde2ec; border-radius: 12px; background: #fff; }
.module-link strong { display: block; font-size: .78rem; }
.module-link span { color: #78839b; font-size: .62rem; }
@media(max-width:991.98px){.product-hero-grid{grid-template-columns:1fr}.product-body{grid-template-columns:1fr}.product-sidebar{display:none}.ui-kpis{grid-template-columns:repeat(2,1fr)}.analytics-grid,.order-detail-grid,.dms-browser{grid-template-columns:1fr}.module-links-grid{grid-template-columns:1fr 1fr}.dms-toolbar{grid-template-columns:1fr 1fr}.dms-toolbar .primary{grid-column:1/-1}}
@media(max-width:575.98px){.product-hero{padding-top:125px}.product-proof{grid-template-columns:1fr}.product-content{padding:.65rem}.ui-kpis{grid-template-columns:1fr 1fr}.product-user{display:none}.order-fields,.dms-meta-grid{grid-template-columns:1fr}.dms-meta-field.wide{grid-column:auto}.module-links-grid,.dms-toolbar{grid-template-columns:1fr}.dms-toolbar .primary{grid-column:auto}.dms-preview-body{grid-template-columns:48px 1fr}.dms-paper{padding:.8rem}}

/* Fitter portal */
.fitter-switcher { display:grid; grid-template-columns:repeat(3,1fr); gap:.65rem; margin-bottom:.8rem; }
.fitter-switcher button { display:flex; align-items:center; gap:.7rem; padding:.8rem; text-align:left; color:#aeb7d0; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.035); }
.fitter-switcher button.active { color:#fff; border-color:#6d72ff; background:linear-gradient(135deg,rgba(123,97,255,.25),rgba(93,140,255,.12)); box-shadow:0 12px 32px rgba(76,74,210,.16); }
.fitter-switcher b { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; color:#75baff; background:rgba(93,140,255,.12); font:600 .55rem var(--font-mono); }
.fitter-switcher span { font-weight:700; font-size:.68rem; }.fitter-switcher small { display:block; margin-top:.1rem; color:#8792ad; font-weight:400; font-size:.5rem; }
.fitter-shell { min-height:720px; }.fitter-top-status { color:#76829c; font:500 .52rem var(--font-mono); }.fitter-top-status span { display:inline-block; width:7px; height:7px; margin-right:.25rem; border-radius:50%; background:#42c99a; box-shadow:0 0 0 4px rgba(66,201,154,.13); }
.fitter-app { display:grid; grid-template-columns:150px 1fr; min-height:660px; color:#172142; }.fitter-nav { display:flex; flex-direction:column; gap:.3rem; padding:.8rem; background:#111728; }
.fitter-nav button { position:relative; display:grid; grid-template-columns:26px 1fr; align-items:center; gap:.45rem; padding:.62rem .55rem; color:#9da8c0; text-align:left; border:0; border-radius:8px; background:transparent; font-size:.56rem; }
.fitter-nav button.active { color:#fff; background:linear-gradient(90deg,rgba(123,97,255,.28),rgba(93,140,255,.1)); }.fitter-nav i { display:grid; place-items:center; width:26px; height:26px; border-radius:7px; color:#78a5ff; background:rgba(93,140,255,.11); font-style:normal; }
.fitter-nav em { position:absolute; right:.55rem; display:grid; place-items:center; width:18px; height:18px; border-radius:50%; color:#fff; background:#f1a044; font-style:normal; font-size:.45rem; }
.fitter-stage { min-width:0; padding:1rem; background:#f3f5f9; }.fitter-view { display:none; }.fitter-view.active { display:block; animation:fitter-in .28s ease; }
@keyframes fitter-in { from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:none} }
.fitter-page-head { display:flex; justify-content:space-between; align-items:end; gap:1rem; margin-bottom:.85rem; }.fitter-page-head.compact { align-items:center; }
.fitter-page-head small,.fitter-card-title small { color:#6679d8; font:600 .48rem var(--font-mono); letter-spacing:.08em; }.fitter-page-head h2 { margin:.2rem 0; color:#172142; font-size:1.15rem; }.fitter-page-head p { margin:0; color:#7b869e; font-size:.58rem; }
.fitter-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; margin-bottom:.7rem; }.fitter-kpis article { padding:.75rem; border:1px solid #e0e4ed; border-radius:11px; background:#fff; }.fitter-kpis span,.fitter-kpis small { display:block; color:#858fa5; font-size:.5rem; }.fitter-kpis strong { display:block; margin:.15rem 0; font-size:1.2rem; }
.fitter-dashboard-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:.7rem; }.fitter-requests,.fitter-week,.fitter-floorplan,.fitter-items { padding:.8rem; }
.fitter-card-title { display:flex; align-items:center; justify-content:space-between; gap:.7rem; margin-bottom:.7rem; }.fitter-card-title h3 { margin:.15rem 0 0; color:#172142; font-size:.72rem; }.fitter-card-title button,.fitter-card-title > span { color:#62708d; border:0; background:transparent; font-size:.5rem; }
.fitter-job { display:grid; grid-template-columns:42px 1fr auto; gap:.65rem; align-items:center; padding:.7rem 0; border-top:1px solid #e8ebf1; }.fitter-job.featured { margin:0 -.35rem; padding:.7rem .35rem; border:1px solid #dfe3ff; border-radius:10px; background:#f8f8ff; }.fitter-job-date { text-align:center; border:1px solid #e0e4ec; border-radius:8px; overflow:hidden; }.fitter-job-date b { display:block; padding:.25rem; font-size:.75rem; }.fitter-job-date span { display:block; padding:.18rem; color:#fff; background:#7b61ff; font-size:.42rem; }.fitter-job h4 { margin:.25rem 0 .12rem; font-size:.63rem; }.fitter-job p { margin:0; color:#7f899f; font-size:.5rem; }.fitter-job-meta { display:flex; flex-wrap:wrap; gap:.3rem; margin-top:.4rem; }.fitter-job-meta span { padding:.2rem .3rem; border-radius:5px; color:#5b6986; background:#eef1f7; font-size:.43rem; }
.fitter-week-days { display:grid; grid-template-columns:repeat(5,1fr); gap:.3rem; }.fitter-week-days div { display:grid; place-items:center; min-height:64px; border-radius:8px; color:#7f899f; background:#f7f8fb; }.fitter-week-days div.today { color:#fff; background:linear-gradient(135deg,#7b61ff,#5d8cff); }.fitter-week-days b { font-size:.4rem; }.fitter-week-days span { font-size:.65rem; }.fitter-week-days i { width:5px;height:5px;border-radius:50%;background:#f1a044; }
.fitter-agenda { margin-top:.7rem; }.fitter-agenda article { display:grid; grid-template-columns:48px 1fr; gap:.55rem; padding:.65rem 0; border-top:1px solid #e8ebf1; }.fitter-agenda time { color:#75809a; font:.5rem var(--font-mono); }.fitter-agenda div { padding-left:.55rem; border-left:3px solid var(--agenda); }.fitter-agenda strong,.fitter-agenda small { display:block; font-size:.53rem; }.fitter-agenda small { color:#8791a6; margin-top:.15rem; }
.fitter-decision { display:flex; gap:.4rem; }.fitter-request-grid { display:grid; grid-template-columns:220px 1fr; gap:.7rem; }.fitter-request-summary { padding:1rem; }.fitter-project-icon { display:grid; place-items:center; width:54px;height:54px;margin-bottom:.7rem;border-radius:14px;color:#fff;background:linear-gradient(135deg,#f1a044,#7b61ff);font-weight:800; }.fitter-request-summary h3 { margin:.55rem 0 .15rem;font-size:.8rem; }.fitter-request-summary > p { color:#7e889f;font-size:.52rem; }.fitter-request-summary dl { margin-top:1rem; }.fitter-request-summary dl div { padding:.55rem 0;border-top:1px solid #e7eaf0; }.fitter-request-summary dt { color:#8993a7;font-size:.46rem; }.fitter-request-summary dd { margin:.12rem 0 0;font-size:.55rem;font-weight:700; }
.fitter-request-content { display:grid;gap:.7rem; }.fitter-plan-preview { padding:.8rem; }.fitter-kitchen-plan { position:relative; height:300px; overflow:hidden; border-radius:9px; background:linear-gradient(30deg,#e6dfd7 0 49%,#d6cec4 50% 51%,#ede8e2 52%); perspective:800px; }
.plan-wall { position:absolute; background:linear-gradient(#323748,#151925); box-shadow:inset 0 0 0 2px rgba(255,255,255,.12); }.wall-a { left:9%;top:20%;width:16%;height:56%; }.wall-b { left:25%;top:20%;width:30%;height:18%; }.wall-c { right:8%;top:17%;width:15%;height:59%; }.plan-island { position:absolute;left:36%;bottom:13%;display:grid;grid-template-columns:repeat(3,1fr);width:34%;height:26%;transform:skewY(-7deg);background:#252a38;box-shadow:0 18px 28px rgba(30,35,50,.28); }.plan-island i { border-right:1px solid #51586a; }.plan-window { position:absolute;left:29%;top:6%;width:24%;height:11%;border:4px solid #fff;background:#bfe1ef; }.plan-label { position:absolute;padding:.25rem .35rem;border-radius:5px;color:#fff;background:rgba(23,33,66,.82);font-size:.44rem; }.label-a{left:10%;top:12%}.label-b{left:47%;bottom:7%}.label-c{right:9%;top:10%}
.fitter-request-details { display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem; }.fitter-request-details article { padding:.7rem; }.fitter-request-details small { color:#6679d8;font:.45rem var(--font-mono); }.fitter-request-details h4 { margin:.3rem 0;font-size:.58rem; }.fitter-request-details p { margin:0;color:#7d879d;font-size:.48rem;line-height:1.55; }
.fitter-claim-progress { display:flex;gap:.35rem;margin-bottom:.7rem; }.fitter-claim-progress span { flex:1;padding:.55rem;border-radius:8px;color:#8a94a7;background:#e7eaf0;font-size:.5rem; }.fitter-claim-progress span.done { color:#237455;background:#e5f5ee; }.fitter-claim-progress span.active { color:#554ad7;background:#eceaff; }.fitter-claim-progress b { margin-left:.3rem; }
.fitter-claim-grid { display:grid;grid-template-columns:1fr 1fr;gap:.7rem; }.floorplan-canvas { position:relative;height:440px;border-radius:9px;background-color:#fafbfc;background-image:radial-gradient(#d3d8e3 1px,transparent 1px);background-size:16px 16px; }.fp-run { position:absolute;display:flex;gap:4px;padding:6px;border:2px solid #5c6680;background:#fff; }.fp-run.top{left:13%;right:13%;top:12%}.fp-run.right{right:13%;top:25%;bottom:18%;flex-direction:column}.fp-run.bottom{left:17%;right:28%;bottom:14%}.fp-island{position:absolute;left:34%;top:44%;display:flex;gap:4px;padding:8px 24px;border:2px solid #5c6680;background:#fff;transform:rotate(-8deg)}.floorplan-canvas button { min-width:28px;min-height:28px;border:1px solid #d9deea;border-radius:4px;color:#62708d;background:#f4f6fa;font-size:.46rem; }.floorplan-canvas button.selected { color:#fff;border-color:#7b61ff;background:#7b61ff;box-shadow:0 0 0 5px rgba(123,97,255,.16); }.floorplan-canvas > span { position:absolute;left:43%;top:29%;color:#a2a9b8;font:.5rem var(--font-mono); }
.fitter-search { display:flex;align-items:center;gap:.4rem;padding:.45rem .55rem;margin-bottom:.5rem;border:1px solid #e0e4ed;border-radius:7px;background:#fafbfc; }.fitter-search input { width:100%;border:0;outline:0;background:transparent;font-size:.52rem; }.fitter-item { display:grid;grid-template-columns:28px 1fr auto;gap:.55rem;align-items:center;padding:.55rem;border-top:1px solid #e8ebf1; }.fitter-item.selected { border:1px solid #dcd8ff;border-radius:8px;background:#f7f6ff; }.fitter-item > b { display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:#5f60d9;background:#e9e8ff;font:.48rem var(--font-mono); }.fitter-item strong,.fitter-item small { display:block;font-size:.5rem; }.fitter-item small { margin-top:.1rem;color:#8791a6; }.fitter-item > span { color:#5f60d9;font-size:.44rem; }.fitter-item > button { border:0;color:#5f60d9;background:transparent;font-size:.44rem; }
.fitter-evidence { display:grid;gap:.55rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid #e7eaf0; }.fitter-evidence label small { display:block;margin-bottom:.25rem;color:#7c879e;font:.44rem var(--font-mono); }.fitter-evidence select,.fitter-evidence textarea { width:100%;padding:.5rem;border:1px solid #dfe3ec;border-radius:7px;background:#fafbfc;font:inherit;font-size:.5rem; }.fitter-evidence textarea { min-height:70px;resize:vertical; }.fitter-upload { display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.6rem;border:1px dashed #b9c1d3;border-radius:8px;color:#5c6985;background:#f8f9fb; }.fitter-upload b { color:#7b61ff;font-size:.9rem; }.fitter-upload strong,.fitter-upload small { display:block;font-size:.48rem; }.fitter-upload small { color:#9199aa; }
.product-disclaimer { margin:.75rem 0 0;color:#7e89a3;font-size:.52rem;text-align:center; }
@media(max-width:991.98px){.fitter-app{grid-template-columns:70px 1fr}.fitter-nav button{grid-template-columns:1fr;text-align:center}.fitter-nav span,.fitter-nav em{display:none}.fitter-nav i{margin:auto}.fitter-dashboard-grid,.fitter-claim-grid{grid-template-columns:1fr}.fitter-request-grid{grid-template-columns:1fr}.fitter-request-summary{display:grid;grid-template-columns:auto 1fr;gap:.7rem}.fitter-request-summary dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}}
@media(max-width:575.98px){.fitter-switcher{grid-template-columns:1fr}.fitter-top-status{display:none}.fitter-app{grid-template-columns:1fr}.fitter-nav{flex-direction:row;overflow-x:auto}.fitter-nav button{min-width:48px}.fitter-page-head{align-items:flex-start;flex-direction:column}.fitter-kpis{grid-template-columns:1fr 1fr}.fitter-job{grid-template-columns:38px 1fr}.fitter-job>.ui-button{grid-column:2}.fitter-request-details{grid-template-columns:1fr}.fitter-request-summary{display:block}.fitter-request-summary dl{display:block}.fitter-claim-progress b{display:none}.floorplan-canvas{height:340px}}