/* MY GARANTİ 5.0.6 — presentation layer (23 Oct 2026, design "MY GARANTİ yeni arayüz önerisi" approved by Can).
   Cards, chips, pills, tiles and photo cards. Loaded after portal-ui.css; scoped to portal pages. */
body.gp-v5-page .gp-portal{--v6-ground:#F6F5F2;--v6-line:#E7E5E0;--v6-soft:#F3F2EF;--v6-ink:#1D1D1F;--v6-muted:#5E5E63;--v6-red:#A4192D;--v6-red-d:#7E1222}

/* Section pills: one row, every section, scrolls sideways on a phone */
body.wp-theme-salient.gp-v5-page .gp-portal .gp-owner-nav[data-gp-nav=v6]{display:block!important;overflow:visible!important;margin:0 0 24px!important;padding:0 0 12px!important;border-bottom:1px solid var(--v6-line)!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-owner-nav[data-gp-nav=v6] .gp-owner-nav__main{display:flex!important;flex-wrap:nowrap;gap:8px!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:2px 0}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-owner-nav[data-gp-nav=v6] .gp-owner-nav__main::-webkit-scrollbar{display:none}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-owner-nav[data-gp-nav=v6] a{flex:0 0 auto!important;display:inline-flex!important;align-items:center;justify-content:center;min-height:40px!important;padding:0 16px!important;margin:0!important;border:0!important;border-radius:999px!important;background:#F2F1EE!important;color:#3D3D42!important;font-size:14px!important;font-weight:600!important;line-height:1!important;text-decoration:none!important;white-space:nowrap;scroll-snap-align:start}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-owner-nav[data-gp-nav=v6] a:hover{background:#E9E7E3!important;color:var(--v6-ink)!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-owner-nav[data-gp-nav=v6] a[aria-current=page]{background:var(--v6-ink)!important;color:#fff!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-owner-nav[data-gp-nav=v6] a:focus-visible{outline:2px solid var(--v6-red)!important;outline-offset:2px}
.gp-portal .gp-owner-nav[data-gp-nav=v6] .gp-nav__short{display:none}
@media(max-width:600px){
  body.wp-theme-salient.gp-v5-page .gp-portal .gp-owner-nav[data-gp-nav=v6]{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:0!important}
  body.wp-theme-salient.gp-v5-page .gp-portal .gp-owner-nav[data-gp-nav=v6] .gp-owner-nav__main{padding-right:16px}
  .gp-portal .gp-owner-nav[data-gp-nav=v6] .gp-nav__full{display:none}
  .gp-portal .gp-owner-nav[data-gp-nav=v6] .gp-nav__short{display:inline}
}

/* Chips */
.gp-portal .gp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px!important}
.gp-portal .gp-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.2;white-space:nowrap}
.gp-portal .gp-chip--ok{background:#E6F2EA;color:#1D6436}
.gp-portal .gp-chip--wait{background:#FCEFDD;color:#7F4507}
.gp-portal .gp-chip--muted{background:#F2F1EE;color:#45454A}
.gp-portal .gp-v6-status{gap:8px 12px!important;align-items:center}
.gp-portal .gp-v6-status .gp-statusline__ok{min-height:28px;padding:0 12px;border-radius:999px;background:#E6F2EA;color:#1D6436!important}

/* Next step: one card, one primary action */
body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-next{position:relative;margin:0 0 28px!important;padding:18px 18px 18px 18px!important;border:1px solid var(--v6-line)!important;border-left:1px solid var(--v6-line)!important;border-radius:16px;background:#fff}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-next.has-primary{padding-left:70px!important}
.gp-portal .gp-next__ico{position:absolute;left:18px;top:18px;width:38px;height:38px;border-radius:10px;background:#F6EDEE;color:var(--v6-red);display:flex;align-items:center;justify-content:center}
.gp-portal .gp-next__ico .gp-ico{width:20px;height:20px}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-next h2.gp-next__t{font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:700!important;color:#6B6B70!important;margin:0 0 4px!important}
.gp-portal .gp-v6-next .gp-next__main strong{display:block;font-size:17px;line-height:1.3}
.gp-portal .gp-v6-next .gp-next__go .gp-button{min-height:48px!important;border-radius:12px!important;padding:0 22px!important}
@media(max-width:600px){
  body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-next.has-primary .gp-next__go{margin-left:-52px!important}
  .gp-portal .gp-v6-next .gp-next__go .gp-button{display:flex!important;width:100%;justify-content:center}
}

/* Machine cards with product photo */
body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-machine{background:#fff!important;border:1px solid var(--v6-line)!important;border-radius:16px!important;padding:16px!important;overflow:hidden;box-shadow:none!important}
.gp-portal .gp-mphoto{display:flex;align-items:center;justify-content:center;margin:-16px -16px 14px;background:var(--v6-soft);height:200px}
.gp-portal .gp-mphoto--hero{height:260px}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-mphoto img{display:block;width:auto!important;height:88%!important;max-width:92%!important;object-fit:contain;margin:0!important;border:0!important;border-radius:0!important;mix-blend-mode:multiply}
.gp-portal .gp-v6-machine .gp-machine__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 10px}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-machine h3,body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-machine h2{font-size:19px!important;line-height:1.25!important;margin:0!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-owned-machine.gp-v6-machine h2{margin:0 0 10px!important}
.gp-portal .gp-machine__sn{font-size:13px;color:var(--v6-muted)}
.gp-portal .gp-v6-machine dl{margin:0 0 12px!important}

/* Action links become outline buttons (same links) */
.gp-portal .gp-actions{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-actions a{flex:1 1 auto;display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:0 14px!important;border:1px solid #D9D6D0!important;border-radius:12px!important;background:#fff!important;color:var(--v6-ink)!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;white-space:nowrap}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-actions a:hover{border-color:var(--v6-ink)!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-actions a:focus-visible{outline:2px solid var(--v6-red);outline-offset:2px}

/* Quick-action tiles */
.gp-portal .gp-tiles-wrap{margin:28px 0!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-tiles-wrap>h2{font-size:20px!important;margin:0 0 12px!important}
.gp-portal .gp-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:900px){.gp-portal .gp-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
body.wp-theme-salient.gp-v5-page .gp-portal a.gp-tile{display:flex!important;flex-direction:column;gap:6px;min-height:104px;padding:14px!important;border:1px solid var(--v6-line)!important;border-radius:16px!important;background:#fff!important;color:var(--v6-ink)!important;text-decoration:none!important}
body.wp-theme-salient.gp-v5-page .gp-portal a.gp-tile:hover{border-color:#C9C6C0!important}
body.wp-theme-salient.gp-v5-page .gp-portal a.gp-tile:focus-visible{outline:2px solid var(--v6-red);outline-offset:2px}
.gp-portal .gp-tile strong{font-size:15px;line-height:1.3}
.gp-portal .gp-tile>span:last-child{font-size:13px;line-height:1.35;color:var(--v6-muted)}
.gp-portal .gp-tile__ico{width:36px;height:36px;border-radius:10px;background:#F6EDEE;color:var(--v6-red);display:flex;align-items:center;justify-content:center;margin-bottom:2px}
.gp-portal .gp-tile__ico .gp-ico,.gp-portal .gp-steps__dot .gp-ico{width:20px;height:20px}

/* Selected for you */
body.wp-theme-salient.gp-v5-page .gp-portal .gp-picks__list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:8px}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-picks__list li{margin:0!important;padding:0!important;border:0!important}
body.wp-theme-salient.gp-v5-page .gp-portal a.gp-pick{display:flex!important;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 16px!important;border:1px solid var(--v6-line)!important;border-radius:14px!important;background:#fff!important;color:var(--v6-ink)!important;font-weight:600;text-decoration:none!important}
.gp-portal .gp-pick__go{flex:none;font-size:14px;color:var(--v6-red)}

/* Pending application: three steps */
body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-pending{padding:18px!important;border:1px solid var(--v6-line)!important;border-radius:16px!important;background:#fff!important}
.gp-portal .gp-eyebrow{margin:0 0 4px!important;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#6B6B70}
body.wp-theme-salient.gp-v5-page .gp-portal h2.gp-v6-pending__t{font-size:19px!important;line-height:1.3!important;margin:0 0 16px!important}
body.wp-theme-salient.gp-v5-page .gp-portal ol.gp-steps{list-style:none!important;margin:0!important;padding:0!important}
body.wp-theme-salient.gp-v5-page .gp-portal ol.gp-steps li{position:relative;display:flex;gap:12px;margin:0!important;padding:0 0 18px!important}
.gp-portal ol.gp-steps li:not(:last-child)::before{content:"";position:absolute;left:13px;top:30px;bottom:2px;width:2px;background:#E1DED8}
.gp-portal .gp-steps__dot{flex:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#F2F1EE;color:#45454A}
.gp-portal .gp-steps li.is-done .gp-steps__dot{background:#1D6436;color:#fff}
.gp-portal .gp-steps li.is-current .gp-steps__dot{background:var(--v6-red);color:#fff}
.gp-portal .gp-steps strong{display:block;font-size:15px;line-height:1.35}
.gp-portal .gp-steps li>div>span{display:block;font-size:13.5px;line-height:1.4;color:var(--v6-muted)}

/* Help card */
body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-help{margin:28px 0 0!important;padding:16px!important;border:1px solid var(--v6-line)!important;border-radius:16px!important;background:#fff!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-help h2{font-size:16px!important;margin:0 0 10px!important}

@media(prefers-reduced-motion:reduce){.gp-portal .gp-owner-nav__main{scroll-behavior:auto}}
@media(forced-colors:active){.gp-portal .gp-chip,.gp-portal a.gp-tile,.gp-portal .gp-v6-machine{border:1px solid CanvasText}.gp-portal .gp-mphoto img{mix-blend-mode:normal}}

/* 5.0.6 fixes after first render */
body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-next .gp-next__more{display:flex!important;flex-direction:column;gap:0;margin:12px 0 0!important;padding:8px 0 0!important;border-top:1px solid #EFEDE9}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-next .gp-next__more a{display:flex!important;align-items:center;justify-content:space-between;min-height:44px;font-size:14px!important;font-weight:600!important;color:var(--v6-ink)!important;text-decoration:none!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-next .gp-next__more a::after{content:"›";font-size:20px;color:#6B6B70;font-weight:400}
@media(max-width:600px){body.wp-theme-salient.gp-v5-page .gp-portal .gp-v6-next.has-primary .gp-next__more{margin-left:-52px!important}}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-chips .gp-chip{display:inline-flex!important;width:auto!important;margin:0!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-actions a{width:auto!important;flex:1 1 140px!important}
.gp-portal .gp-steps__dot{position:relative;z-index:1}
.gp-portal ol.gp-steps li:not(:last-child)::before{top:32px;bottom:4px}
body.wp-theme-salient.gp-v5-page .gp-portal ol.gp-steps li>div>span{font-weight:400!important}
body.wp-theme-salient.gp-v5-page .gp-portal ol.gp-steps li::before,body.wp-theme-salient.gp-v5-page .gp-portal ol.gp-steps li::after{content:none!important;display:none!important}
body.wp-theme-salient.gp-v5-page .gp-portal ol.gp-steps li::marker{content:""}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-steps__dot{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center;line-height:1!important;margin:0!important;padding:0!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-actions a{flex:1 1 auto!important;padding:0 12px!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-picks__list li{display:block!important;width:100%!important}
body.wp-theme-salient.gp-v5-page .gp-portal a.gp-pick{width:100%!important;box-sizing:border-box}
body.wp-theme-salient.gp-v5-page .gp-portal .gp-picks{border:0!important;padding-top:0!important}
body.wp-theme-salient.gp-v5-page .gp-portal .gqc-customer-quotes{border-radius:16px!important;border-color:var(--v6-line)!important}
/* Desktop: pills wrap instead of hiding sections; short names everywhere; machines in two columns */
.gp-portal .gp-owner-nav[data-gp-nav=v6] .gp-nav__full{display:none}
.gp-portal .gp-owner-nav[data-gp-nav=v6] .gp-nav__short{display:inline}
@media(min-width:601px){body.wp-theme-salient.gp-v5-page .gp-portal .gp-owner-nav[data-gp-nav=v6] .gp-owner-nav__main{flex-wrap:wrap!important;overflow:visible}}
@media(min-width:901px){
  body.wp-theme-salient.gp-v5-page .gp-portal .gp-dash-machines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
  body.wp-theme-salient.gp-v5-page .gp-portal .gp-dash-machines>h2,body.wp-theme-salient.gp-v5-page .gp-portal .gp-dash-machines>p{grid-column:1/-1;margin-bottom:0!important}
  body.wp-theme-salient.gp-v5-page .gp-portal .gp-dash-machines>.gp-v6-machine{margin:0!important}
}