.builder-eyebrow,.storefront-kicker{display:inline-block;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.01em}
.builder-home-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:20px;padding:22px 26px 18px;border:1px solid #c8d8f5;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f7faff 100%);box-shadow:0 14px 36px rgba(1, 46, 118,.08)}
.builder-home-hero__brand{display:flex;align-items:center;gap:16px}.builder-home-hero__brand img{width:62px;height:62px;object-fit:contain}.builder-home-hero__brand span{display:block;color:var(--muted);font-size:14px}.builder-home-hero__brand h1{margin:0;font-size:clamp(22px,3vw,30px);font-weight:900}
.builder-home-hero__brand-mark{display:grid;justify-items:center;gap:2px;flex:0 0 132px}.builder-home-hero__brand-mark small{color:var(--muted);font-size:9px;font-weight:700;line-height:1.45;text-align:center}
.builder-home-hero__clock{display:grid;justify-items:center;min-width:138px;padding:10px 16px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#012E76,#012E76)}.builder-home-hero__clock strong{display:flex;align-items:center;gap:5px;font-size:27px;line-height:1.25;direction:ltr}.builder-home-hero__clock i{font-style:normal;opacity:.72}.builder-home-hero__clock small{color:rgba(255,255,255,.8)}
.builder-home-hero__side{display:flex;align-items:stretch;gap:10px}.builder-home-hero__wallet{display:grid;grid-template-columns:32px minmax(0,1fr);align-content:center;align-items:center;gap:2px 9px;min-width:185px;padding:10px 16px;border:1px solid rgba(255,255,255,.25);border-radius:16px;color:#fff;background:linear-gradient(145deg,#012E76,#012E76);text-decoration:none}.builder-home-hero__wallet:hover,.builder-home-hero__wallet:focus-visible{border-color:rgba(255,255,255,.65);color:#fff;background:linear-gradient(145deg,#012E76,#012E76)}.builder-home-hero__wallet>.material-symbols-outlined{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.35);border-radius:10px;color:#fff;background:rgba(255,255,255,.12);font-size:20px}.builder-home-hero__wallet small{color:rgba(255,255,255,.8);font-size:11px}.builder-home-hero__wallet strong{color:#fff;font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}.builder-home-hero__wallet strong span{color:rgba(255,255,255,.82);font-size:10px}
.builder-home-hero__project{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:2px 10px;grid-column:1/-1;padding:11px 14px;border:1px solid #c6d6f1;border-radius:12px;background:#fff}.builder-home-hero__project .material-symbols-outlined{grid-row:1/3;color:var(--primary);font-size:25px}.builder-home-hero__project a{font-weight:800}.builder-home-hero__project small{color:var(--muted);font-size:11px}
.builder-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.builder-shortcut{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 22px;gap:13px;align-items:center;min-height:162px;overflow:hidden;padding:18px;border:1px solid rgba(255,255,255,.38);border-radius:20px;color:#fff;background:linear-gradient(135deg,#012E76 0%,#012E76 54%,#012E76 100%);box-shadow:0 12px 24px rgba(1, 46, 118,.18);transition:transform .18s ease,box-shadow .18s ease}.builder-shortcut::after{position:absolute;content:"";width:180px;height:180px;left:-82px;bottom:-122px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 18px rgba(255,255,255,.04),0 0 0 38px rgba(255,255,255,.035)}.builder-shortcut:hover{color:#fff;transform:translateY(-3px);box-shadow:0 18px 32px rgba(1, 46, 118,.25)}.builder-shortcut__icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.5);border-radius:17px;background:rgba(255,255,255,.14);font-size:30px}.builder-shortcut__body{z-index:1;display:grid;gap:3px}.builder-shortcut__body strong{font-size:19px}.builder-shortcut__body small{color:rgba(255,255,255,.8)}.builder-shortcut__body>span{margin-top:8px;color:rgba(255,255,255,.91);font-size:12px}.builder-shortcut__arrow{z-index:1;color:rgba(255,255,255,.84)}
.builder-home-stats{margin:0 0 20px}.builder-home-stats+.panel .section-title-row p{margin:0;color:var(--muted);font-size:12px}.builder-home-stats+.panel .actions--inline,.page-head .actions--inline{flex-wrap:wrap}
.project-status-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.project-status-card{display:flex;align-items:center;gap:13px;min-height:78px;padding:14px 17px;border:1px solid #d7e1ef;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(1, 46, 118,.045)}.project-status-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#edf2fa;color:#012E76;font-size:20px}.project-status-card>div{display:grid;line-height:1.35}.project-status-card strong{font-size:20px}.project-status-card small{color:var(--muted)}.project-status-card--running>span{color:#012E76;background:#e8f0ff}.project-status-card--completed>span{color:#078151;background:#e3f8ee}.project-status-card--delayed>span{color:#cb3434;background:#fff0f0}
.project-gantt-panel{overflow:hidden}.project-gantt-panel__head{align-items:center}.project-gantt-panel__head h2{margin:2px 0 0}.project-gantt-panel__head p{margin:1px 0 0;color:var(--muted);font-size:12px}.project-gantt-scroll{overflow:auto;border:1px solid #d8e3f1;border-radius:15px;background:#fff}.project-gantt{min-width:max(100%,calc(240px + var(--schedule-days)*49px));--label-width:240px}.project-gantt__axis,.project-gantt__row{display:grid;grid-template-columns:var(--label-width) minmax(0,1fr)}.project-gantt__axis{position:sticky;top:0;z-index:2;min-height:65px;color:#fff;background:linear-gradient(100deg,#012E76,#012E76)}.project-gantt__axis>strong{display:flex;align-items:center;padding:10px 14px;border-left:1px solid rgba(255,255,255,.16)}.project-gantt__axis-days{display:grid;grid-template-columns:repeat(var(--schedule-days),minmax(42px,1fr))}.project-gantt__axis-days>div{display:grid;align-content:center;justify-items:center;gap:2px;border-left:1px dashed rgba(255,255,255,.34)}.project-gantt__axis-days small{color:rgba(255,255,255,.74);font-size:10px}.project-gantt__axis-days strong{font-size:14px}
.project-gantt__row{min-height:77px;border-bottom:1px solid #e7edf5}.project-gantt__row:last-child{border-bottom:0}.project-gantt__label{position:sticky;right:0;z-index:1;display:grid;align-content:center;gap:2px;padding:9px 14px;border-left:1px solid #e0e8f2;background:#fff}.project-gantt__label small{color:var(--primary);font-size:10px}.project-gantt__label strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.project-gantt__label span{color:var(--muted);font-size:10px;direction:ltr;text-align:right}.project-gantt__track{position:relative;display:grid;grid-template-columns:repeat(var(--schedule-days),minmax(42px,1fr));align-items:stretch;min-height:77px;background:#f6f8fc}.project-gantt__track i{border-left:1px dashed #cbd7e7}.project-gantt__bar{position:absolute;top:50%;z-index:1;display:block;height:25px;min-width:8px;transform:translateY(-50%);border:1px solid #012E76;border-radius:999px;background:linear-gradient(90deg,#012E76,#012E76);box-shadow:0 3px 9px rgba(1, 46, 118,.18)}.project-gantt__bar--completed{border-color:#07815d;background:linear-gradient(90deg,#04784e,#32b47f)}.project-gantt__bar--delayed{border-color:#c93a3a;background:linear-gradient(90deg,#bd2d39,#ed7474)}.project-gantt__bar--not_started{background:linear-gradient(90deg,#012E76,#012E76)}.project-gantt__row--stage{min-height:54px;color:#012E76;background:#ecf3ff}.project-gantt__row--stage>strong{display:flex;align-items:center;padding:10px 14px;border-left:1px solid #d5e2f6}.project-gantt__row--stage .project-gantt__track{min-height:54px;background:#ecf3ff}.project-gantt__empty-mark{align-self:center;color:#012E76;text-align:center}.project-gantt-empty{display:grid;justify-items:center;gap:5px;padding:42px 20px;color:var(--muted);text-align:center}.project-gantt-empty .material-symbols-outlined{color:var(--primary);font-size:40px}.project-gantt-empty strong{color:var(--text)}
.activity-dialog{width:min(510px,calc(100% - 28px));padding:0;overflow:visible;border:0;border-radius:20px;color:var(--text);background:#fff;box-shadow:0 24px 90px rgba(1, 46, 118,.32)}.activity-dialog::backdrop{background:rgba(1, 46, 118,.52);backdrop-filter:blur(3px)}.activity-dialog__content{display:grid;gap:15px;padding:24px}.activity-dialog__content header{display:flex;justify-content:space-between;align-items:start;margin:-24px -24px 4px;padding:20px 24px 17px;border-radius:20px 20px 0 0;color:#fff;background:linear-gradient(120deg,#012E76,#012E76)}.activity-dialog__content header .builder-eyebrow{color:#b8d2ff}.activity-dialog__content h2{margin:0;font-size:20px}.activity-dialog__close{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;background:rgba(255,255,255,.1);cursor:pointer;font-size:24px;line-height:1}.activity-dialog__content label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.activity-dialog__content input,.activity-dialog__content select{min-height:43px;border:1px solid #cbd8e8;border-radius:10px;padding:8px 11px;color:var(--text);background:#f9fbff}.activity-dialog__dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.activity-dialog__hint{margin:-6px 0 0;color:var(--muted);font-size:11px}.activity-dialog__content>.button:disabled{opacity:.48;cursor:not-allowed}
.builder-maps-panel{padding:clamp(14px,2vw,24px)}.builder-maps-panel__title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.builder-maps-panel__title>div{display:flex;align-items:center;gap:12px}.builder-maps-panel__title>div>.material-symbols-outlined{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:var(--primary);background:#edf3ff}.builder-maps-panel__title h2{margin:0}.builder-maps-panel__title p{margin:0;color:var(--muted);font-size:12px}.builder-map-empty{display:grid;justify-items:center;gap:6px;padding:76px 20px;border:1px dashed #b6c8e0;border-radius:15px;color:var(--muted);background:#f8faff;text-align:center}.builder-map-empty>.material-symbols-outlined{color:#012E76;font-size:46px}.builder-map-empty strong{color:var(--text);font-size:17px}.builder-map-empty p{margin:0}.builder-map-tabs{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:600px;border:1px solid #cbdaf0;border-radius:15px;overflow:hidden}.builder-map-tabs__list{display:flex;flex-direction:column;gap:7px;padding:12px;border-left:1px solid #d7e3f2;background:#f2f6fc}.builder-map-tabs__list button{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 10px;border:1px solid #d1deef;border-radius:10px;color:#012E76;background:#fff;cursor:pointer;text-align:right}.builder-map-tabs__list button.is-active{border-color:#012E76;color:#fff;background:linear-gradient(100deg,#012E76,#012E76)}.builder-map-tabs__list button span{font-size:18px}.builder-map-view{min-width:0;background:#fff}.builder-map-view>header{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:9px 13px;border-bottom:1px solid #dce5f1}.builder-map-view__actions{display:flex;align-items:center;gap:6px}.builder-map-view__actions button,.builder-map-view__actions a{min-width:34px;min-height:32px;display:grid;place-items:center;padding:3px 9px;border:1px solid #cfdbeb;border-radius:8px;color:#012E76;background:#f4f8ff;cursor:pointer;font-weight:800}.builder-map-canvas{display:grid;place-items:center;min-height:540px;max-height:calc(100vh - 280px);overflow:auto;background-color:#fbfcfe;background-image:linear-gradient(#edf1f7 1px,transparent 1px),linear-gradient(90deg,#edf1f7 1px,transparent 1px);background-size:24px 24px}.builder-map-canvas img{display:block;width:auto;max-width:100%;max-height:100%;object-fit:contain;transition:width .16s ease}.builder-map-canvas object{width:100%;height:540px;border:0;background:#fff}.builder-eyebrow+h1{margin-top:0}
.storefront-section{margin-top:18px;padding:20px;border:1px solid #d7e2ef;border-radius:20px;background:#fff;box-shadow:0 9px 24px rgba(1, 46, 118,.05)}.storefront-section__title{margin-bottom:16px}.storefront-section__title h2{margin:0}.storefront-section__title p{margin:2px 0 0;color:var(--muted);font-size:12px}.storefront-result-count{padding:6px 12px;border-radius:999px;color:#012E76;background:#edf4ff;font-size:12px;font-weight:800}.storefront-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:16px;align-items:start}.storefront-category-rail{position:sticky;top:16px;display:grid;gap:8px;padding:13px;border:1px solid #d6e2f0;border-radius:15px;background:#f7f9fd}.storefront-category-rail>strong{padding:2px 5px 7px;color:#012E76}.storefront-category-rail a{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 9px;border:1px solid transparent;border-radius:10px;color:#012E76;font-size:12px;font-weight:700}.storefront-category-rail a:hover,.storefront-category-rail a.is-active{border-color:#cadcf8;color:#012E76;background:#e8f1ff}.storefront-category-rail a .material-symbols-outlined{font-size:18px}.storefront-category-rail small{padding:8px 4px 0;border-top:1px solid #e1e8f1;color:var(--muted);font-size:10px;line-height:1.7}.storefront-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.storefront-product-card{min-width:0;overflow:hidden;border:1px solid #d7e1ee;border-radius:15px;background:#fff;transition:transform .17s ease,box-shadow .17s ease}.storefront-product-card:hover{transform:translateY(-2px);box-shadow:0 13px 24px rgba(1, 46, 118,.1)}.storefront-product-card__image{position:relative;display:grid;place-items:center;height:148px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#012E76,#012E76)}.storefront-product-card__image img{width:100%;height:100%;object-fit:cover}.storefront-product-card__image>.material-symbols-outlined{font-size:51px;opacity:.84}.storefront-product-card__unit{position:absolute;top:10px;left:10px;padding:3px 9px;border:1px solid rgba(255,255,255,.36);border-radius:999px;color:#fff;background:rgba(1, 46, 118,.6);font-size:10px}.storefront-product-card__content{display:grid;gap:6px;padding:13px}.storefront-product-card__content>small{color:var(--primary);font-size:10px;font-weight:800}.storefront-product-card__content h3{overflow:hidden;margin:0;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.storefront-product-card__content>p{display:-webkit-box;min-height:38px;overflow:hidden;margin:0;color:var(--muted);font-size:11px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}.storefront-product-card__supplier{display:flex;align-items:center;gap:5px;color:#012E76;font-size:11px}.storefront-product-card__supplier .material-symbols-outlined{color:#012E76;font-size:16px}.storefront-product-card__meta{display:grid;gap:2px;padding-top:6px;border-top:1px solid #edf0f5;color:var(--muted);font-size:10px}.storefront-product-card__buy{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px}.storefront-product-card__buy strong{color:#012E76;font-size:12px}.storefront-product-card__buy .button{min-height:36px;padding:4px 10px;font-size:11px}.storefront-empty{grid-column:1/-1;display:grid;justify-items:center;gap:7px;padding:45px 15px;border:1px dashed #c7d4e5;border-radius:14px;color:var(--muted);text-align:center}.storefront-empty .material-symbols-outlined{color:var(--primary);font-size:38px}.storefront-empty strong{color:var(--text)}.storefront-section~.shop-invoice-shell{margin-top:18px}
html.login-reference-page,html.login-reference-page body{min-height:100%;background:#edf2fb}html.login-reference-page .topbar{display:none}html.login-reference-page main.shell.page{display:grid;place-items:center;width:100%;max-width:none;min-height:100vh;margin:0;padding:clamp(16px,5vh,52px) clamp(12px,4vw,54px)}.login-reference-shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(1120px,100%);min-height:min(670px,calc(100vh - 48px));gap:12px;padding:13px;overflow:hidden;border-radius:30px;background:#012E76;box-shadow:0 24px 70px rgba(1, 46, 118,.24)}.login-form-panel{display:grid;align-items:center;min-width:0;padding:clamp(20px,4vw,52px);border-radius:21px;background:#fff}.login-reference-shell .auth-card{width:100%;max-width:455px;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.login-reference-shell .auth-card h1{margin-top:0;color:#012E76;font-size:28px}.login-reference-shell .auth-card>p{margin-top:3px;color:#012E76}.login-reference-shell .auth-card form.form{display:grid;gap:15px}.login-reference-shell .auth-card form.form .button{width:100%}.login-reference-shell .auth-card input{min-height:47px;border-radius:11px}.login-reference-shell .auth-card .quick-login{margin-top:23px;padding:15px;border:1px solid #dce6f2;border-radius:14px;background:#f7f9fd}.login-brand-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:38px;border-radius:21px;color:#fff;background:radial-gradient(circle at 22% 80%,rgba(1, 46, 118,.48),transparent 36%),linear-gradient(145deg,#012E76 0%,#012E76 56%,#012E76 100%);text-align:center}.login-brand-panel>img{width:min(250px,78%);height:110px;margin-bottom:23px;object-fit:contain;filter:brightness(0) invert(1)}.login-brand-panel__eyebrow{color:#d5e8ff;font-size:13px;letter-spacing:.12em}.login-brand-panel h2{margin:3px 0 8px;font-size:clamp(23px,3vw,34px)}.login-brand-panel p{max-width:360px;margin:0;color:rgba(255,255,255,.83)}.login-brand-panel__mark{display:flex;align-items:center;gap:10px;margin-top:48px;padding:11px 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.09);font-size:12px}.login-brand-panel__mark .material-symbols-outlined{font-size:19px}
@media(max-width:1100px){.storefront-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-map-tabs{grid-template-columns:155px minmax(0,1fr)}}
@media(max-width:760px){.builder-home-hero{padding:16px;grid-template-columns:1fr auto}.builder-home-hero__brand img{width:48px;height:48px}.builder-home-hero__clock{min-width:105px;padding:8px}.builder-home-hero__clock strong{font-size:21px}.builder-shortcuts{grid-template-columns:1fr;gap:10px}.builder-shortcut{min-height:118px}.project-status-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.project-gantt{--label-width:200px}.project-gantt-panel__head{align-items:flex-start}.project-gantt-panel__head .button{padding:8px 10px;white-space:nowrap}.builder-map-tabs{grid-template-columns:1fr;min-height:0}.builder-map-tabs__list{flex-direction:row;overflow-x:auto;border-left:0;border-bottom:1px solid #d7e3f2}.builder-map-tabs__list button{flex:0 0 auto}.builder-map-canvas{min-height:360px;max-height:65vh}.builder-map-canvas object{height:360px}.storefront-section{padding:14px}.storefront-layout{grid-template-columns:1fr}.storefront-category-rail{position:static;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.storefront-category-rail>strong,.storefront-category-rail small{grid-column:1/-1}.storefront-category-rail small{display:none}.storefront-category-rail a{justify-content:center;padding:6px;font-size:10px}.storefront-category-rail a .material-symbols-outlined{display:none}html.login-reference-page main.shell.page{padding:12px}.login-reference-shell{grid-template-columns:1fr;min-height:0;gap:9px;padding:9px;border-radius:23px}.login-brand-panel{grid-row:1;padding:24px 18px}.login-brand-panel>img{height:60px;margin-bottom:5px}.login-brand-panel__mark{margin-top:15px}.login-form-panel{padding:25px 18px}}
@media(max-width:760px){.builder-home-hero{grid-template-columns:minmax(0,1fr)}.builder-home-hero__side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.builder-home-hero__clock,.builder-home-hero__wallet{min-width:0}.builder-home-hero__wallet{padding:8px 10px}.builder-home-hero__wallet strong{font-size:clamp(12px,3.8vw,17px)}}
@media(max-width:480px){.storefront-product-grid{grid-template-columns:1fr}.storefront-product-card{display:grid;grid-template-columns:112px minmax(0,1fr)}.storefront-product-card__image{height:100%;min-height:190px}.storefront-product-card__content{padding:10px}.storefront-product-card__content h3{font-size:13px}.storefront-product-card__content>p{font-size:10px}.storefront-product-card__meta{font-size:9px}.storefront-product-card__buy{align-items:flex-start;flex-direction:column}.storefront-product-card__buy .button{width:100%}.activity-dialog__content{padding:17px}.activity-dialog__content header{margin:-17px -17px 2px;padding:16px 17px}.activity-dialog__dates{grid-template-columns:1fr}}
.login-brand-panel>img{width:112px;height:112px;margin-bottom:20px;border-radius:17px;filter:none}.login-brand-panel h2{color:#fff}
.activity-dialog__content h2{color:#fff}
@media(max-width:760px){.login-brand-panel>img{width:64px;height:64px;margin-bottom:7px}.login-brand-panel h2{margin:2px 0 6px;font-size:21px;line-height:1.45}}
.order-dialog{padding:0;border:1px solid #c7d8ef;border-radius:19px;background:#fff}.order-dialog .project-form{gap:12px;margin:0;padding:20px}.order-dialog .project-form>h3{grid-column:1/-1;margin:0;color:#012E76}.shop-order-detail{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;align-items:center;min-width:0;padding:11px;border:1px solid #cfddf0;border-radius:14px;background:linear-gradient(110deg,#f4f8ff,#fff)}.shop-order-detail__image{display:grid;place-items:center;width:112px;height:104px;overflow:hidden;border-radius:10px;color:#fff;background:linear-gradient(135deg,#012E76,#012E76)}.shop-order-detail__image img{width:100%;height:100%;object-fit:cover}.shop-order-detail__image>.material-symbols-outlined{font-size:34px}.shop-order-detail>div:last-child{display:grid;gap:3px;min-width:0}.shop-order-detail>div:last-child>strong{overflow:hidden;color:#012E76;text-overflow:ellipsis;white-space:nowrap}.shop-order-detail small{color:var(--muted)}.shop-order-detail dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:7px 0 0}.shop-order-detail dl>div{display:grid;padding:6px 8px;border-radius:8px;background:#eaf1fc}.shop-order-detail dt{color:var(--muted);font-size:9px}.shop-order-detail dd{margin:0;color:#012E76;font-size:10px;font-weight:800;overflow-wrap:anywhere}
@media(max-width:480px){.shop-order-detail{grid-template-columns:76px minmax(0,1fr);gap:8px}.shop-order-detail__image{width:76px;height:82px}.shop-order-detail dl{grid-template-columns:1fr}}

/* Keep cart labels legible against their backgrounds. */
.shop-invoice-shell {
    --shop-cart-ink: #012E76;
    --shop-cart-muted: #012E76;
    --shop-cart-blue: #012E76;
    --shop-cart-border: #cbd7e8;
}

.shop-invoice-flow__step {
    color: var(--shop-cart-ink);
    border-color: var(--shop-cart-border);
    background: #fff;
    box-shadow: 0 3px 12px rgba(1, 46, 118, .05);
}

.shop-invoice-flow__step.is-active {
    color: #fff;
    border-color: #012E76;
    background: #012E76;
    box-shadow: 0 8px 20px rgba(1, 46, 118, .22);
}

.shop-invoice-flow__step.is-done {
    color: #067647;
    border-color: #a8dcc5;
    background: #f0faf5;
}

.shop-invoice {
    color: var(--shop-cart-ink);
    border-color: var(--shop-cart-border);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(1, 46, 118, .06);
}

.shop-invoice__head h2,
.shop-invoice__summary strong,
.shop-invoice__meta strong,
.shop-invoice-paybar strong {
    color: var(--shop-cart-ink);
}

.shop-invoice__head p,
.shop-invoice__summary span,
.shop-invoice__meta span,
.shop-invoice-paybar__hint {
    color: var(--shop-cart-muted);
}

.shop-invoice__meta div {
    border: 1px solid #d8e2f0;
    background: #f2f6fc;
    box-shadow: none;
}

.shop-invoice-table__header {
    color: #fff;
    background: #012E76;
}

.shop-invoice-item {
    border-color: #d3deed;
    background: #fff;
}

.shop-invoice-cell {
    color: #012E76;
    border-color: #e1e8f2;
    background: #f9fbfe;
}

.shop-invoice-cell small {
    color: #012E76;
}

.shop-invoice-cell strong {
    color: #012E76;
}

.shop-invoice-cell--image {
    color: #fff;
    background: #012E76;
}

.shop-invoice-cell--total strong {
    color: #067647;
}

.shop-invoice-item__footer {
    border-color: #dbe4ef;
    color: #012E76;
}

.shop-invoice-empty {
    border-color: #b8c8dd;
    color: #012E76;
    background: #f8faff;
}

.shop-invoice-paybar {
    border-color: #b8c8dd;
}

.shop-invoice-paybar span {
    color: #012E76;
}

.shop-invoice-paybar strong {
    border-color: #012E76;
}

.shop-invoice-paybar .button:not(:disabled) {
    color: #fff;
    border-color: #012E76;
    background: #012E76;
}

.shop-invoice-paybar .button:disabled {
    color: #012E76;
    border-color: #c5d0df;
    background: #e9eef5;
    opacity: 1;
}

.project-gantt-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-color: #012E76 #edf2f8;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.project-gantt-scroll::-webkit-scrollbar {
    height: 10px;
}

.project-gantt-scroll::-webkit-scrollbar-track {
    border-radius: 999px;
    background: #edf2f8;
}

.project-gantt-scroll::-webkit-scrollbar-thumb {
    border: 2px solid #edf2f8;
    border-radius: 999px;
    background: #012E76;
}

.project-gantt {
    min-width: max(100%, calc(240px + var(--schedule-days) * 64px));
}

.project-gantt__axis-days {
    grid-template-columns: repeat(var(--schedule-days), minmax(64px, 1fr));
}

.project-gantt__track {
    grid-template-columns: repeat(var(--schedule-days), minmax(64px, 1fr));
}

.builder-dashboard-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
    margin: 4px 0 18px;
}

.audit-pagination__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 14px;
    color: var(--muted);
}

.audit-pagination {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.audit-pagination__link {
    display: inline-grid;
    place-items: center;
    min-width: 36px;
    min-height: 34px;
    padding: 5px 9px;
    border: 1px solid #d3deed;
    border-radius: 9px;
    color: #012E76;
    background: #fff;
    font-size: 12px;
    font-weight: 800;
}

.audit-pagination__link:hover,
.audit-pagination__link.is-current {
    border-color: #012E76;
    color: #fff;
    background: #012E76;
}

.audit-log-payload {
    max-width: 300px;
}

.audit-log-payload summary {
    color: var(--primary);
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
}

.audit-log-payload code {
    display: block;
    max-width: 420px;
    max-height: 240px;
    margin-top: 7px;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.builder-dashboard-metric {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 94px;
    padding: 15px 18px;
    border: 1px solid #d7e2f0;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(1, 46, 118, .055);
}

.builder-dashboard-metric > .material-symbols-outlined {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    color: #012E76;
    background: #edf3fc;
    font-size: 23px;
}

.builder-dashboard-metric > div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.builder-dashboard-metric small {
    color: #012E76;
    font-size: 12px;
    font-weight: 700;
}

.builder-dashboard-metric strong {
    overflow: hidden;
    color: #012E76;
    font-size: clamp(19px, 2.2vw, 26px);
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.builder-dashboard-metric__unit {
    color: #62738b;
    font-size: 11px;
    white-space: nowrap;
}

.builder-dashboard-metric--tenders > .material-symbols-outlined {
    color: #6b42b7;
    background: #f1edfa;
}

.builder-dashboard-metric--invoices > .material-symbols-outlined {
    color: #08784f;
    background: #eaf7f1;
}

.builder-dashboard-status-link {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 62px;
    margin-bottom: 14px;
    padding: 13px 19px;
    border: 1px solid #012E76;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(105deg, #012E76, #012E76);
    box-shadow: 0 9px 20px rgba(1, 46, 118, .16);
    transition: transform .17s ease, box-shadow .17s ease;
}

.builder-dashboard-status-link:hover,
.builder-dashboard-status-link:focus-visible {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 13px 26px rgba(1, 46, 118, .22);
}

.builder-dashboard-status-link:focus-visible,
.builder-dashboard-action:focus-visible {
    outline: 3px solid #012E76;
    outline-offset: 3px;
}

.builder-dashboard-status-link > .material-symbols-outlined:first-child {
    display: grid;
    place-items: center;
    width: 37px;
    height: 37px;
    border-radius: 11px;
    color: #fff;
    background: rgba(255, 255, 255, .15);
}

.builder-dashboard-status-link strong {
    font-size: 16px;
}

.builder-dashboard-status-link > span:not(.material-symbols-outlined) {
    margin-inline-start: auto;
    color: rgba(255, 255, 255, .84);
    font-size: 12px;
}

.builder-dashboard-status-link__arrow {
    color: rgba(255, 255, 255, .9);
    font-size: 20px;
}

.builder-dashboard-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
    margin-bottom: 20px;
}

.builder-dashboard-action {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) 20px;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 4px 12px;
    min-width: 0;
    min-height: 108px;
    padding: 17px;
    border: 1px solid #d7e2f0;
    border-radius: 17px;
    color: #012E76;
    background: #fff;
    box-shadow: 0 8px 20px rgba(1, 46, 118, .055);
    transition: transform .17s ease, border-color .17s ease, box-shadow .17s ease;
}

.builder-dashboard-action:hover {
    transform: translateY(-2px);
    border-color: #a8c2e7;
    color: #012E76;
    box-shadow: 0 13px 25px rgba(1, 46, 118, .1);
}

.builder-dashboard-action > .material-symbols-outlined:first-child {
    grid-column: 1;
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    color: #012E76;
    background: #edf3fc;
    font-size: 23px;
}

.builder-dashboard-action strong {
    grid-column: 2;
    grid-row: 1;
    font-size: 16px;
}

.builder-dashboard-action small {
    grid-column: 2;
    grid-row: 2;
    color: #012E76;
    font-size: 12px;
    line-height: 1.8;
}

.builder-dashboard-action__arrow {
    grid-column: 3;
    grid-row: 1 / 3;
    color: #012E76;
    font-size: 20px;
}

.builder-dashboard-action--tender > .material-symbols-outlined:first-child {
    color: #6b42b7;
    background: #f1edfa;
}

.builder-dashboard-action--project > .material-symbols-outlined:first-child {
    color: #08784f;
    background: #eaf7f1;
}

@media (max-width: 900px) {
    .builder-dashboard-action {
        grid-template-columns: 40px minmax(0, 1fr) 18px;
        gap: 5px 9px;
        padding: 14px;
    }

    .builder-dashboard-action > .material-symbols-outlined:first-child {
        width: 38px;
        height: 38px;
    }
}

@media (max-width: 760px) {
    .builder-dashboard-metrics,
    .builder-dashboard-actions {
        grid-template-columns: 1fr;
    }

    .builder-dashboard-status-link {
        flex-wrap: wrap;
        padding: 11px 13px;
    }

    .builder-dashboard-status-link > span:not(.material-symbols-outlined) {
        flex-basis: 100%;
        margin-inline-start: 48px;
        margin-top: -7px;
    }

    .builder-dashboard-action {
        min-height: 86px;
    }
}
