:root{--navy:#173547;--navy2:#0f2736;--blue:#0b6f9a;--blue2:#075c80;--orange:#ff9e2d;--orange2:#e9891e;--ink:#152733;--muted:#61717b;--bg:#f5f8fa;--card:#fff;--line:#dbe4e9;--green:#25a768;--red:#d74b4b;--black:#252b30;--amber:#d9902d;--shadow:0 18px 50px rgba(14,43,58,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:var(--blue);text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 6px 18px rgba(20,52,70,.06)}.topbar{background:var(--navy2);color:#eaf3f7;font-size:13px}.topbar-inner{height:34px;display:flex;gap:28px;align-items:center;justify-content:flex-end}.topbar a{color:#fff}.nav-wrap{background:#fff;border-bottom:1px solid var(--line);position:static;z-index:50}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:235px;display:block}.nav nav{display:flex;align-items:center;gap:25px;font-weight:650}.nav nav a{color:var(--navy)}.nav nav a:hover{color:var(--orange2)}.nav-account{padding:10px 15px;border:1px solid var(--blue);border-radius:10px}.nav-toggle{display:none;border:0;background:transparent;font-size:27px}.hero{background:linear-gradient(100deg,rgba(9,35,50,.94),rgba(11,111,154,.76)),url('/assets/img/hero-postbox.jpg') center/cover;min-height:520px;color:#fff;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding:70px 0}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:8px 0 20px;letter-spacing:-2.5px}.hero p{font-size:20px;max-width:650px;color:#e9f4f7}.kicker{color:#ffd39e;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:1.7px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:13px 20px;font-weight:750;font-size:15px;cursor:pointer}.btn-primary{background:var(--orange);color:#172a36}.btn-primary:hover{background:#ffad4c}.btn-secondary{background:#fff;color:var(--navy)}.btn-outline{border:1px solid var(--line);background:#fff;color:var(--navy)}.hero-card{background:rgba(255,255,255,.96);color:var(--ink);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.hero-card h2{margin:0 0 12px}.mini-list{display:grid;gap:13px}.mini-item{display:flex;gap:12px;align-items:flex-start}.mini-icon{width:34px;height:34px;border-radius:9px;background:#e8f5fa;display:grid;place-items:center;color:var(--blue);font-weight:800;flex:0 0 auto}.section{padding:86px 0}.section-soft{background:var(--bg)}.section-head{max-width:760px;margin-bottom:36px}.section-head.center{text-align:center;margin:0 auto 40px}.section h2{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-1.3px;margin:8px 0 14px;color:var(--navy)}.section p.lead{font-size:18px;color:var(--muted)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:var(--blue);font-weight:850}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:17px;padding:26px;box-shadow:0 8px 25px rgba(20,52,70,.05);text-align:center}.price-card.best{border:2px solid var(--orange);transform:translateY(-5px)}.badge{position:absolute;right:18px;top:-13px;background:var(--orange);color:#1a2b35;font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px}.price-card h3{margin:0;font-size:19px}.price{font-size:36px;font-weight:850;color:var(--navy);margin:8px 0 1px}.per{color:var(--muted);font-size:14px}.deposit-note{margin-top:22px;padding:15px 18px;border-radius:12px;background:#eef7fb;border:1px solid #cfe4ee}.box-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.legend span{display:flex;align-items:center;gap:7px}.dot{width:12px;height:12px;border-radius:4px}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.dot.black{background:var(--black)}.dot.amber{background:var(--amber)}.box-search{display:flex;gap:8px}.box-search input{width:170px}.wall-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.wall-tab{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer;color:var(--navy)}.wall-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.wall-panel{display:none}.wall-panel.active{display:block}.wall-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 8px 30px rgba(20,52,70,.05);overflow:hidden}.wall-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.wall-title h3{margin:0;color:var(--navy)}.height-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin:5px 0}.box-scroll{overflow:auto;padding-bottom:6px}.box-grid{display:grid;gap:5px;min-width:720px}.box-grid.wall-a{grid-template-columns:repeat(12,1fr)}.box-grid.wall-b{grid-template-columns:repeat(6,1fr);min-width:480px}.box-grid.wall-c-top{grid-template-columns:repeat(12,1fr)}.box-grid.wall-c-main{grid-template-columns:repeat(6,1fr);min-width:520px}.box-cell{min-height:54px;border:0;border-radius:7px;color:#fff;font-weight:850;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;cursor:pointer;padding:4px;transition:.15s transform,.15s box-shadow}.box-cell:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.14)}.box-cell.available{background:var(--green)}.box-cell.rented{background:var(--red)}.box-cell.disabled{background:var(--black);cursor:default}.box-cell.reserved{background:var(--amber);cursor:default}.box-cell .date{font-size:9px;font-weight:650;margin-top:4px;opacity:.95}.box-cell.found{outline:4px solid var(--orange);outline-offset:2px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.step-num{width:34px;height:34px;border-radius:50%;background:var(--orange);display:grid;place-items:center;font-weight:850;margin-bottom:12px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:23px}.guide-card img{border-radius:10px;border:1px solid var(--line);margin-top:12px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-card,.form-card,.account-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750;color:var(--navy)}input,select,textarea{width:100%;border:1px solid #cbd7dd;border-radius:9px;padding:11px 12px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(11,111,154,.13);border-color:var(--blue)}.small{font-size:13px;color:var(--muted)}.flash{margin-top:18px;border-radius:10px;padding:12px 15px}.flash.success{background:#e8f7ef;color:#17653f}.flash.error{background:#fdecec;color:#9a2d2d}.flash.info{background:#eaf5fa;color:#17556f}.rent-layout{display:grid;grid-template-columns:1fr 390px;gap:30px}.summary-card{background:var(--navy);color:#fff;border-radius:18px;padding:26px;position:sticky;top:105px}.summary-card h3{margin-top:0}.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.16);padding:10px 0}.summary-total{font-size:22px;font-weight:850;padding-top:15px;display:flex;justify-content:space-between}.terms{max-width:900px}.terms h3{color:var(--navy);margin-top:28px}.faq details{border-bottom:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:750;color:var(--navy)}.footer{background:var(--navy2);color:#cfe0e8;padding:52px 0 20px}.footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-logo{filter:brightness(0) invert(1);width:220px}.footer h3{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;font-size:13px}.account-shell{max-width:900px;margin:auto}.account-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.account-nav a{padding:9px 13px;background:#edf5f8;border-radius:9px;font-weight:750}.rental-card{border:1px solid var(--line);border-radius:15px;padding:20px;margin-bottom:15px;background:#fff}.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.status-pill.active{background:#e5f7ee;color:#16623d}.status-pill.expired{background:#fdeaea;color:#942f2f}.table-wrap{overflow:auto}
@media(max-width:900px){.topbar-inner{justify-content:center}.topbar-inner span:first-child{display:none}.nav{min-height:68px}.brand img{width:195px}.nav-toggle{display:block}.nav nav{display:none;position:absolute;left:20px;right:20px;top:70px;background:#fff;flex-direction:column;align-items:stretch;padding:16px;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.nav nav.open{display:flex}.hero-grid,.rent-layout,.contact-grid,.guide-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding:55px 0}.hero-card{display:none}.price-grid,.steps{grid-template-columns:1fr 1fr}.summary-card{position:static}.footer-grid{grid-template-columns:1fr 1fr}.box-toolbar{align-items:flex-start}}
@media(max-width:600px){.container{width:min(100% - 26px,1180px)}.section{padding:62px 0}.topbar-inner{gap:12px;font-size:11px}.hero h1{font-size:43px}.hero p{font-size:17px}.price-grid,.steps,.form-grid,.footer-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.price-card.best{transform:none}.wall-card{padding:14px}.box-cell{min-height:49px}.box-toolbar{display:block}.box-search{margin-top:14px}.box-search input{flex:1;width:auto}}

/* Postbox 365 2.3 – tillval i uthyrning/förlängning */
.company-address-guide-page .company-guide-head{text-align:center;max-width:900px;margin:0 auto 24px}.company-address-guide-page .company-guide-head p{max-width:800px;margin-left:auto;margin-right:auto}.company-address-guide-page .company-guide-head .legal-actions{justify-content:center}.company-address-card{max-width:900px;margin:0 auto 28px;text-align:center}.company-address-card .address-copy-box{max-width:760px;margin:14px auto}.company-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1100px;margin:0 auto}.company-guide-grid .guide-card{position:relative;padding-top:58px;min-height:210px}.company-guide-grid .guide-step-number{position:absolute;top:20px;left:20px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0c6fa4;color:#fff;font-weight:900}.company-guide-help{max-width:900px;margin:28px auto 0;text-align:center}.company-guide-help .legal-actions{justify-content:center}.pb216-special-address-page .pb216-intro{width:100%;max-width:920px;margin-left:auto;margin-right:auto;text-align:center}.pb216-address-card,.pb216-help-card{width:min(900px,100%);margin:24px auto!important;padding:22px 24px!important;text-align:center}.pb216-address-card .address-copy-box{max-width:800px;margin:12px auto}.pb216-help-card .legal-actions{justify-content:center}.pb216-zoom-hint{display:block;text-align:center;color:#6a7c86;margin:7px 0 0;font-size:12px}.pb216-image-modal[hidden]{display:none!important}.pb216-image-modal{position:fixed;inset:0;z-index:10000;background:rgba(7,23,32,.88);display:flex;align-items:center;justify-content:center;padding:28px}.pb216-image-modal img{max-width:min(1500px,96vw);max-height:90vh;width:auto;height:auto;background:#fff;border-radius:12px}.pb216-modal-close{position:fixed;top:18px;right:22px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;font-size:31px;cursor:pointer}html.pb216-modal-open{overflow:hidden}@media(max-width:900px){.company-guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.company-guide-grid{grid-template-columns:1fr}.company-guide-grid .guide-card{min-height:0}}
.addon-card{border:1px solid var(--line);border-radius:13px;padding:16px;background:#f9fbfc}.addon-toggle{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.addon-toggle input,.terms-check input{width:auto;flex:0 0 auto;margin-top:3px}.addon-toggle span{display:flex;flex-direction:column;gap:2px}.addon-toggle small{color:var(--muted);font-weight:500}.addon-details,.children-fields{margin-top:14px}.addon-details label,.child-field label{display:block;font-size:13px;font-weight:750;color:var(--navy);margin-bottom:6px}.children-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.terms-check{display:flex;gap:9px;align-items:flex-start}.renew-summary{margin:20px 0;border:1px solid var(--line);border-radius:12px;padding:14px;background:#f7fafb}.renew-summary>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0}.renew-summary .renew-total{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-size:18px}.addon-summary[hidden],.child-field[hidden],.addon-details[hidden]{display:none!important}
@media(max-width:600px){.children-fields{grid-template-columns:1fr}}
/* Tydligare utgångsdatum på uthyrda röda boxar */
.box-cell .date{font-size:10px;font-weight:800;line-height:1.05;margin-top:4px;opacity:1;white-space:nowrap}

/* Postbox 365 2.4 – tydligare juridik, kontakt och uthyrningsflöde */
.legal-warning-section{padding:34px 0 18px;background:#fff}.legal-warning-card{display:grid;grid-template-columns:56px 1fr;gap:18px;border:2px solid #e2a132;background:#fff8e7;border-radius:18px;padding:24px 26px;box-shadow:0 8px 28px rgba(107,74,12,.07)}.legal-warning-card h2{font-size:30px;margin:3px 0 10px}.legal-warning-card p{margin:8px 0}.legal-warning-icon{width:48px;height:48px;border-radius:50%;background:#d64444;color:#fff;display:grid;place-items:center;font-size:28px;font-weight:900}.legal-actions,.contact-button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}
.rental-period-preview{margin-top:7px;border-radius:8px;background:#eef7fb;color:#23546a;padding:8px 10px;font-size:13px}.important-check{border:1px solid #e2a132;background:#fff8e7;border-radius:12px;padding:14px}.info-note{border:1px solid #cfe4ee;background:#eef7fb;border-radius:12px;padding:14px 16px;color:#28546a}
.special-address-instruction{margin:25px 0;border:1px solid var(--line);border-radius:17px;background:#fff;padding:24px}.special-address-instruction{border-left:5px solid var(--blue)}.address-copy-box,.mini-address{margin:14px 0;background:#f3f6f7;border:1px solid #d8e0e4;border-radius:12px;padding:15px 18px;line-height:1.65}.address-copy-box strong{font-size:17px}.mini-address{font-size:13px}.mini-address span{color:var(--muted)}.rental-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.floating-contact{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;gap:9px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.floating-contact a{display:flex;align-items:center;gap:8px;border-radius:999px;padding:12px 16px;font-size:14px}.floating-contact span{font-size:18px}

@media(max-width:600px){.legal-warning-card{grid-template-columns:1fr}.legal-warning-icon{width:42px;height:42px}.floating-contact{left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:1fr 1fr}.floating-contact a{justify-content:center;border-radius:12px;padding:13px 10px}.footer{padding-bottom:92px}.rental-actions{justify-content:flex-start}.rent-layout{gap:18px}}


/* Postbox 365 2.5 – tydliga kundflöden, startsida och flerkanalskontakt */
.customer-mode-section{grid-column:1/-1;margin-top:18px;border:1px solid var(--line);border-radius:16px;padding:20px;background:#fbfdfe}.customer-mode-section[hidden]{display:none!important}.customer-mode-heading{margin-bottom:16px}.customer-mode-heading h3{margin:3px 0 0;color:var(--navy);font-size:21px}.rental-top-grid{margin-bottom:4px}.company-customer-section{border-left:4px solid var(--blue)}.private-customer-section{border-left:4px solid #2c9b61}
.box-rental-section{background:linear-gradient(180deg,#f8fcfe 0,#fff 100%)}.box-rental-head{max-width:900px;margin-left:auto;margin-right:auto}.box-start-callout{margin:22px auto 8px;max-width:720px;display:flex;align-items:center;justify-content:center;gap:15px;text-align:left;background:#e8f6fc;border:2px solid #77bddb;border-radius:16px;padding:16px 20px;color:var(--navy)}.box-start-callout>div{display:flex;flex-direction:column;gap:3px}.box-start-callout span{color:var(--muted);font-size:13px}.box-start-arrow{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff!important;font-size:24px!important;font-weight:900}.footer-chat-link{appearance:none;border:0;background:transparent;color:#fff;padding:0;font:inherit;text-decoration:underline;cursor:pointer}
.floating-contact{position:fixed;right:18px;bottom:24px;z-index:110;display:flex;flex-direction:column;gap:10px;filter:none}.floating-contact-btn{width:56px;height:56px;border-radius:50%;border:0;background:#249bd7;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(12,66,92,.25);cursor:pointer;text-decoration:none;padding:0}.floating-contact-btn:hover{transform:translateY(-2px);background:#0b7fb4}.floating-contact-btn span{font-size:23px;line-height:1}.chat-channel-panel{position:fixed;right:88px;bottom:24px;z-index:111;width:min(340px,calc(100vw - 116px));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px rgba(7,42,59,.22);overflow:hidden}.chat-channel-panel[hidden]{display:none!important}.chat-channel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 14px;background:var(--navy);color:#fff}.chat-channel-head>div{display:flex;flex-direction:column;gap:3px}.chat-channel-head span{font-size:12px;color:#d5e8f0}.chat-close{border:0;background:rgba(255,255,255,.12);color:#fff;width:32px;height:32px;border-radius:50%;font-size:22px;cursor:pointer}
@media(max-width:600px){.customer-mode-section{padding:15px}.box-start-callout{align-items:flex-start}.floating-contact{right:12px;bottom:12px;left:auto;display:flex;flex-direction:column}.floating-contact-btn{width:52px;height:52px}.chat-channel-panel{left:12px;right:74px;bottom:12px;width:auto}.footer{padding-bottom:86px}}

/* Postbox 365 2.6 – tydligare hyresperiod och separerade kundflöden */
.rental-period-card{border:2px solid #75bddb;background:linear-gradient(135deg,#eef9fd,#f8fcfe);border-radius:16px;padding:17px 18px;margin-top:4px;color:var(--navy)}
.rental-period-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rental-period-dates>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.rental-period-dates span{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:750}.rental-period-dates strong{font-size:18px;color:var(--navy)}
.rental-period-card p{margin:13px 0 0;font-size:14px}.rental-period-card p strong{color:#066d9d}
.addon-services-section{margin-top:18px;border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}.addon-services-section[hidden]{display:none!important}.addon-services-grid{display:grid;grid-template-columns:1fr;gap:12px}.terms-section{margin-top:18px}.company-key-note{margin-top:4px}
@media(max-width:600px){.rental-period-dates{grid-template-columns:1fr}.addon-services-section{padding:15px}}

/* 2.7: kompakt hyresperiod och testläge */
.rental-period-card.compact{padding:10px 12px;border:1px solid #c7dce6;border-radius:12px;background:#f8fbfc;margin-top:2px}
.rental-period-title{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.7px;font-weight:850;color:var(--blue);margin-bottom:7px}
.rental-period-dates.compact-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rental-period-dates.compact-dates>div{padding:8px 10px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}
.rental-period-dates.compact-dates span{font-size:11px;letter-spacing:.35px}
.rental-period-dates.compact-dates strong{font-size:15px}
.period-start-soft{background:#eef9f2!important;border:1px solid #c7e8d2!important}.period-start-soft strong{color:#176a3a!important}
.period-end-soft{background:#fff1f1!important;border:1px solid #efcccc!important}.period-end-soft strong{color:#a52d2d!important}
.test-mode-note{margin-top:16px;padding:10px 12px;border-radius:10px;background:#fff4d9;color:#5f4500;border:1px solid #e6c86a;display:flex;flex-direction:column;gap:2px;font-size:12px}.test-mode-note strong{font-size:11px;letter-spacing:.7px}
@media(max-width:600px){.rental-period-dates.compact-dates{grid-template-columns:1fr}.rental-period-dates.compact-dates>div{min-height:42px}}

/* Postbox 365 2.8 – samlad startsida, betalning, karta och kontakt */
.topbar-inner{justify-content:center!important;text-align:center;gap:32px}
.price-card{text-align:center}
.payment-showcase{margin-top:30px}.deposit-showcase-card{display:grid;grid-template-columns:auto 1fr minmax(250px,.8fr);gap:24px;align-items:center;padding:28px 32px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 32px rgba(20,52,70,.07)}
.pay-brand-icon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#eef8fc;font-size:34px;flex:0 0 auto}.deposit-copy h3,.pay-card-copy h3{margin:0 0 7px;color:var(--navy);font-size:24px}.deposit-copy p,.pay-card-copy p{margin:0;color:var(--muted)}.deposit-amount{border-left:1px solid var(--line);padding-left:28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.deposit-amount strong{font-size:48px;color:#1857a3;line-height:1}.deposit-amount span{border:1px solid #cfe1f5;background:#f4f9ff;color:#1857a3;border-radius:9px;padding:7px 11px;font-weight:750}
.payment-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.pay-showcase-card{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:24px 28px;border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 25px rgba(20,52,70,.05)}.swish-showcase{background:linear-gradient(135deg,#f8fffb,#edf9f3)}.swish-mark{background:#fff;border:1px solid #dce6ea;box-shadow:0 6px 17px rgba(0,0,0,.08);overflow:hidden}.swish-mark img{width:58px;height:58px;object-fit:contain;display:block}.pay-card-number{border-left:1px solid rgba(21,39,51,.12);padding-left:22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.pay-card-number strong{font-size:28px;color:#176344;white-space:nowrap}.pay-card-number span{font-weight:750;border-radius:8px;padding:6px 10px}.swish-showcase .pay-card-number span{color:#25834f;border:1px solid #bfe2cd;background:#f5fff8}
.after-rental-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.after-rental-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px}.after-rental-card>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-weight:850;margin-bottom:12px}.after-rental-card h3{margin:0 0 8px;color:var(--navy)}.after-rental-card p{margin:0 0 8px;color:var(--muted)}.after-rental-card.address-card{background:#f5fafc}
.visit-map-shell{display:grid;grid-template-columns:440px 1fr;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(14,43,58,.08)}.visit-info-panel{padding:28px}.open-pill{display:inline-flex;align-items:center;gap:8px;background:#effbf4;border:1px solid #cdebd8;color:#196b3f;border-radius:999px;padding:8px 11px;margin-bottom:22px;font-size:13px}.open-pill>span{width:9px;height:9px;border-radius:50%;background:#2ab16d;box-shadow:0 0 0 4px rgba(42,177,109,.12)}.open-pill.closed{background:#fff2f2;border-color:#efd1d1;color:#9b3030}.open-pill.closed>span{background:#d74b4b}.visit-info-panel h3{font-size:25px;margin:6px 0 2px;color:var(--navy)}.visit-address{margin:0 0 4px;color:var(--muted)}.hours-card{margin-top:20px;border:1px solid var(--line);border-radius:15px;padding:15px 17px}.hours-card>strong{display:block;margin-bottom:8px;color:var(--navy);text-transform:uppercase;font-size:12px;letter-spacing:.8px}.hours-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #e1e6e9;font-size:13px}.hours-row:last-child{border-bottom:0}.hours-row.today{font-weight:850;color:var(--navy)}.distance-card{width:100%;margin-top:14px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:13px 16px;display:flex;gap:12px;align-items:center;text-align:left;cursor:pointer;color:var(--ink)}.distance-card>span{font-size:22px}.distance-card>div{display:flex;flex-direction:column}.distance-card small{color:var(--muted)}.route-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.smart-route-btn,.copy-address-btn{border:0;border-radius:14px;padding:13px 14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.smart-route-btn{background:#111;color:#fff}.copy-address-btn{background:#fff;border:1px solid var(--line);color:var(--navy)}.smart-route-btn>span,.copy-address-btn>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:20px}.copy-address-btn>span{background:#f2f5f6}.smart-route-btn>div,.copy-address-btn>div{display:flex;flex-direction:column}.smart-route-btn small{color:#dce4e8}.copy-address-btn small{color:var(--muted)}.transit-note{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.satellite-map-wrap{position:relative;min-height:620px;background:#e7ecef}.satellite-map-wrap iframe{width:100%;height:100%;min-height:620px;border:0;display:block}.map-bottom-card{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.96);border-radius:16px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 12px 32px rgba(0,0,0,.14)}.map-bottom-card>div{display:flex;flex-direction:column}.map-bottom-card span{font-size:12px;color:var(--muted)}.map-bottom-card a{background:#111;color:#fff;border-radius:999px;padding:10px 15px;font-weight:750;white-space:nowrap}
.contact-center-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;margin-top:28px}.contact-center-intro,.message-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.contact-center-intro h2{font-size:35px}.contact-method-grid{display:grid;gap:10px;margin-top:20px}.contact-method{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--navy);padding:13px 15px;text-align:left;cursor:pointer}.contact-method>span{font-size:22px}.contact-method>div{display:flex;flex-direction:column}.contact-method small{color:var(--muted)}.contact-method>b{font-size:24px;color:#7a8991}.contact-note{margin-top:15px;border-radius:12px;background:#fff7e8;border:1px solid #f0d39e;padding:13px 15px;display:flex;flex-direction:column}.message-form-head h3{font-size:30px;margin:2px 0 4px;color:var(--navy)}.message-form-head p{margin:0 0 18px;color:var(--muted)}.mini-label{font-size:11px;font-weight:850;letter-spacing:1px;color:var(--blue)}.message-submit{width:100%}
.back-to-boxes{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-weight:800;color:var(--blue);padding:9px 12px;border:1px solid #cfe0e8;border-radius:10px;background:#fff}.back-to-boxes:hover{background:#eef7fb}.footer-bottom{text-align:center}.box-cell.disabled.hide-number>span{display:none}
@media(max-width:980px){.payment-showcase-grid{grid-template-columns:1fr}.deposit-showcase-card{grid-template-columns:auto 1fr}.deposit-amount{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.after-rental-grid{grid-template-columns:1fr 1fr}.visit-map-shell{grid-template-columns:1fr}.satellite-map-wrap,.satellite-map-wrap iframe{min-height:520px}.contact-center-shell{grid-template-columns:1fr}}
@media(max-width:600px){.payment-showcase-grid{grid-template-columns:1fr}.pay-showcase-card{grid-template-columns:auto 1fr}.pay-card-number{grid-column:1/-1;border-left:0;border-top:1px solid rgba(21,39,51,.12);padding:12px 0 0}.deposit-showcase-card{grid-template-columns:1fr;text-align:center}.pay-brand-icon{margin:auto}.deposit-amount{align-items:center}.after-rental-grid{grid-template-columns:1fr}.visit-info-panel{padding:20px}.route-actions{grid-template-columns:1fr}.satellite-map-wrap,.satellite-map-wrap iframe{min-height:430px}.map-bottom-card{left:10px;right:10px;bottom:10px}.contact-center-intro,.message-form{padding:20px}.topbar-inner{gap:15px;flex-wrap:wrap;height:auto;min-height:34px;padding:7px 0}}


/* Postbox 365 2.11 – samlade formulärjusteringar */
.rent-layout{align-items:start}
.summary-card{align-self:start;height:auto}
.bot-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.terms-section .terms-check{padding:14px;border:1px solid transparent;border-radius:12px}
.terms-section .important-check{border-color:#e2a132;background:#fff8e7}
.field-invalid{border-color:#d74b4b!important;box-shadow:0 0 0 3px rgba(215,75,75,.14)!important;outline:none!important}
.terms-check.field-invalid-wrap{border-color:#d74b4b!important;box-shadow:0 0 0 3px rgba(215,75,75,.10)!important}
.customer-mode-heading{text-align:center}


/* Postbox 365 2.12 – samlade visuella och navigationsjusteringar */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,450px);gap:70px}
.hero-card{width:100%;max-width:450px;justify-self:end}
.price-section-head{max-width:1000px}
.price-section-head .lead{max-width:1000px;margin-left:auto;margin-right:auto}
.legal-warning-card>div:not(.legal-warning-icon){text-align:center}
.legal-warning-card .legal-actions{justify-content:center}
.visit-info-panel>.eyebrow,.visit-info-panel>h3,.visit-info-panel>.visit-address,.visit-info-panel>.key-pickup-note{text-align:center;display:block}
.contact-center-intro{text-align:center}
.contact-center-intro .contact-method-grid{text-align:left}
.contact-center-intro .contact-note{text-align:center}
.message-form-head{text-align:center}
.hours-row.today{border-radius:10px;margin:2px -7px;padding:8px 7px;border-bottom-color:transparent}
.hours-row.today.open-now{background:#effbf4;color:#196b3f;border:1px solid #cdebd8}
.hours-row.today.closed-now{background:#fff2f2;color:#9b3030;border:1px solid #efd1d1}
.box-cell.disabled.hide-number>span{display:none}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-card{max-width:none;justify-self:stretch}}
@media(max-width:600px){.legal-warning-card>div:not(.legal-warning-icon){text-align:center}.price-section-head{max-width:100%}}

/* Postbox 365 2.13 – enhetliga knappar, tydlig sökträff, aktiv meny och specialadress */
.nav nav a{position:relative}
.nav nav a.active:not(.nav-account){color:var(--orange2);font-weight:850}
.nav nav a.active:not(.nav-account)::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:99px;background:var(--orange)}
.nav-account{border-color:#cbd9e1;background:#f8fafb}
.nav-account:hover{border-color:var(--orange);background:#fff8ed;color:var(--navy)!important}
.nav-account.active{background:var(--orange);border-color:var(--orange);color:var(--navy)!important}
.btn-secondary,.btn-outline{transition:.16s ease}
.btn-secondary:hover,.btn-outline:hover{border-color:var(--orange);background:#fff7ea;color:var(--navy)}

/* Hittad box: markeringen ligger i och runt boxen så även översta raden syns tydligt. */
.box-scroll{padding-top:8px;padding-left:8px;padding-right:8px}
.box-cell.found{position:relative;z-index:8;outline:none!important;transform:scale(1.07);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px var(--orange),0 0 0 3px var(--blue),0 0 22px rgba(11,111,154,.72)!important;animation:box-found-pulse .72s ease-in-out 4}
.box-cell.found::after{content:"✓";position:absolute;top:4px;right:5px;width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:#fff;color:var(--blue);font-size:12px;font-weight:950;line-height:1;box-shadow:0 1px 5px rgba(0,0,0,.25)}
@keyframes box-found-pulse{0%,100%{transform:scale(1.07)}50%{transform:scale(1.14)}}
@media(prefers-reduced-motion:reduce){.box-cell.found{animation:none}}

/* Nyckelhämtning ska vara lätt att upptäcka utan att dominera kontaktsektionen. */
.key-pickup-note{margin:16px 0 4px;padding:13px 15px;border:1px solid #f0c984;border-radius:13px;background:#fff7e8;display:flex!important;align-items:center;justify-content:center;gap:10px;text-align:left!important;color:var(--navy)}
.key-pickup-note .key-pickup-icon{width:34px;height:34px;border-radius:10px;background:var(--orange);display:grid;place-items:center;flex:0 0 auto}
.key-pickup-note>div{display:flex;flex-direction:column;line-height:1.35}
.key-pickup-note>div>strong{font-size:14px}
.key-pickup-note>div>span{font-size:12px;color:#6d6559}

/* Samma orange visuella språk för tydliga handlingsknappar i kontakt/karta. */
.smart-route-btn,.copy-address-btn{background:var(--orange)!important;color:var(--navy)!important;border:1px solid var(--orange)!important;transition:.16s ease}
.smart-route-btn:hover,.copy-address-btn:hover{background:#ffad4c!important;transform:translateY(-1px)}
.smart-route-btn>span,.copy-address-btn>span{background:rgba(255,255,255,.7)!important;color:var(--navy)}
.smart-route-btn small,.copy-address-btn small{color:#5b4935!important}
.map-bottom-card a{background:var(--orange)!important;color:var(--navy)!important}
.map-bottom-card a:hover{background:#ffad4c!important}

@media(max-width:900px){.nav nav a.active:not(.nav-account)::after{display:none}.nav nav a.active:not(.nav-account){background:#fff5e7;border-radius:9px;padding:9px 10px}.box-scroll{padding-left:6px;padding-right:6px}}
@media(max-width:600px){.key-pickup-note{justify-content:flex-start}}


/* Postbox 365 2.14 – tydligare statuslegend och sökträff */
.legend{gap:10px;font-size:15px;font-weight:750;align-items:center}
.legend span{gap:8px;padding:8px 11px;border:1px solid #d9e3e8;border-radius:10px;background:#fff;color:var(--navy);box-shadow:0 3px 10px rgba(20,52,70,.04)}
.legend .dot{width:15px;height:15px;border-radius:5px;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}

/* Den sökta boxen ska synas omedelbart oavsett statusfärg. */
.box-scroll{padding-top:24px;padding-left:12px;padding-right:12px}
.box-cell.found{position:relative;z-index:30;outline:none!important;transform:scale(1.10)!important;box-shadow:0 0 0 4px #fff,0 0 0 9px var(--orange),0 0 0 12px var(--navy),0 0 34px 13px rgba(255,154,36,.48)!important;animation:box-found-214 .68s ease-in-out 5!important}
.box-cell.found::before{content:"SÖKT BOX";position:absolute;left:50%;top:-21px;transform:translateX(-50%);white-space:nowrap;background:var(--orange);color:var(--navy);border:2px solid #fff;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:950;letter-spacing:.45px;line-height:1.4;box-shadow:0 3px 10px rgba(0,0,0,.22)}
.box-cell.found::after{content:"✓";position:absolute;top:4px;right:5px;width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:#fff;color:var(--navy);font-size:13px;font-weight:950;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.28)}
@keyframes box-found-214{0%,100%{transform:scale(1.10)}50%{transform:scale(1.20)}}
@media(prefers-reduced-motion:reduce){.box-cell.found{animation:none!important}}
@media(max-width:600px){.legend{gap:7px}.legend span{padding:7px 9px;font-size:13px}.legend .dot{width:14px;height:14px}.box-scroll{padding-top:22px;padding-left:8px;padding-right:8px}}
@media(max-width:600px){
}

/* PB365-2.15-CENTERING-FIX-START */
/* Särskild postadress – korrigerad centrering utan JavaScript-beroende */
.pb215-special-intro-section .container{
  max-width:1040px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.pb215-special-intro-section .container > div{
  max-width:940px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.pb215-special-intro-section h1,.pb215-special-intro-section h2,.pb215-special-intro-section p,.pb215-special-intro-section .eyebrow{
  margin-left:auto;
  margin-right:auto;
}
.pb215-special-intro-section p{max-width:900px}
.pb215-special-intro-section .legal-actions,.pb215-special-intro-section .hero-actions,.pb215-special-intro-section .special-address-actions{
  justify-content:center!important;
}

.special-address-instruction{
  width:100%!important;
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.pb215-help-card{
  width:100%!important;
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.pb215-help-card p{
  max-width:900px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.pb215-help-card .contact-button-row,.pb215-help-card .legal-actions,.pb215-help-card .hero-actions{
  justify-content:center!important;
}

@media(max-width:1100px){
  .pb215-special-intro-section .container,.special-address-instruction,.pb215-help-card{max-width:calc(100% - 40px)!important}
}
@media(max-width:600px){
  .pb215-special-intro-section .container,.special-address-instruction,.pb215-help-card{max-width:calc(100% - 24px)!important}
  .pb215-help-card .contact-button-row{justify-content:center!important}
}
/* PB365-2.15-CENTERING-FIX-END */

/* Postbox 365 2.17 – konto vid bokning, Mina sidor och betalningsunderlag */
.booking-account-section{margin-top:24px;padding:22px;border:1px solid #cfe0e8;border-radius:15px;background:linear-gradient(180deg,#f7fbfd,#fff)}
.booking-account-section .customer-mode-heading{margin:0}
.booking-account-section h3{margin:4px 0 7px;color:var(--navy)}
.booking-account-section .account-password-grid{margin-top:16px}
.booking-account-section .field small{font-size:12px;color:var(--muted)}
.booking-account-section .password-ok{color:#197046!important;font-weight:750}
.existing-account-link{margin:15px 0 0;font-size:13px;color:var(--muted)}
.existing-account-link a{font-weight:800}
.account-login-return-note{margin:0 0 18px;padding:13px 15px;border-radius:11px;background:#eef8fc;border:1px solid #cde4ee;display:flex;flex-direction:column;gap:2px}
.account-login-return-note span{font-size:13px;color:var(--muted)}

.account-nav a.active{background:var(--navy);color:#fff}
.account-welcome-card{background:linear-gradient(135deg,#fff,#f3f9fb)}
.account-section-title{margin-top:30px!important;font-size:27px!important;letter-spacing:-.5px!important}
.account-rental-card{padding:24px}
.account-rental-card.expiring{border-color:#efc278;box-shadow:0 0 0 3px rgba(255,158,45,.08)}
.rental-status-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.days-left-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf5fa;color:#17556f;font-size:12px;font-weight:800}
.days-left-pill.warning{background:#fff0d9;color:#8b550c}
.rental-date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:470px;margin:10px 0 14px}
.rental-date-grid>div{padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#f8fafb;display:flex;flex-direction:column}
.rental-date-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:800}
.rental-date-grid strong{color:var(--navy)}
.rental-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.mini-address{margin-top:12px;padding:13px 15px;background:#f5f8fa;border-radius:11px;border:1px solid var(--line);max-width:440px}
.mini-address span{font-size:12px;color:var(--muted)}
.account-password-card{margin-top:18px}
.account-password-card h2{font-size:26px!important;margin-top:5px!important}

.receipt-shell{max-width:900px}
.receipt-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}

@media(max-width:900px){.rental-actions{justify-content:flex-start}
}
@media(max-width:600px){
 .booking-account-section{padding:17px}.booking-account-section .account-password-grid{grid-template-columns:1fr}
 .account-rental-card{padding:18px}.rental-date-grid{grid-template-columns:1fr}.receipt-toolbar{flex-direction:column}.receipt-toolbar .btn{width:100%}
}
@media print{
 .site-header,.footer,.floating-contact,.chat-channel-panel,.receipt-toolbar{display:none!important}
 body,.section-soft{background:#fff!important}.section{padding:0!important}.container{width:100%!important;max-width:none!important}
}

/* Postbox 365 2.18 – samlade förbättringar från fungerande serverbas */
/* Uthyrning: vänsterställd tillbaka-knapp och tydligare periodpris. */
.rent-back-row{margin:-18px 0 28px;text-align:left}

/* Sammanfattning: boxidentiteten hålls visuellt skild från kostnadsberäkningen. */
.summary-box-identity{margin:4px 0 17px;padding:16px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;gap:2px}
.summary-box-identity span{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#cfe0e8;font-weight:800}
.summary-box-identity strong{font-size:24px;line-height:1.15;color:#fff}

/* Checkboxar: samma lodräta startlinje utan att ändra kortens storlek. */
.terms-section .terms-check{padding-left:36px}

/* Sökresultat: större box utan reflow; datumet prioriteras. */
.box-cell.found{z-index:45!important;transform:scale(1.38)!important;box-shadow:0 0 0 3px #fff,0 0 0 7px var(--orange),0 0 0 10px var(--navy),0 10px 34px rgba(10,39,54,.34)!important;animation:box-found-218 .62s ease-in-out 3!important}
.box-cell.found>span:first-child{font-size:15px;font-weight:950;line-height:1}
.box-cell.found .date{font-size:11px!important;font-weight:950!important;line-height:1!important;margin-top:5px!important;opacity:1!important}
.box-cell.found::before{top:-18px;font-size:8px;padding:2px 6px}
.box-cell.found::after{width:17px;height:17px;font-size:11px;top:3px;right:4px}
@keyframes box-found-218{0%,100%{transform:scale(1.38)}50%{transform:scale(1.48)}}
@media(prefers-reduced-motion:reduce){.box-cell.found{animation:none!important}}

/* Bekräftelsesida efter betalning/testuthyrning. */
.payment-complete-shell{max-width:1040px}
.payment-order-card,.next-step-card,.my-pages-next-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 28px rgba(20,52,70,.06)}
.payment-order-card{padding:30px}
.payment-order-topline{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--line)}
.payment-order-topline h1{margin:4px 0 0;color:var(--navy);font-size:clamp(34px,5vw,48px);line-height:1}
.order-number-badge{min-width:220px;padding:12px 15px;border-radius:12px;background:#f4f8fa;border:1px solid var(--line);display:flex;flex-direction:column}
.order-number-badge span,.payment-order-facts span{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:800}
.order-number-badge strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--navy)}
.payment-test-note{margin:18px 0 0}
.payment-order-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.payment-order-facts>div{padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:#f8fafb;display:flex;flex-direction:column;gap:3px}
.payment-order-facts strong{font-size:18px;color:var(--navy)}
.payment-order-facts .end-date{background:#fff2f2;border-color:#efcccc}
.payment-order-facts .end-date strong{color:#a62929}
.payment-price-breakdown{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}
.breakdown-title h2{font-size:27px!important;margin:3px 0 12px!important}
.breakdown-row,.breakdown-total{display:flex;justify-content:space-between;gap:20px;padding:11px 3px;border-bottom:1px solid var(--line)}
.breakdown-row strong{color:var(--navy);white-space:nowrap}
.breakdown-total{border-bottom:0;border-top:2px solid var(--navy);margin-top:6px;padding-top:15px;font-size:22px;font-weight:900;color:var(--navy)}
.next-steps-head{text-align:center;max-width:760px;margin:44px auto 20px}
.next-steps-head h2{margin:5px 0 8px}.next-steps-head p{color:var(--muted);margin:0}
.next-steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.next-step-card{padding:25px;display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:start}
.next-step-number{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--navy);font-size:21px;font-weight:950}
.next-step-card h2{font-size:27px!important;margin:3px 0 10px!important}
.next-step-card p{color:#42545e}
.next-step-card .contact-button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.compact-address{margin:12px 0;padding:14px 16px}
.my-pages-next-card{margin-top:18px;padding:24px 27px;border-left:5px solid var(--orange);display:flex;justify-content:space-between;align-items:center;gap:24px}
.my-pages-next-card h2{font-size:27px!important;margin:3px 0 7px!important}.my-pages-next-card p{margin:0;color:var(--muted)}
.my-pages-button{white-space:nowrap;min-width:180px}
.inline-password-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;min-width:520px}

/* Mobil/index: behåll desktopens centrering och visuella hierarki. */
@media(max-width:900px){
  .hero-grid{text-align:center}.hero-grid>div:first-child{display:flex;flex-direction:column;align-items:center}.hero p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}
  .hero-card{display:block!important;text-align:left;max-width:560px;margin:0 auto;justify-self:center}
  .box-toolbar{align-items:center;justify-content:center;text-align:center}.legend{justify-content:center}.box-search{justify-content:center}
  .wall-tabs{justify-content:center}.wall-title{justify-content:center;text-align:center}
  .after-rental-card{text-align:center}.after-rental-card>a{display:inline-block}
  .next-steps-grid{grid-template-columns:1fr}.payment-order-topline{flex-direction:column}.order-number-badge{min-width:0;width:100%}.my-pages-next-card{flex-direction:column;text-align:center}.inline-password-form{min-width:0;width:100%;grid-template-columns:1fr}
}
@media(max-width:600px){
  .rent-back-row{margin-top:-12px;margin-bottom:20px}.back-to-boxes{width:auto}
  .terms-section .terms-check{padding-left:36px}
  .hero-grid{padding:42px 0}.hero h1{text-align:center}.hero p{text-align:center}.hero-card{text-align:center}.hero-card .mini-item{text-align:left}
  .box-toolbar{display:flex!important;flex-direction:column;align-items:stretch}.legend{justify-content:center}.box-search{margin-top:0;width:100%}.wall-tabs{justify-content:center}.wall-tab{flex:1 1 100%;text-align:center}
  .section-head.center,.price-section-head,.box-rental-head{text-align:center}.box-start-callout{text-align:left}
  .steps .step{text-align:center}.step-num{margin-left:auto;margin-right:auto}
  .payment-order-card{padding:20px}.payment-order-facts{grid-template-columns:1fr}.next-step-card{grid-template-columns:1fr;text-align:center;padding:21px}.next-step-number{margin:0 auto}.next-step-card .contact-button-row{justify-content:center}.next-step-card .contact-button-row .btn{width:100%}
  .breakdown-row,.breakdown-total{gap:12px}.breakdown-row span{min-width:0}.my-pages-next-card{padding:21px}.my-pages-button{width:100%}
  .box-cell.found{transform:scale(1.28)!important}@keyframes box-found-218{0%,100%{transform:scale(1.28)}50%{transform:scale(1.36)}}
}



/* Kostnadssammanfattning och exakt checkboxlinje. */
.summary-card-order{padding:28px 26px 26px}
.summary-card-header{margin-bottom:17px}
.summary-card-order .summary-card-header h3{margin:0;font-size:22px;line-height:1.2;color:#fff}
.summary-card-order .summary-box-identity{margin:0 0 20px;padding:16px 17px 15px;border:1px solid rgba(255,255,255,.20);border-radius:13px;background:rgba(255,255,255,.075);display:block}
.summary-card-order .summary-box-identity>span{display:block;margin-bottom:4px;font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.9px;font-weight:900;color:#b9d5e1}
.summary-card-order .summary-box-identity>strong{display:block;font-size:26px;line-height:1.08;font-weight:950;color:#fff;letter-spacing:.15px}
.summary-card-order .summary-box-identity>small{display:block;margin-top:7px;font-size:11px;line-height:1.35;color:#c8dce5}
.summary-card-order .summary-row{align-items:flex-start;gap:18px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.summary-card-order .summary-row>strong{flex:0 0 auto;white-space:nowrap;font-size:16px;line-height:1.35;font-weight:950;color:#fff}
.summary-card-order .summary-total{margin-top:7px;padding:18px 0 3px;border-top:2px solid rgba(255,255,255,.34);align-items:baseline;font-size:21px}
.summary-card-order .summary-total>span:first-child{font-weight:900;color:#fff}
.summary-card-order .summary-total>span:last-child{font-size:27px;line-height:1;font-weight:950;color:#fff}
.summary-card-order .test-mode-note{margin-top:19px}
.summary-card-order .btn{min-height:45px}

/* Alla fyra checkboxar börjar på exakt samma lodräta linje. */
.addon-toggle,.terms-section .terms-check{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:12px;align-items:start}
.addon-toggle input,.terms-section .terms-check input{width:16px;height:16px;margin:3px 0 0;padding:0;justify-self:start}
.terms-section .terms-check{padding-left:36px}

@media(max-width:600px){
  .summary-card-order{padding:23px 21px}
  .summary-card-order .summary-box-identity>strong{font-size:24px}
  .summary-card-order .summary-total>span:last-child{font-size:25px}
  .terms-section .terms-check{padding-left:31px}
}


/* Postbox 365 2.19 – tydligare bokningsflöde, sammanfattning och mobil avslutning. */
.rent-page{padding-top:56px;padding-bottom:72px}
.rent-page .section-head.center{margin-bottom:30px}
.rent-page .rent-back-row{margin-bottom:16px}
.rent-page .form-card{padding:24px}

/* Steg 1–4: samma visuella språk genom hela formuläret. */
.step-heading{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;align-items:start;margin-bottom:16px!important}
.step-heading>div,.step-heading-copy{min-width:0}
.step-badge{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:15px;font-weight:950;box-shadow:0 4px 12px rgba(16,52,70,.12)}
.step-heading h3{margin:2px 0 2px!important}
.step-heading .small{margin:4px 0 0}
.customer-mode-section,.booking-account-section,.addon-services-section,.terms-step-section{margin-top:14px}
.terms-step-section{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}
.terms-step-section .terms-section{margin-top:2px}

/* Fälthjälp och diskret bekräftelse när obligatoriska uppgifter är korrekta. */
.field>small{font-size:11.5px;color:var(--muted);line-height:1.35}
.field.field-valid{position:relative}
.field.field-valid>input:not([type="checkbox"]),.field.field-valid>textarea{border-color:#75c49a;padding-right:38px;background-color:#fbfffd}
.field.field-valid::after{content:"✓";position:absolute;right:12px;top:35px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e5f7ee;color:#17653f;font-size:12px;font-weight:950;pointer-events:none}
.field.field-invalid>input,.field.field-invalid>select,.field.field-invalid>textarea,input.field-invalid,select.field-invalid,textarea.field-invalid{border-color:#d74b4b!important;box-shadow:0 0 0 3px rgba(215,75,75,.10)!important}
.terms-check.field-valid-wrap{border-color:#75c49a!important;background:#f5fcf8!important}

/* Exakt samma checkboxlinje för extra vuxen, barn, "Jag förstår" och "Jag godkänner". */
.addon-services-section,.terms-step-section{padding-left:20px;padding-right:20px}
.addon-card{padding:16px}
.addon-toggle,.terms-section .terms-check{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;column-gap:12px!important;align-items:start!important}
.addon-toggle input,.terms-section .terms-check input{width:16px!important;height:16px!important;margin:3px 0 0!important;padding:0!important;justify-self:start!important}
.terms-section .terms-check{padding:14px 16px!important}

/* Sammanfattning – postboxen först, därefter kostnader och ett tydligt totalbelopp. */
.summary-card-order{top:92px;padding:24px 24px 22px;box-shadow:0 14px 34px rgba(13,45,61,.14)}
.summary-card-order .summary-card-header{margin-bottom:14px}
.summary-card-order .summary-card-header h3{font-size:21px}
.summary-card-order .summary-box-identity{margin-bottom:16px;padding:15px 16px}
.summary-card-order .summary-box-identity>strong{font-size:25px}
.summary-card-order .summary-box-identity>small{margin-top:6px;font-size:11px}
.summary-card-order .summary-row{padding:11px 0;align-items:flex-start}
.summary-card-order .summary-row>strong{font-size:15px}
.summary-card-order .summary-total{margin-top:6px;padding-top:15px}
.summary-card-order .summary-total>span:last-child{font-size:28px}
.summary-card-order .test-mode-note{margin-top:16px}
.summary-card-order>.btn{margin-top:14px!important}
.summary-card-order>.small{margin-bottom:0}
@media(max-width:900px){
  .rent-page{padding-top:38px;padding-bottom:96px}
  .rent-page .section-head.center{margin-bottom:24px}
  .summary-card-order{position:static;order:2;margin-top:0}
  .summary-card-order>.btn{display:none}
  body.rent-page-active{padding-bottom:82px}
  body.rent-page-active .floating-contact{bottom:90px}
}
@media(max-width:600px){
  .rent-page .container{width:min(100% - 24px,1180px)}
  .rent-page .form-card{padding:15px}
  .customer-mode-section,.booking-account-section,.addon-services-section,.terms-step-section{padding:16px}
  .step-heading{grid-template-columns:34px minmax(0,1fr);gap:10px}
  .step-badge{width:34px;height:34px;font-size:14px}
  .terms-section .terms-check{padding:13px 16px!important}
  .summary-card-order{padding:21px 20px}
}

/* Postbox 365 2.20 – renare femstegsflöde och checkout */
.rental-choice-section{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff;margin-top:0}
.rental-choice-section .rental-top-grid{margin:0}
.period-select-clean{font-weight:800;color:var(--navy)}
.period-select-clean option{font-weight:500;color:var(--ink)}
.period-select-clean option:disabled{color:var(--muted)}
.rental-period-card[hidden]{display:none!important}
.customer-mode-section,.booking-account-section,.addon-services-section,.terms-step-section{margin-top:16px}
.step-badge{font-weight:950}
.summary-card-order .summary-card-header{margin-bottom:12px}
.summary-card-order .summary-card-header h3{font-size:22px}
.summary-card-order .summary-box-identity{padding:14px 0 16px;margin:0;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;background:transparent}
.summary-card-order .summary-box-identity>strong{font-size:25px}
.summary-card-order .summary-box-identity>small{margin-top:4px}
.summary-card-order .summary-row{align-items:center;padding:12px 0}
.summary-card-order .summary-row>span{font-size:14px;font-weight:720;color:#fff}
.summary-card-order .summary-row>strong{font-size:15px}
.summary-card-order .summary-total{margin-top:5px;padding-top:17px}
.summary-card-order .compact-test-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px}
.summary-card-order .compact-test-note strong{font-size:11px}
.summary-card-order .compact-test-note span{font-size:11px}
.addon-card,.terms-section .terms-check{padding-left:16px!important}
.addon-toggle,.terms-section .terms-check{grid-template-columns:16px minmax(0,1fr)!important;column-gap:12px!important}
@media(max-width:900px){
  .summary-card-order{position:static;order:2}
  .summary-card-order>.btn{display:inline-flex!important}
  body.rent-page-active{padding-bottom:0}
  body.rent-page-active .floating-contact{bottom:10px}
}
@media(max-width:600px){.rental-choice-section{padding:16px}}


/* Postbox 365 2.21 – komplett Mina sidor, flera boxar och tydlig historik */
.period-select-clean{font-weight:400!important;color:var(--ink)!important}
.period-select-clean:invalid{font-weight:400!important;color:var(--muted)!important}
.account-shell-wide{max-width:1080px}
.account-nav-wide{gap:8px}
.account-nav-wide a{white-space:nowrap}
.account-status-hero{padding:30px;background:linear-gradient(135deg,#fff,#f2f9fb)}
.account-status-hero h1{margin:8px 0 18px;font-size:34px;color:var(--navy)}
.account-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.account-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.account-card-head h2{font-size:22px;margin:3px 0}.account-card-head>a{font-size:13px;font-weight:800}
.compact-box-row,.compact-payment-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.compact-box-row>div:first-child,.compact-payment-row>div:first-child{display:flex;flex-direction:column;min-width:0}.compact-box-row span,.compact-payment-row span{font-size:12px;color:var(--muted)}.compact-payment-row>strong{white-space:nowrap}.account-wide-button{width:100%;margin-top:16px}
.account-page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.account-page-head h1{margin:5px 0 8px;color:var(--navy)}.account-page-head p{margin:0;color:var(--muted)}
.status-pill.neutral{background:#edf5f8;color:var(--navy)}.past-rental-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.past-rental-row>div{display:flex;flex-direction:column}.past-rental-row span{font-size:13px;color:var(--muted)}
.history-filter{display:flex;align-items:center;gap:10px;margin:18px 0}.history-filter label{font-weight:800;color:var(--navy)}.history-filter select{width:auto;min-width:210px}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--orange);margin-top:8px;box-shadow:0 0 0 4px #fff3e4}.history-event-time{font-size:12px;color:var(--muted);font-weight:700}.history-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--muted)}
.account-form-button{width:100%}.account-password-card .btn-primary{background:var(--orange);color:#172a36}.account-password-card .btn-primary:hover{background:#ffad4c}
.renewal-assurance{margin:14px 0 18px}.completion-action-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){.account-dashboard-grid{grid-template-columns:1fr}.account-page-head{align-items:flex-start;flex-direction:column}.account-nav-wide{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.account-nav-wide a{flex:0 0 auto}}
@media(max-width:620px){.account-status-hero{padding:22px}.account-status-hero h1{font-size:29px}.past-rental-row{align-items:flex-start;flex-direction:column}.completion-action-row{flex-direction:column}.completion-action-row .btn{width:100%}}

/* 2.22 – förlängning, kundmeny och kvitto */
.customer-nav-wrap{position:sticky;top:78px;z-index:44;background:rgba(244,248,250,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.customer-nav-wrap .account-nav{margin:0;padding:10px 0}
.renewal-shell{max-width:900px}.renewal-card{padding:30px}.renewal-date-status{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.date-status-card{border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;flex-direction:column;gap:4px;background:#f8fafb}.date-status-card span{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:850}.date-status-card strong{font-size:20px;color:var(--navy)}.date-status-card small{font-weight:750;color:var(--muted)}.date-status-card.today{background:#edf9f1;border-color:#bfe4ca}.date-status-card.today strong{color:#17653f}.date-status-card.current-end{background:#fff1f1;border-color:#efcaca}.date-status-card.current-end strong,.date-status-card.current-end small{color:#a62929}.date-status-card.new-end{background:#edf7fb;border-color:#bcdde9}.date-status-card.new-end strong{color:#0b6f9a}.renewal-addons-head{margin:26px 0 12px}.renewal-addons-head h2{font-size:24px!important;margin:4px 0 5px!important}.renewal-addons-head p{margin:0;color:var(--muted)}.optional-badge{display:inline-flex;font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.4px;background:#edf5f8;color:var(--blue);border-radius:999px;padding:3px 7px;margin-left:6px;vertical-align:2px}.field-error-message{margin-top:5px;color:#a62929;font-size:12px;font-weight:700}.renew-summary-empty{color:var(--muted);padding:6px 0}.btn:disabled{opacity:.48;cursor:not-allowed}.order-number-badge small{display:block;color:var(--muted);font-size:12px;margin-top:6px;white-space:nowrap}.renewal-success-pill{margin-top:12px}.renewal-facts .previous-end{background:#fff1f1;border-color:#efcccc}.renewal-facts .previous-end strong{color:#a62929}.renewal-facts .new-end{background:#edf9f1;border-color:#bfe4ca}.renewal-facts .new-end strong{color:#17653f}.renewal-deposit-note{margin:14px 0 0}.renewal-complete-actions{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.renewal-complete-actions h2{margin:4px 0 6px!important;font-size:28px!important}.renewal-complete-actions p{margin:0;color:var(--muted);max-width:620px}.renewal-complete-actions .completion-action-row{justify-content:flex-end}
@media(max-width:900px){.customer-nav-wrap{top:70px}.renewal-date-status{grid-template-columns:1fr}.renewal-complete-actions{align-items:flex-start;flex-direction:column}.renewal-complete-actions .completion-action-row{justify-content:flex-start;width:100%}.renewal-complete-actions .btn{width:100%}}

/* Postbox 365 2.23 – en-box-först, tydlig kundportal och samlad historik */
/* Publika sidhuvudet ligger alltid kvar vid scroll. */
.site-header{position:sticky;top:0;z-index:100}

/* Kundmenyn separeras visuellt och ligger lägre än den publika menyn. */
.customer-nav-wrap{position:sticky;top:112px;z-index:44;background:linear-gradient(to bottom,var(--bg) 0,var(--bg) 72%,rgba(244,248,250,0) 100%);border:0;backdrop-filter:none;padding:20px 0 8px}
.customer-nav-wrap .account-nav{display:flex;width:max-content;max-width:100%;margin:0;padding:7px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(20,52,70,.07)}
.customer-nav-wrap .account-nav a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 14px}

/* Gemensamt knappsystem i kundportalen. */
.account-shell .btn,.renewal-shell .btn,.payment-complete-shell .btn{min-height:46px;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:800;line-height:1.15}
.account-shell .btn-primary,.renewal-shell .btn-primary,.payment-complete-shell .btn-primary{background:var(--orange);color:#172a36;border:1px solid var(--orange)}
.account-shell .btn-primary:hover,.renewal-shell .btn-primary:hover,.payment-complete-shell .btn-primary:hover{background:#ffad4c;border-color:#ffad4c}
.account-shell .btn-outline,.renewal-shell .btn-outline,.payment-complete-shell .btn-outline{background:#fff;color:var(--navy);border:1px solid var(--line)}
.account-shell .btn-outline:hover,.renewal-shell .btn-outline:hover,.payment-complete-shell .btn-outline:hover{border-color:var(--orange);background:#fff7ea}

/* Dagar kvar: grönt normalt, orange endast sista 7 dagarna, rött efter utgång. */
.days-left-pill{background:#e5f7ee!important;color:#17653f!important;border:1px solid #c4e7d3}
.days-left-pill.warning{background:#fff0d9!important;color:#8b550c!important;border-color:#efd19d}
.days-left-pill.expired{background:#fdecec!important;color:#a62929!important;border-color:#efcaca}
.days-left-inline{color:#17653f;font-weight:850}.days-left-inline.warning{color:#9a640d}.days-left-inline.expired{color:#a62929}
.end-date-red{color:#b32626!important;font-weight:850!important}

/* En-box-först på översikten. */
.single-box-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 16px}
.single-box-summary>div{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8fafb}
.single-box-summary span{font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:800;color:var(--muted)}
.single-box-summary strong{color:var(--navy)}
.single-box-actions{display:flex;gap:9px;flex-wrap:wrap}.secondary-rent-more{margin-top:14px}

/* Samlad Historik – betalning och uthyrningshändelse i samma rad. */
.history-page-head{margin-bottom:18px}.unified-history-card{padding-top:7px;padding-bottom:7px}
.unified-history-item{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:14px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
.unified-history-item:last-child{border-bottom:0}
.timeline-dot{width:12px;height:12px;border-radius:50%;margin-top:8px;box-shadow:0 0 0 4px rgba(0,0,0,.035)}
.timeline-dot.active{background:#27a866;box-shadow:0 0 0 4px #e5f7ee}.timeline-dot.warning{background:var(--orange);box-shadow:0 0 0 4px #fff0d9}.timeline-dot.expired{background:#d94b4b;box-shadow:0 0 0 4px #fdecec}.timeline-dot.neutral{background:#9aabb4}
.unified-history-content{min-width:0}.unified-history-content h3{font-size:17px;margin:3px 0 7px;color:var(--navy)}
.history-event-time{font-size:13px!important;font-weight:850!important;color:#35586a!important}
.history-date-change{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;color:var(--muted)}
.history-date-change strong{color:#b32626;font-weight:900}.history-arrow{color:#8aa0ab;font-weight:900}
.unified-history-content .history-meta{margin-top:8px;gap:13px}.unified-history-amount{display:flex;flex-direction:column;align-items:flex-end;gap:5px;white-space:nowrap}
.unified-history-amount>strong{font-size:19px;color:var(--navy)}.unified-history-amount>a{font-size:12px;font-weight:850}

@media(max-width:900px){
  .customer-nav-wrap{position:static;padding:18px 0 6px;background:var(--bg)}
  .customer-nav-wrap .account-nav{width:100%;overflow-x:auto;flex-wrap:nowrap}
  .single-box-summary{grid-template-columns:1fr}
}
@media(max-width:620px){
  .unified-history-item{grid-template-columns:18px 1fr}.unified-history-amount{grid-column:2;align-items:flex-start;margin-top:2px}
}


/* Postbox 365 2.24 – slutlig portalfinjustering före kvitto/bokföringsmodulen */
/* Kompaktare huvudkort, utan att tappa den tydliga statusen. */
.account-status-hero{padding:26px}
.account-status-hero h1{margin:7px 0 14px}

/* Box- och historikkorten får samma rytm och mänskliga datum. */
.account-dashboard-grid .account-card{display:flex;flex-direction:column}
.account-dashboard-grid .account-card-head{min-height:54px;align-items:flex-start}
.account-dashboard-grid .account-card-head>a{margin-top:2px}
.compact-box-row,.compact-payment-row{min-height:66px}
.compact-box-row span,.compact-payment-row span{margin-top:2px;line-height:1.35}
.compact-payment-row>strong{font-size:16px;color:var(--navy)}

/* Dagar kvar är alltid visuellt statuskodade på samma sätt i hela kundportalen. */
.days-left-pill:not(.warning):not(.expired),.days-left-inline:not(.warning):not(.expired){color:#17653f!important}
.days-left-pill.warning,.days-left-inline.warning{color:#9a640d!important}
.days-left-pill.expired,.days-left-inline.expired{color:#b32626!important}

/* Historiken prioriterar händelsedatum och slutdatum, orderdetaljer ligger sekundärt. */
.history-event-time{font-size:13px!important;font-weight:900!important;color:var(--navy)!important;letter-spacing:.05px}
.history-date-change{font-size:14px;line-height:1.45}
.history-date-change strong{font-size:14px;color:#b32626!important}
.unified-history-content .history-meta{font-size:11px;color:#718791}
.unified-history-amount>strong{font-size:20px}

@media(max-width:620px){
  .account-status-hero{padding:20px}
  .account-dashboard-grid .account-card-head{min-height:auto}
}

/* Postbox 365 2.25 – portaljusteringar och företagsflöde */
/* Kundmenyn ligger centrerad i sidflödet, direkt ovanför kundinnehållet. */
.customer-nav-wrap{position:static!important;top:auto!important;background:var(--bg)!important;border:0!important;padding:34px 0 8px!important}
.customer-nav-wrap .account-shell-wide{display:flex;justify-content:center}
.customer-nav-wrap .account-nav{width:max-content!important;margin:0 auto!important}
.customer-nav-wrap + .section{padding-top:12px}

/* Checkout-sammanfattningen behåller luft under hela sticky-headern vid scroll. */
@media(min-width:901px){.summary-card-order{top:136px!important}}

/* Kunduppgifter på PB/PF-bekräftelsen. */
.order-customer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#f8fbfc}
.order-customer-main h2{margin:4px 0 14px!important;font-size:25px!important;color:var(--navy)}
.order-customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.order-customer-grid>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.order-customer-grid .wide{grid-column:1/-1}
.order-customer-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.55px;color:var(--muted);font-weight:850}
.order-customer-grid strong{font-size:14px;color:var(--navy);overflow-wrap:anywhere}
.order-customer-type{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border-radius:999px;background:#eaf5fa;color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.compact-order-test{margin-top:12px!important;padding:10px 13px!important}
.company-post-address-step .address-copy-box{margin:12px 0 15px}

@media(max-width:900px){
  .customer-nav-wrap{padding-top:20px!important}
  .customer-nav-wrap .account-shell-wide{display:block}
  .customer-nav-wrap .account-nav{width:100%!important;margin:0!important}
  .customer-nav-wrap + .section{padding-top:10px}
  .order-customer-card{grid-template-columns:1fr;gap:14px}
  .order-customer-type{justify-self:start}
}
@media(max-width:620px){
  .order-customer-grid{grid-template-columns:1fr}
  .order-customer-grid .wide{grid-column:auto}
}
/* Postbox 365 2.25 */

/* Postbox 365 2.26 – samlad portalfinjustering */
/* Kort sida: footern ligger längst ner utan att vara fixed och utan att täcka innehåll. */
html,body{min-height:100%}
body{min-height:100vh;display:flex;flex-direction:column}
.footer{margin-top:auto;flex:0 0 auto}

/* Ankarlänkar tar hänsyn till den fasta publika menyn. */
#priser,#boxar,#sa-fungerar-det{scroll-margin-top:132px}

/* Kundmenyn följer med vid scroll men behåller tydligt mellanrum till den publika menyn. */
.customer-nav-wrap{position:sticky!important;top:112px!important;z-index:82!important;background:rgba(245,248,250,.97)!important;backdrop-filter:blur(9px);padding:24px 0 10px!important}
.customer-nav-wrap .account-shell-wide{display:flex;justify-content:center}
.customer-nav-wrap .account-nav{width:max-content!important;max-width:100%;margin:0 auto!important}
.customer-nav-wrap + .section{padding-top:12px}

/* Din postbox: komplett box- och kundkort i två jämna kolumner. */
.postbox-page-head{margin-bottom:18px}
.rental-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;margin-top:18px}
.rental-box-column,.rental-customer-column{min-width:0}
.rental-box-column h3,.rental-customer-head h3{margin:0 0 14px;color:var(--navy);font-size:24px}
.rental-date-grid{margin-bottom:14px}
.mini-address{margin-top:0;background:#f7fafb;border:1px solid var(--line);border-radius:12px;padding:15px 16px;line-height:1.55}
.rental-customer-column{background:#f8fbfc;border:1px solid var(--line);border-radius:14px;padding:18px}
.rental-customer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.rental-customer-head h3{font-size:20px;margin:3px 0 0}
.rental-customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}
.rental-customer-grid>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.rental-customer-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.55px;color:var(--muted);font-weight:850}
.rental-customer-grid strong{font-size:14px;color:var(--navy);overflow-wrap:anywhere}
.account-rental-card .rental-status-line{margin-bottom:0}
.rent-more-row{display:flex;justify-content:center;margin:16px 0 4px}
.rent-more-row .btn{min-width:210px}

/* Historik: kompakt tidslinje, tydligt betalningsläge och enhetlig underlagsknapp. */
.history-page-head{margin-bottom:16px}
.unified-history-item{padding:15px 0;align-items:center}
.unified-history-content h3{margin:2px 0 5px}
.unified-history-content .history-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px;margin-top:7px}
.payment-state-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.2px}
.payment-state-badge.paid{background:#e5f7ee;color:#17653f;border:1px solid #c4e7d3}
.payment-state-badge.test{background:#edf5f8;color:#17556f;border:1px solid #d2e3eb}
.history-underlag-btn{min-height:34px!important;padding:7px 11px!important;border-radius:9px!important;font-size:12px!important}
.unified-history-amount{gap:7px}
.unified-history-amount .days-left-pill{font-size:10px;padding:4px 8px}

@media(max-width:900px){
  .customer-nav-wrap{top:102px!important;padding:12px 0 8px!important}
  .customer-nav-wrap .account-shell-wide{display:block}
  .customer-nav-wrap .account-nav{width:100%!important;margin:0!important;overflow-x:auto;flex-wrap:nowrap}
  .rental-detail-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  #priser,#boxar,#sa-fungerar-det{scroll-margin-top:112px}
  .rental-customer-grid{grid-template-columns:1fr}
  .rental-customer-head{flex-direction:column}
  .rental-customer-head .btn{width:100%}
  .unified-history-item{align-items:start}
}
/* Postbox 365 2.26 */


/* Egen livechatt i Postbox 365. */
.webchat-panel{width:min(390px,calc(100vw - 116px));display:flex;flex-direction:column;max-height:min(690px,calc(100vh - 48px))}.webchat-body{display:flex;min-height:0;flex:1;flex-direction:column;background:#f6f9fb}.webchat-status{display:flex;align-items:center;gap:7px;padding:9px 14px;border-bottom:1px solid var(--line);background:#fff;color:var(--muted);font-size:11px}.webchat-online-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(37,167,104,.12)}.webchat-messages{min-height:210px;max-height:390px;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:9px;scroll-behavior:smooth}.webchat-welcome{align-self:flex-start;max-width:82%;padding:10px 12px;border:1px solid var(--line);border-radius:14px 14px 14px 4px;background:#fff;color:var(--ink);font-size:13px;box-shadow:0 4px 12px rgba(13,51,70,.05)}.webchat-msg{display:flex;flex-direction:column;gap:3px;max-width:84%}.webchat-msg.from-customer{align-self:flex-end;align-items:flex-end}.webchat-msg.from-us{align-self:flex-start;align-items:flex-start}.webchat-bubble{padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.webchat-msg.from-customer .webchat-bubble{background:var(--blue);color:#fff;border-radius:14px 14px 4px 14px}.webchat-msg.from-us .webchat-bubble{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px 14px 14px 4px}.webchat-msg small{padding:0 3px;color:#83939b;font-size:9px}.webchat-form{padding:12px 13px 10px;border-top:1px solid var(--line);background:#fff}.webchat-profile{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.webchat-profile input{padding:8px 9px;border-radius:8px;font-size:11px}.webchat-profile input[name=phone]{grid-column:1/-1}.webchat-profile[hidden]{display:none!important}.webchat-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.webchat-send-row{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:end}.webchat-send-row textarea{min-height:46px;max-height:130px;padding:10px 11px;border-radius:11px;resize:vertical;font-size:12px}.webchat-send-row button{width:44px;height:44px;border:0;border-radius:11px;background:var(--blue);color:#fff;font-size:18px;cursor:pointer}.webchat-send-row button:hover{background:var(--blue2)}.webchat-send-row button:disabled{opacity:.55;cursor:wait}.webchat-error{margin-top:7px;padding:7px 9px;border-radius:7px;background:#fff0f0;color:#9f3030;font-size:10px}.webchat-alt{padding:9px 13px 13px;border-top:1px solid #edf1f3;background:#fff}.webchat-alt>span{display:block;margin-bottom:6px;color:var(--muted);font-size:10px}.webchat-alt>div{display:flex;gap:6px;flex-wrap:wrap}.webchat-alt a{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#f8fbfc;color:var(--navy);font-size:10px;font-weight:750}.webchat-alt a:hover{border-color:#b8dce9;background:#edf8fc}.footer-chat-link{padding:0;border:0;background:transparent;color:#fff;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){.webchat-panel{left:10px;right:70px;bottom:10px;width:auto;max-height:calc(100vh - 20px)}.webchat-messages{max-height:42vh}.webchat-profile{grid-template-columns:1fr}.webchat-profile input[name=phone]{grid-column:auto}.webchat-send-row{grid-template-columns:1fr 42px}.webchat-send-row button{width:42px;height:42px}}

/* Postbox 365 2.33 – betalning och 30-dagars vänteläge */
.box-cell.expired-hold{background:#252b30;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.box-cell.expired-hold .date{color:#fff;opacity:.86}
.renewal-assurance.reactivation{background:#fff8e7;border-color:#e8c174;color:#76520b}
.payment-method-auto-note{display:flex;gap:10px;align-items:flex-start;border:1px solid #cfe4ee;background:#f3fafd;border-radius:12px;padding:12px 14px}
@media(max-width:600px){.box-cell.expired-hold .date{font-size:9px}.renewal-assurance.reactivation{padding:13px}}

/* Postbox 365 2.33 – trygg betalningsruta i uthyrning */
.checkout-payment-note{margin-top:14px;padding:13px 14px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.08);display:grid;gap:3px}
.checkout-payment-note strong{color:#fff;font-size:13px}.checkout-payment-note span{color:#dceaf0;font-size:12px;line-height:1.4}
@media(max-width:900px){.checkout-payment-note{margin-top:12px}}

/* Platformregel 2.34.1: validering vid fältet, globala meddelanden som toast. */
.platform-toast-host{position:fixed;right:20px;bottom:20px;z-index:10050;display:grid;gap:10px;width:min(420px,calc(100vw - 32px));pointer-events:none}
.platform-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #d8e2e8;box-shadow:0 16px 42px rgba(11,44,64,.2);color:#17354a;font-weight:650;line-height:1.35;animation:pb365ToastIn .18s ease-out}
.platform-toast.error{border-left:4px solid #d93838}.platform-toast.warning,.platform-toast.warn{border-left:4px solid #e39b16}.platform-toast.success{border-left:4px solid #1f9d63}.platform-toast.info{border-left:4px solid #2688c9}
.platform-toast button{margin-left:auto;border:0;background:transparent;font:inherit;font-size:20px;line-height:1;cursor:pointer;color:#5b7180;padding:0 0 2px 8px}
.platform-toast.leaving{opacity:0;transform:translateY(8px);transition:.18s ease}
@keyframes pb365ToastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:700px){.platform-toast-host{right:12px;bottom:12px;width:calc(100vw - 24px)}}
/* 2.34.1 – Mina sidor: tydligare dashboard och förlängning */
.account-status-hero-v2{padding:28px;background:linear-gradient(135deg,#fff 0,#f4f9fb 100%)}
.account-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.account-hero-top h1{margin:5px 0 4px!important;font-size:clamp(29px,4vw,38px)!important;letter-spacing:-.8px}.account-hero-top p{margin:0;color:var(--muted);max-width:620px}
.account-type-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eaf5fa;color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap}
.account-hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.account-hero-metrics>div{padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:#fff;display:flex;flex-direction:column;gap:4px}.account-hero-metrics span{font-size:10px;text-transform:uppercase;letter-spacing:.65px;color:var(--muted);font-weight:850}.account-hero-metrics strong{font-size:20px;color:var(--navy)}.account-hero-metrics .metric-status{color:#17653f}.account-hero-metrics .metric-end-date{color:#b32626}
.account-hero-action-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 18px;border-radius:13px;background:#f8fbfc;border:1px solid #d6e6ed}.account-hero-action-row>div{display:flex;flex-direction:column;gap:2px}.account-hero-action-row span{font-size:13px;color:var(--muted)}.account-empty-state{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding-top:20px}.account-empty-state>span{color:var(--muted);flex:1}
.renew-period-picker{margin:22px 0;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fbfdfe}.renew-period-heading{text-align:center;margin-bottom:16px}.renew-period-heading h2{font-size:25px!important;margin:4px 0!important}.renew-period-heading p{margin:0;color:var(--muted)}
.renew-period-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.renew-period-option{border:1px solid #cad8df;border-radius:13px;background:#fff;padding:15px 12px;display:flex;flex-direction:column;gap:5px;align-items:center;cursor:pointer;color:var(--navy);font:inherit}.renew-period-option span{font-size:13px;font-weight:800}.renew-period-option strong{font-size:20px}.renew-period-option:hover{border-color:var(--orange);background:#fff9f0}.renew-period-option.selected{border:2px solid var(--orange);background:#fff6e8;box-shadow:0 0 0 3px rgba(255,158,45,.11)}
.renew-period-select-accessible{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.renew-summary-v2{padding:0!important;overflow:hidden;background:#fff!important}.renew-summary-head{display:flex!important;align-items:center;justify-content:space-between;padding:18px 20px!important;background:#f5f9fb;border-bottom:1px solid var(--line)}.renew-summary-head h2{font-size:22px!important;margin:3px 0 0!important}.renew-summary-box{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--navy);color:#fff;font-size:12px;font-weight:850}.renew-summary-v2 .renew-summary-empty{padding:22px 20px!important}.renew-summary-v2 #renew-summary-rows{display:block!important;padding:5px 20px 12px}.renew-summary-v2 #renew-summary-rows[hidden]{display:none!important}.renew-line{display:flex!important;justify-content:space-between;gap:20px;padding:12px 0!important;border-bottom:1px solid var(--line)}.renew-line strong{color:var(--navy)}.renew-line.renew-total{border-top:2px solid var(--navy);border-bottom:0;margin-top:5px!important;padding-top:15px!important;font-size:20px!important}.renew-line.renew-total strong{font-size:23px}

/* 2.34.1 – professionellt kvitto / betalningsunderlag */
.receipt-page{padding-top:34px}.receipt-shell{max-width:980px}.receipt-document{background:#fff;border:1px solid #d8e1e6;border-radius:18px;padding:36px 40px;box-shadow:0 14px 40px rgba(13,44,60,.08)}
.receipt-document-head{display:flex;justify-content:space-between;gap:30px;padding-bottom:24px;border-bottom:2px solid var(--navy)}.receipt-company{display:flex;gap:18px;align-items:flex-start}.receipt-company img{width:180px;height:auto}.receipt-company>div{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.receipt-company>div strong{font-size:14px;color:var(--navy)}.receipt-title{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.receipt-title>span{font-size:10px;letter-spacing:1.1px;font-weight:900;color:var(--blue)}.receipt-title h1{font-size:36px;line-height:1;margin:5px 0 8px;color:var(--navy)}.receipt-title>strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.receipt-parties{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:26px 0}.receipt-parties section{padding:18px;border:1px solid var(--line);border-radius:13px;background:#f9fbfc}.receipt-parties h2{font-size:21px!important;margin:4px 0 8px!important}.receipt-parties p{margin:4px 0;color:#425762}.receipt-label,.receipt-facts span,.receipt-service-period span{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:850}.receipt-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px!important}.receipt-facts>div{display:flex;flex-direction:column;gap:3px}.receipt-facts strong{color:var(--navy)}
.receipt-service-period{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:13px 16px;border-radius:11px;background:#eef7fb}.receipt-service-period strong{font-size:16px;color:var(--navy)}.receipt-service-period small{margin-left:auto;color:var(--muted)}
.receipt-invoice-table{width:100%;border-collapse:collapse}.receipt-invoice-table th{text-align:left;padding:10px 12px;background:var(--navy);color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.45px}.receipt-invoice-table th:last-child{text-align:right}.receipt-invoice-table td{padding:14px 12px;border-bottom:1px solid var(--line)}.receipt-invoice-table td:first-child{display:flex;flex-direction:column;gap:2px}.receipt-invoice-table td:last-child{text-align:right;font-weight:850;white-space:nowrap}.receipt-invoice-table td small{color:var(--muted)}.receipt-invoice-table .deposit-line{background:#fffaf1}.receipt-document-foot{margin-top:22px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.receipt-document-foot p{margin:4px 0}
@media(max-width:760px){.account-hero-top,.account-hero-action-row,.receipt-document-head{flex-direction:column}.account-type-badge{align-self:flex-start}.account-hero-metrics{grid-template-columns:1fr 1fr}.account-hero-action-row .btn{width:100%}.renew-period-options{grid-template-columns:1fr 1fr}.receipt-document{padding:24px}.receipt-title{text-align:left;align-items:flex-start}.receipt-parties{grid-template-columns:1fr}.receipt-company{flex-direction:column}.receipt-facts{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.account-hero-metrics,.renew-period-options,.receipt-facts{grid-template-columns:1fr}.receipt-document{padding:18px}.receipt-company img{width:150px}.receipt-service-period small{margin-left:0;width:100%}.receipt-invoice-table th,.receipt-invoice-table td{padding-left:8px;padding-right:8px}}
@media print{.site-header,.customer-nav-wrap,.footer,.floating-contact,.chat-channel-panel,.receipt-toolbar{display:none!important}.receipt-page{padding:0!important;background:#fff!important}.receipt-shell{max-width:none!important;width:100%!important}.receipt-document{border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.receipt-company img{width:150px}.receipt-document-head{break-inside:avoid}.receipt-parties,.receipt-invoice-table{break-inside:avoid}body{display:block!important}}

/* Postbox 365 2.34.2 – betalningsstatus, kvitto och tydlig privat/företagsuppdelning */
.payment-processing-page{min-height:62vh;display:grid;align-items:center}.payment-processing-shell{display:flex;justify-content:center}.payment-processing-card{width:min(680px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;text-align:center;box-shadow:0 20px 55px rgba(15,48,67,.10)}
.payment-processing-spinner{width:52px;height:52px;border-radius:50%;border:5px solid #dfecef;border-top-color:var(--orange);margin:0 auto 20px;animation:pb365spin .85s linear infinite}@keyframes pb365spin{to{transform:rotate(360deg)}}
.payment-processing-card h1{margin:6px 0 10px;color:var(--navy)}.payment-processing-card p{max-width:540px;margin:0 auto 18px;color:var(--muted)}.payment-processing-card>small{display:block;margin-top:18px;color:var(--muted)}
.payment-processing-steps{display:grid;gap:9px;text-align:left;max-width:430px;margin:20px auto 0}.payment-processing-steps span{padding:10px 12px;border-radius:10px;background:#f5f8f9;color:#60727c;font-weight:750}.payment-processing-steps .done{background:#edf9f2;color:#176b42}
.payment-receipt-actions{margin-top:20px;padding:16px 18px;border:1px solid #cfe0e8;border-radius:14px;background:#f8fbfc;display:flex;justify-content:space-between;align-items:center;gap:18px}.payment-receipt-actions>div:first-child{display:flex;flex-direction:column;gap:2px}.payment-receipt-actions>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.payment-receipt-actions small{color:var(--muted)}
.account-profile-split{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;margin:14px 0 2px;padding:12px;border:1px solid #d7e5eb;border-radius:13px;background:#f8fbfc}.account-profile-split>div{display:flex;flex-direction:column}.account-profile-split span{font-size:11px;text-transform:uppercase;font-weight:850;color:var(--muted)}.account-profile-split a{font-weight:850;color:var(--blue)}
.account-rental-group-head{margin:24px 0 10px;padding:14px 16px;border-radius:14px;border-left:5px solid var(--blue);background:#f3f9fc}.account-rental-group-head.company{border-left-color:var(--orange);background:#fff9ef}.account-rental-group-head h2{margin:2px 0 0;font-size:23px}.rental-customer-grid .wide{grid-column:1/-1}
@media(max-width:700px){.payment-receipt-actions{align-items:stretch;flex-direction:column}.payment-receipt-actions>div:last-child{display:grid}.account-profile-split{grid-template-columns:1fr 1fr}.account-profile-split a{grid-column:1/-1}.rental-customer-grid .wide{grid-column:auto}}

/* Postbox 365 2.34.3 – tydligare flera uthyrningar/historik och fakturalik kvittodesign */
.account-rental-card{transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.account-rental-card.tone-alt{background:#f4f9fb;border-color:#cedfe7}
.account-rental-card.tone-alt .rental-customer-column{background:#eef6f9}
.account-rental-card.tone-alt .rental-date-grid>div,.account-rental-card.tone-alt .mini-address{background:#fff}
.unified-history-item{margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:12px}
.unified-history-item.tone-alt{background:#f3f8fa;border-bottom-color:transparent}
.unified-history-item.tone-alt+.unified-history-item{border-top:1px solid var(--line)}

/* Permanent compact-first rhythm for Mina sidor and other operational customer views. */
.account-shell,.renewal-shell,.payment-complete-shell{--pb-ui-gap:10px;--pb-ui-card-padding:16px;--pb-ui-control-height:40px}
.account-shell .account-card,.renewal-shell .account-card,.payment-complete-shell .account-card{padding:var(--pb-ui-card-padding);margin-bottom:12px;border-radius:13px}
.account-shell .account-dashboard-grid{gap:12px;margin-top:12px}
.account-shell .account-page-head{margin-bottom:12px}
.account-shell .account-card-head{min-height:0;margin-bottom:9px}
.account-shell .btn,.renewal-shell .btn,.payment-complete-shell .btn{min-height:var(--pb-ui-control-height);padding:9px 14px;border-radius:10px}
.customer-nav-wrap .account-nav{gap:6px!important;padding:5px!important}
.customer-nav-wrap .account-nav a{min-height:40px!important;padding:8px 12px!important}
@media(max-width:620px){
  .account-shell,.renewal-shell,.payment-complete-shell{--pb-ui-gap:8px;--pb-ui-card-padding:12px}
  .account-shell .account-dashboard-grid{gap:8px}
  .customer-nav-wrap .account-nav a{padding:8px 10px!important}
}
.receipt-document{max-width:210mm;margin:0 auto;padding:14mm 15mm 12mm;border-radius:6px}
.receipt-document-head{align-items:flex-start;padding-bottom:12px;border-bottom:2px solid #1d252a}
.receipt-company img{width:188px}.receipt-company>div{font-size:10px;line-height:1.35}.receipt-company>div strong{font-size:12px;color:#111}
.receipt-title>span{color:#111;font-size:9px}.receipt-title h1{font-size:32px;color:#111}.receipt-title>strong{font-size:11px}
.receipt-parties{gap:16px;margin:18px 0}.receipt-parties section{border-color:#bfc6ca;border-radius:0;background:#fff;padding:13px}
.receipt-parties h2{font-size:18px!important;color:#111!important}.receipt-service-period{margin:0 0 12px;padding:9px 0;border-radius:0;background:#fff;border-top:1px solid #c7cdd0;border-bottom:1px solid #c7cdd0}
.receipt-invoice-table{font-size:11px;border:1px solid #9fa8ad}.receipt-invoice-table th{background:#fff;color:#111;border-bottom:1px solid #111;padding:7px 6px;text-transform:none;font-size:10px}
.receipt-invoice-table th:nth-child(3),.receipt-invoice-table th:nth-child(4),.receipt-invoice-table th:nth-child(5),.receipt-invoice-table th:nth-child(6),.receipt-invoice-table td:nth-child(3),.receipt-invoice-table td:nth-child(4),.receipt-invoice-table td:nth-child(5),.receipt-invoice-table td:nth-child(6){text-align:right;white-space:nowrap}
.receipt-invoice-table td{padding:7px 6px;border-bottom:0;vertical-align:top}.receipt-invoice-table td:first-child{display:table-cell}.receipt-invoice-table td:nth-child(2){min-width:220px}.receipt-invoice-table td small{display:block;font-size:9px}.receipt-invoice-table .deposit-line{background:#fff}
.receipt-accounting-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:26px;align-items:end}.receipt-vat-box,.receipt-payment-box{border:1px solid #9fa8ad;padding:10px 12px;min-height:150px}.receipt-vat-box h3{margin:0 0 7px;font-size:12px}.receipt-vat-box>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;font-size:10px}.receipt-vat-box>div+div{margin-top:3px}.receipt-vat-total{grid-template-columns:1fr auto!important;border-top:1px solid #111;padding-top:7px;margin-top:9px!important}.receipt-payment-box{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;background:#f4f4f4}.receipt-payment-box>div{display:flex;flex-direction:column;min-width:0}.receipt-payment-box span{font-size:9px;font-weight:750}.receipt-payment-box strong{font-size:10px;overflow-wrap:anywhere}.receipt-paid-status{color:#17653f;font-size:12px!important}.receipt-total-paid{grid-column:1/-1;display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:end;border-top:1px solid #111;padding-top:9px}.receipt-total-paid strong{font-size:20px}.receipt-company-footer{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:12px;border-top:1px solid #111;padding-top:9px;font-size:8.5px}.receipt-company-footer>div{display:flex;flex-direction:column}.receipt-company-footer strong{font-size:8.5px}.receipt-legal-note{font-size:8px!important;margin-top:10px!important}
@media(max-width:760px){.receipt-document{padding:22px}.receipt-invoice-table{min-width:680px}.receipt-page .receipt-shell{overflow-x:auto}.receipt-accounting-grid{grid-template-columns:1fr}.receipt-company-footer{grid-template-columns:1fr 1fr}}
@media print{@page{size:A4 portrait;margin:12mm 14mm 14mm 14mm}.receipt-page{padding:0!important}.receipt-shell{width:100%!important;max-width:none!important}.receipt-document{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important}.receipt-invoice-table{font-size:9.5pt}.receipt-company-footer{break-inside:avoid}.receipt-accounting-grid{break-inside:avoid}.receipt-document-foot{margin-top:12px}.receipt-parties{break-inside:avoid}}
/* PBX-3b (#737) – startsida enligt godkänt UI-förslag: starkare statusfärger, vald box, öppettider, avstånd och kontakt */
.pb-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.box-cell.available{background:#17804e;color:#fff}.box-cell.rented{background:#c23b3b;color:#fff}.box-cell.disabled{background:#252b30;color:#fff}.box-cell.reserved{background:#f3c98b;color:#152733}
.dot.green{background:#17804e}.dot.red{background:#c23b3b}.dot.black{background:#252b30}.dot.amber{background:#f3c98b}
.legend-count{font-weight:800;color:var(--muted)}
.box-cell.available:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.box-cell.selected{outline:3px solid var(--orange);outline-offset:2px;box-shadow:0 0 0 6px rgba(255,158,45,.25)}
.wall-title{flex-direction:column;gap:2px}.wall-title .small{color:var(--muted)}
.pb-selected-box{position:sticky;bottom:12px;z-index:60;margin-top:18px;display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:16px;background:var(--navy2);color:#fff;box-shadow:0 18px 40px rgba(14,43,58,.28)}
.pb-selected-box[hidden]{display:none}
.pb-selected-number{flex:0 0 auto;width:52px;height:52px;border-radius:12px;background:#17804e;display:grid;place-items:center;font-weight:850;font-size:17px}
.pb-selected-copy{flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.pb-selected-copy>span{font-size:14px;color:#dbe7ee}
.pb-selected-box .btn{min-height:48px;white-space:nowrap}
.topbar-open{display:inline-flex;align-items:center;gap:6px}.topbar-open i{width:8px;height:8px;border-radius:50%;background:#3ccf87}
.pb-open-state{display:inline-flex;align-items:center;gap:8px;font-weight:800;padding:8px 12px;border-radius:999px;margin-bottom:14px}.pb-open-state i{width:10px;height:10px;border-radius:50%}
.pb-open-state.is-open{background:#e3f4ea;color:#146c42}.pb-open-state.is-open i{background:#17804e}.pb-open-state.is-closed{background:#fbe9e9;color:#8f2626}.pb-open-state.is-closed i{background:#c23b3b}
.pb-hours-card{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;background:var(--bg);margin-bottom:12px}.pb-hours-card strong{font-size:20px;color:var(--navy)}.pb-hours-card>span:last-child{color:var(--muted)}
.pb-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:6px}.pb-week>span{min-height:50px;border-radius:10px;border:1px solid #e3e9ee;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px}.pb-week>span.today{background:#17804e;border-color:#17804e;color:#fff}
.pb-key-pickup,.pb-distance{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px}
.pb-key-pickup>span,.pb-distance-copy{display:flex;flex-direction:column;gap:2px}.pb-key-pickup>span>span,.pb-distance-copy>span{font-size:14px;color:var(--muted)}
.pb-key-pickup .btn,.pb-distance .btn{min-height:44px;white-space:nowrap}
.pb-contact-row{display:grid;grid-template-columns:1fr 2fr;gap:18px;align-items:center;margin:26px 0 18px;padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:#fff}
.pb-contact-intro{display:flex;flex-direction:column;gap:2px}.pb-contact-intro strong{font-size:22px;color:var(--navy)}.pb-contact-intro>span:last-child{color:var(--muted)}
.pb-contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.pb-contact-methods .contact-method{grid-template-columns:32px 1fr;min-height:56px}
.pb-message-form{width:100%}.pb-contact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pb-contact-grid .field.full{grid-column:1/-1}
.pb-topics{border:0;padding:0;margin:0}.pb-topics legend{font-weight:750;margin-bottom:8px}.pb-topic-list{display:flex;flex-wrap:wrap;gap:8px}
.pb-topic{position:relative}.pb-topic input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.pb-topic span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:14px}
.pb-topic input:checked+span{background:var(--navy2);border-color:var(--navy2);color:#fff}.pb-topic input:focus-visible+span{outline:3px solid var(--orange);outline-offset:2px}
.pb-floating-chat{position:fixed;right:18px;bottom:18px;z-index:110;width:auto;height:52px;padding:0 20px;border-radius:999px;display:inline-flex;gap:8px;align-items:center;font:inherit;font-weight:800}
.pb-copy-address,.pb-message-form .message-submit,.box-search .btn{min-height:44px}
/* Posthämtning och kontakt som på referenssidan (ägaren 2026-10-02): avståndskortet är själva knappen. */
.distance-card{min-height:44px}.distance-card:disabled{color:var(--ink);cursor:progress}.distance-card[hidden]{display:none}.message-form .pb-topics legend{font-size:13px;font-weight:750;color:var(--navy);padding:0}
/* Ägaren 2026-10-02: Nyckelhämtning ligger i Kontakta oss och formuläret får mer bredd. */
@media(min-width:981px){.contact-center-shell{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.contact-center-intro h2{font-size:28px}}.contact-center-intro .key-pickup-note{margin:15px 0 0;justify-content:flex-start}
/* Tydligare länkar och sekundära knappar (kontrast inom samma design). */
a{color:#0b6f9a}.btn-outline{border-color:#9fb3bf;color:var(--navy2)}.btn-secondary{color:var(--navy2);border:1px solid #fff}
@media(max-width:900px){.pb-contact-row{grid-template-columns:1fr}.pb-contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pb-contact-grid{grid-template-columns:1fr}.pb-selected-box{flex-wrap:wrap;bottom:8px}.pb-selected-box .btn{flex:1 1 100%;justify-content:center}.pb-week{gap:4px}.pb-week>span{font-size:11px}.pb-key-pickup,.pb-distance{flex-wrap:wrap}.pb-key-pickup .btn,.pb-distance .btn{flex:1 1 100%;justify-content:center}.pb-floating-chat b{display:none}.pb-floating-chat{width:56px;padding:0;justify-content:center}.box-cell{min-height:44px}}
/* PBX-3b-2 (#737) – hyrformulär enligt godkänt UI-förslag */
.pb-rent-head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.pb-rent-head h1{margin:0;font-size:clamp(32px,4vw,44px);color:var(--navy2)}.pb-rent-head p{margin:0;color:var(--muted)}
.pb-back{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-weight:700}
.pb-shell .pb-rent-grid{grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start}.pb-rent-form{gap:20px}
.pb-step h2{display:flex;align-items:center;gap:14px;margin:0 0 18px!important;font-size:21px}.pb-step h2>span:first-child{width:32px;height:32px;border-radius:50%;background:var(--navy2);color:#fff;display:grid;place-items:center;font-size:15px;flex:0 0 auto}
.pb-choices{display:grid;gap:12px;margin-bottom:16px}.pb-choices-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pb-choices-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pb-choice{position:relative;display:block!important}.pb-choice input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;min-height:0!important}
.pb-choice>span{min-height:84px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;justify-content:center;gap:4px;color:var(--ink)}
.pb-choice>span small{color:var(--muted);font-weight:500}.pb-choice>span b{font-size:20px}
.pb-choice input:checked+span{background:#fff8ec;border:2px solid var(--orange)}.pb-choice input:focus-visible+span{outline:3px solid rgba(11,111,154,.35);outline-offset:1px}
.pb-label{display:block;font-weight:750;margin:6px 0 8px;color:var(--navy)}
.pb-type-fields{border:0;padding:0;margin:0;min-width:0}.pb-type-fields[hidden]{display:none}
.pb-field small{font-weight:500;color:var(--muted);font-size:12px}
.pb-field.has-error input,.pb-field.has-error select{border:2px solid #c23b3b;background:#fff5f5}
.pb-field-error{display:block;font-weight:650;font-size:13px;color:#a52e2e}
.pb-form-error{padding:14px 16px;border-radius:12px;background:#fbe9e9;color:#8f2626;font-weight:700}
.pb-addons{border-top:1px solid #e8eef2;margin-top:16px;padding-top:16px;display:flex;flex-direction:column;gap:12px}.pb-addons-title{font-weight:750}
.pb-addon{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 16px;border:1px solid var(--line);border-radius:12px}
.pb-addon>span{display:flex;flex-direction:column;gap:2px}.pb-addon small{color:var(--muted);font-weight:500}.pb-addon input[type=checkbox]{width:24px;min-height:24px;height:24px}
.pb-stepper{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.pb-stepper button{width:44px;height:44px;border-radius:10px;border:1px solid #c9d6de;background:#fff;font:inherit;font-size:20px;cursor:pointer}.pb-stepper strong{min-width:18px;text-align:center}
.pb-info{padding:14px 16px;border-radius:12px;background:#e7f2f7;margin:0 0 14px}
.pb-check-warning{padding:16px;border:2px solid #f0c27b!important;background:#fff8ec;border-radius:12px}
.pb-check.has-error{outline:2px solid #c23b3b;outline-offset:2px;border-radius:10px}
.pb-rent-summary{align-self:start;position:sticky;top:24px;display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:18px;background:var(--navy2);color:#fff}
.pb-rent-summary h2{margin:0;color:#fff;font-size:22px}.pb-rent-summary small{color:#c9d6de}
.pb-summary-box{display:flex;gap:14px;align-items:center}.pb-summary-box>span:last-child{display:flex;flex-direction:column}.pb-summary-number{width:52px;height:52px;border-radius:12px;background:#17804e;display:grid;place-items:center;font-weight:850;font-size:17px}
.pb-summary-period{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.06)}
.pb-summary-rows,.pb-summary-deposit{margin:0;display:flex;flex-direction:column;gap:10px}.pb-summary-rows div,.pb-summary-deposit div{display:flex;justify-content:space-between;gap:12px}.pb-summary-rows dd,.pb-summary-deposit dd{margin:0;font-weight:800}.pb-summary-rows [hidden]{display:none}
.pb-summary-vat{color:#c9d6de}.pb-summary-vat dd{font-weight:500!important}
.pb-summary-deposit{border-top:1px solid rgba(255,255,255,.18);padding-top:14px}
.pb-summary-total{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:14px;background:#fff;color:var(--ink)}.pb-summary-total span{font-weight:700}.pb-summary-total strong{font-size:30px}
.pb-rent-summary .pb-button.pb-primary{min-height:54px;border:0;background:var(--orange);color:#152733;font-size:17px}
.pb-rent-form .pb-check{font-weight:500;gap:12px}.pb-rent-form .pb-check input{width:22px;height:22px;min-height:22px;margin-top:1px}.pb-summary-deposit dd,.pb-summary-total strong{white-space:nowrap}
@media(max-width:900px){.pb-shell .pb-rent-grid{grid-template-columns:1fr}.pb-rent-summary{position:static}.pb-choices-3{grid-template-columns:1fr}.pb-choices-4{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pb-grid{grid-template-columns:1fr}.pb-addon{flex-wrap:wrap;padding:12px 16px}}
/* PBX-3b-3 (#737) – sidan efter betalning med fyra separata statusar */
.pb-payment-status{width:min(880px,100%);margin:0 auto;display:flex;flex-direction:column;gap:22px}
.pb-payment-head{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.pb-payment-head h1{margin:0;font-size:clamp(30px,4vw,40px);color:var(--navy2)}.pb-payment-head p{margin:0;color:var(--muted)}
.pb-payment-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:900;color:#fff}.pb-payment-mark.is-done{background:#17804e}.pb-payment-mark.is-wait{background:#d9902d}.pb-payment-mark.is-fail{background:#c23b3b}
.pb-status-list{background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px 28px}
.pb-status-row{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #eef2f5}.pb-status-row:last-child{border-bottom:0}
.pb-status-icon{width:40px;height:40px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-weight:850}
.pb-status-copy{flex:1 1 auto;display:flex;flex-direction:column;gap:3px}.pb-status-copy strong{font-size:17px}.pb-status-copy span{font-size:14px;color:var(--muted)}
.pb-status-badge{font-size:13px;font-weight:800;padding:7px 12px;border-radius:999px;white-space:nowrap}
.pb-status-row.is-done .pb-status-icon,.pb-status-row.is-done .pb-status-badge{background:#e3f4ea;color:#146c42}
.pb-status-row.is-wait .pb-status-icon,.pb-status-row.is-wait .pb-status-badge{background:#fff1dc;color:#7a4f0f}
.pb-status-row.is-fail .pb-status-icon,.pb-status-row.is-fail .pb-status-badge{background:#fbe9e9;color:#8f2626}
.pb-next-step{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-radius:18px;background:var(--navy2);color:#fff}.pb-next-step>div:first-child{display:flex;flex-direction:column;gap:6px}.pb-next-step strong{font-size:20px}.pb-next-step span{color:#c9d6de;font-size:14px}
.pb-payment-status .pb-actions{display:flex;flex-wrap:wrap;gap:10px}.pb-payment-status .pb-button{min-height:48px}.pb-payment-status .pb-button.pb-primary{background:var(--orange);border-color:var(--orange);color:#152733}
.pb-status-foot{margin:0;text-align:center;font-size:13px;color:var(--muted)}
@media(max-width:600px){.pb-status-list{padding:4px 16px}.pb-status-row{flex-wrap:wrap;gap:12px}.pb-status-badge{margin-left:52px}.pb-next-step{flex-direction:column;align-items:stretch}.pb-payment-status .pb-actions .pb-button{flex:1 1 100%}}
/* PBX-3b-4 (#737) – Mina sidor, förlängning och historik enligt godkänt UI-förslag */
.pb-portal .pb-account-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:20px}.pb-portal .pb-account-head h1{margin:4px 0 0;font-size:clamp(30px,4vw,38px);color:var(--navy2)}
.pb-portal .pb-account-nav{display:flex;flex-wrap:wrap;gap:8px}.pb-portal .pb-account-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:14px}
.pb-portal .pb-account-nav a.active{background:var(--navy2);border-color:var(--navy2);color:#fff}.pb-portal .pb-account-nav a.pb-logout{border-color:transparent;background:transparent;color:var(--muted)}
.pb-portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pb-portal-grid .pb-card{padding:26px;display:flex;flex-direction:column;gap:12px;margin:0}.pb-portal-grid .pb-card h2{margin:0;font-size:18px}
.pb-portal-main{grid-column:span 2}.pb-portal-title{display:flex;align-items:center;gap:16px}.pb-portal-title>span:nth-child(2){flex:1 1 auto;display:flex;flex-direction:column;gap:3px}.pb-portal-title strong{font-size:22px}.pb-portal-title small{color:var(--muted);font-size:14px}
.pb-box-badge{width:60px;height:60px;border-radius:14px;background:var(--blue);color:#fff;font-weight:850;font-size:19px;display:grid;place-items:center;flex:0 0 auto}
.pb-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pb-facts>div{background:var(--bg);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.pb-facts small{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase}.pb-facts strong{font-size:22px}
.pb-progress{height:10px;border-radius:999px;background:#e8eef2;overflow:hidden}.pb-progress span{display:block;height:100%;background:#17804e}
.pb-portal .pb-actions{display:flex;flex-wrap:wrap;gap:10px}.pb-portal .pb-button{min-height:48px}.pb-portal .pb-button.pb-primary,.pb-renew-grid .pb-button.pb-primary{background:var(--orange);border-color:var(--orange);color:#152733}
.pb-status-pill{font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;white-space:nowrap}.pb-status-pill.is-done{background:#e3f4ea;color:#146c42}.pb-status-pill.is-wait{background:#fff1dc;color:#7a4f0f}.pb-status-pill.is-fail{background:#fbe9e9;color:#8f2626}.pb-status-pill.is-info{background:#e7f2f7;color:#075c80}
.pb-address-card{background:var(--navy2)!important;color:#fff;border-color:var(--navy2)!important}.pb-address-card h2{color:#fff}.pb-address-lines{font-family:ui-monospace,Menlo,monospace;font-size:17px;line-height:1.7;background:rgba(255,255,255,.08);padding:14px 16px;border-radius:12px}
.pb-address-card .pb-button{background:#fff;color:var(--ink);border:0}.pb-address-card a{color:#ffb35c;font-weight:700}
.pb-access-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef2f5;font-size:14px}.pb-access-row>span:first-child{display:flex;flex-direction:column;gap:2px}.pb-access-row small{color:var(--muted)}
.pb-big{font-size:30px;color:var(--blue)}.pb-event{display:flex;gap:12px;font-size:14px}.pb-event>span:first-child{color:var(--muted);width:92px;flex:0 0 auto}
.pb-more-box{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:22px 28px;border-radius:18px;background:#e7f2f7}.pb-more-box>span{display:flex;flex-direction:column;gap:4px}.pb-more-box small{color:#3b4a53}
.pb-chooser{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.pb-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700}.pb-chip.active{background:var(--navy2);border-color:var(--navy2);color:#fff}
.pb-renew-title{margin:0;font-size:clamp(28px,3.5vw,38px);color:var(--navy2)}.pb-renew-note{background:#e3f4ea;border-radius:14px;padding:16px 20px;color:#0f4d2f}.pb-new-end{color:#7fe0ab!important}
.pb-table .num,.pb-table th.num{text-align:right;white-space:nowrap}
@media(max-width:900px){.pb-portal-grid{grid-template-columns:1fr}.pb-portal-main{grid-column:auto}.pb-facts{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pb-facts{grid-template-columns:1fr}.pb-portal-title{flex-wrap:wrap}.pb-portal .pb-actions .pb-button{flex:1 1 100%}.pb-table{overflow-x:auto}}
@media print{.pb-back,.pb-receipt .pb-button{display:none}}
.pb-portal-grid .pb-address-card h2{color:#fff}
.pb-rent-form input,.pb-rent-form select{font-weight:400}
.pb-shell .pb-renew-grid{grid-template-columns:minmax(0,1fr) 360px}.pb-renew-grid .pb-choices-4{grid-template-columns:repeat(2,minmax(0,1fr))}.pb-renew-grid .pb-choice small{white-space:nowrap}
@media(max-width:900px){.pb-shell .pb-renew-grid{grid-template-columns:1fr}}
/* PBX-3b-5 (#737) – särskild postadress: flikar, adress att kopiera, steg med förstorbara bilder */
.pb-address-guide{background:var(--bg)}.pb-guide-head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin-bottom:26px}.pb-guide-head h1{margin:0;font-size:clamp(32px,4vw,44px);color:var(--navy2)}.pb-guide-head .lead{max-width:760px;margin:0}
.pb-guide-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.pb-guide-tab{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700}.pb-guide-tab.active{background:var(--navy2);border-color:var(--navy2);color:#fff}
.pb-guide-panel{display:flex;flex-direction:column;gap:22px}.pb-guide-panel[hidden]{display:none}
.pb-guide-legal{margin:0}.pb-guide-two{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.pb-guide-two .pb-card{margin:0;display:flex;flex-direction:column;gap:12px}.pb-guide-two .pb-card h2{margin:0;font-size:20px}
.pb-guide-address{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--navy2);color:#fff;border-radius:14px;padding:18px}.pb-guide-lines{font-family:ui-monospace,Menlo,monospace;font-size:17px;line-height:1.7;flex:1 1 220px}.pb-guide-copy{display:flex;flex-direction:column;gap:6px;flex:1 1 200px}.pb-guide-copy small{color:#c9d6de}.pb-guide-copy .pb-button{background:#fff;color:var(--ink);border:0;min-height:46px}
.pb-check-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pb-check-list li{position:relative;padding-left:28px}.pb-check-list li::before{content:"✓";position:absolute;left:0;top:0;color:#17804e;font-weight:900}
.pb-jump{display:flex;flex-wrap:wrap;gap:8px}.pb-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:700}
.pb-guide-step{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;scroll-margin-top:120px}.pb-guide-step h3{margin:8px 0 6px;font-size:21px;color:var(--navy2)}.pb-guide-step p{margin:0;color:#3b4a53;line-height:1.6}
.pb-step-no{width:36px;height:36px;border-radius:50%;background:var(--navy2);color:#fff;display:grid;place-items:center;font-weight:850}
.pb-guide-warn{margin-top:14px;padding:14px 16px;border:2px solid #f0c27b;background:#fff8ec;border-radius:12px;display:flex;flex-direction:column;gap:4px}
.pb-guide-zoom{border:1px solid var(--line);background:#fff;border-radius:14px;padding:8px;cursor:zoom-in;display:flex;flex-direction:column;gap:6px;font:inherit}.pb-guide-zoom img{width:100%;height:auto;border-radius:10px;display:block}.pb-guide-zoom span{font-size:13px;color:var(--muted);text-align:center}
.pb-guide-done,.pb-guide-help,.pb-guide-banner{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:22px 24px;border-radius:18px}.pb-guide-done{background:#e3f4ea;color:#0f4d2f}.pb-guide-help{background:#fff;border:1px solid var(--line)}.pb-guide-banner{background:var(--navy2);color:#fff}.pb-guide-done>span,.pb-guide-help>span,.pb-guide-banner>span{display:flex;flex-direction:column;gap:4px;flex:1 1 320px}
.pb-company-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pb-company-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.pb-company-step h3{margin:10px 0 6px;font-size:18px}.pb-company-step p{margin:0;color:#3b4a53}
.pb-zoom{position:fixed;inset:0;z-index:10000;background:rgba(7,23,32,.88);display:flex;align-items:center;justify-content:center;padding:20px}.pb-zoom[hidden]{display:none}.pb-zoom>div{background:#fff;border-radius:14px;padding:12px;max-width:min(1500px,96vw);max-height:92vh;display:flex;flex-direction:column;gap:8px}.pb-zoom img{max-width:100%;max-height:80vh;object-fit:contain}.pb-zoom-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.pb-zoom-head button{width:44px;height:44px;border-radius:50%;border:0;background:var(--bg);font-size:26px;cursor:pointer}
html.pb-zoom-open{overflow:hidden}
@media(max-width:900px){.pb-guide-two,.pb-guide-step{grid-template-columns:1fr}.pb-company-steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pb-company-steps{grid-template-columns:1fr}.pb-guide-tab{flex:1 1 100%;justify-content:center}.pb-guide-help .pb-actions .pb-button{flex:1 1 100%}}
/* PBX-RECEIPT-2 (#998): betalningskvitto i A4, avsiktligt skilt från fakturan (ljust ark, mörk rubrikrad, sidfot "Adress"). */
.pbr-sheet{box-sizing:border-box;width:min(210mm,100%);min-height:297mm;margin:16px auto 40px;padding:16mm 15mm 12mm;display:flex;flex-direction:column;gap:18px;background:#fff;border:1px solid var(--line,#d9e3e8);border-top:8px solid var(--navy2,#0a2234);border-radius:6px;box-shadow:0 10px 35px rgba(18,50,74,.08);color:#172a36;font-size:14px}
.pbr-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:14px;border-bottom:2px solid #172a36}
.pbr-brand{min-height:48px;display:flex;align-items:center}.pbr-logo{display:block;max-width:220px;max-height:72px;width:auto;height:auto;object-fit:contain}
.pbr-wordmark{font-size:28px;font-weight:900;letter-spacing:3px;color:var(--navy2,#0a2234)}
.pbr-title{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.pbr-kicker{font-size:12px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:#1788b5}.pbr-title strong{font-size:22px}
.pbr-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0}.pbr-facts div{padding:10px 0;border-bottom:1px solid #e3eaee}.pbr-facts dt{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#607483}.pbr-facts dd{margin:4px 0 0;font-weight:700;overflow-wrap:anywhere}.pbr-facts small,.pbr-deposit small{display:block;font-weight:400;color:#607483}
.pbr-status{display:inline-block;padding:2px 9px;border-radius:999px;background:#e3f4ea;color:#0f4d2f;font-weight:800}
.pbr-lines,.pbr-deposit{width:100%;border-collapse:collapse}.pbr-lines th,.pbr-lines td,.pbr-deposit td{padding:9px 8px;border-bottom:1px solid #e3eaee;text-align:left;vertical-align:top}.pbr-lines thead th{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#607483;border-bottom:2px solid #172a36}.pbr-lines tfoot th,.pbr-lines tfoot td{font-weight:800;border-bottom:0}.pbr-sheet .num{text-align:right;white-space:nowrap}
.pbr-deposit{background:#f5f8f9}.pbr-total{display:flex;justify-content:space-between;align-items:baseline;padding:12px 8px;border-top:2px solid #172a36;border-bottom:2px solid #172a36;font-size:18px}.pbr-total strong{font-size:24px}
.pbr-foot{margin-top:auto;padding-top:12px;border-top:1px solid #c5d3da;font-size:12px;color:#3b4a53}.pbr-foot h2{margin:0 0 6px;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#172a36}.pbr-foot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pbr-foot p{margin:0}
.pbr-actions{display:flex;justify-content:flex-end}.pbr-table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:620px){.pbr-sheet{padding:18px 14px;min-height:0}.pbr-head{flex-direction:column}.pbr-title{align-items:flex-start;text-align:left}.pbr-facts,.pbr-foot-grid{grid-template-columns:1fr}.pbr-lines{font-size:12px}.pbr-lines thead th{letter-spacing:0;text-transform:none;font-size:11px}.pbr-lines th,.pbr-lines td{padding:7px 4px}.pbr-total{font-size:16px}.pbr-total strong{font-size:20px}}
@media print{@page{size:A4;margin:0}body:has(.pbr-sheet) *{visibility:hidden}body:has(.pbr-sheet) .pbr-sheet,body:has(.pbr-sheet) .pbr-sheet *{visibility:visible}.pbr-sheet{position:absolute;left:0;top:0;width:210mm;min-height:297mm;margin:0;border:0;border-top:8px solid #0a2234;border-radius:0;box-shadow:none}.pbr-actions{display:none}}
/* PBX-PICKUP-2 (#997, #999): Boka tid – same four choices on the thank-you page and Mina sidor. */
.pb-pickup{display:flex;flex-direction:column;gap:14px}.pb-portal-grid .pb-pickup{grid-column:1/-1}.pb-payment-status .pb-pickup{margin:18px 0}
.pb-pickup h2{margin:0}.pb-pickup fieldset{border:0;margin:0;padding:0;min-width:0}.pb-pickup legend{font-weight:750;margin-bottom:10px}
.pb-pickup .pb-choice>span{min-height:72px}.pb-pickup .pb-button{min-height:48px;align-self:flex-start}
.pb-pickup [data-pickup-custom][hidden]{display:none}.pb-pickup input[type="datetime-local"]{min-height:44px}
.pb-pickup-status{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:12px;background:#e7f2f7}.pb-pickup-status.is-requested{background:#fff1dc}.pb-pickup-status span{color:#3b4a53;font-size:14px}
.pb-pickup-change summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-weight:750;color:var(--blue,#0b6f9a)}
.pb-pickup-step{margin-top:18px}
@media(max-width:600px){.pb-pickup .pb-button{align-self:stretch;width:100%}}

/* Owner's box map: same A / B+C arrangement and colours as administration. */
.box-rental-section{--box-free:#147a4f;--box-rented:#bd3232;--box-disabled:#111111}
.box-rental-section .box-cell.available,.box-rental-section .dot.green{background:var(--box-free)}
.box-rental-section .box-cell.rented,.box-rental-section .dot.red{background:var(--box-rented)}
.box-rental-section .box-cell.disabled,.box-rental-section .dot.black{background:var(--box-disabled)}
.box-rental-section .wall-panel{display:block;min-width:0;scroll-margin-top:100px}
.wall-navigation{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.wall-navigation a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #dce4e9;border-radius:9px;color:#152733;background:#fff;font-weight:700;text-decoration:none}
.public-wall-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.box-rental-section .box-grid.wall-c-main{min-width:480px}
@media(max-width:1000px){.public-wall-pair{grid-template-columns:1fr}}