@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;700;800;900&display=swap');
:root{
  --green:#138246;
  --green-2:#0b6f3b;
  --green-3:#0a4d32;
  --mint:#eaf7ed;
  --mint-2:#f5fbf6;
  --ink:#071d18;
  --ink-2:#14251f;
  --muted:#66746d;
  --muted-2:#87938d;
  --line:#dfe9e1;
  --line-2:#edf3ee;
  --card:#ffffff;
  --cream:#fbfdfb;
  --red:#c93636;
  --amber:#a66e00;
  --blue:#2f65d9;
  --violet:#7b55d7;
  --shadow:0 30px 70px rgba(6,32,22,.14);
  --shadow-soft:0 14px 34px rgba(6,32,22,.08);
  --shadow-phone:0 30px 80px rgba(0,27,18,.32);
  --radius:26px;
  --phone-radius:42px;
  --font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;font-family:var(--font);font-size:15px;line-height:1.45;color:var(--ink);background:
  radial-gradient(circle at 15% -10%,rgba(255,255,255,.95) 0,rgba(255,255,255,0) 35%),
  linear-gradient(135deg,#f8fbf8 0%,#edf6ef 45%,#e9f2ec 100%);}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(11,111,59,.075) .7px,transparent .7px);background-size:18px 18px;opacity:.28;mask-image:linear-gradient(to bottom,transparent,black 20%,black 70%,transparent)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button,.btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:17px;background:linear-gradient(180deg,#1c9858 0%,#0a713c 100%);color:#fff;font-weight:900;letter-spacing:-.015em;box-shadow:0 14px 28px rgba(12,113,60,.23), inset 0 1px 0 rgba(255,255,255,.25);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(12,113,60,.29), inset 0 1px 0 rgba(255,255,255,.25);filter:saturate(1.04)}
button:active,.btn:active{transform:translateY(0)}
button.secondary,.btn.secondary{background:#fff;color:var(--green);border:1px solid #cfe5d5;box-shadow:0 8px 22px rgba(8,34,24,.055)}
button.danger,.btn.danger{background:linear-gradient(180deg,#dc4a4a,#b92d2d);color:#fff}
button.small,.btn.small{min-height:36px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:900}
.muted,.meta{color:var(--muted);font-size:13px;line-height:1.45}.meta strong{color:var(--ink)}
.lead{color:#475951;font-size:18px;line-height:1.62;margin:10px 0 22px;letter-spacing:-.012em}
.container{max-width:1280px;margin:0 auto;padding:30px clamp(14px,3vw,34px) 105px}.page-home .container{max-width:1400px}.page-auth .container{max-width:760px}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(18px,4vw,58px);background:rgba(250,253,250,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(215,228,217,.75);transition:box-shadow .18s ease,background .18s ease}.topbar.is-scrolled{box-shadow:0 10px 30px rgba(5,30,20,.08);background:rgba(255,255,255,.92)}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.045em;font-size:22px;white-space:nowrap}.brand b{color:var(--green)}.brand img{height:35px;width:auto}.logo-mark{width:36px;height:36px;border-radius:11px;border:3px solid var(--green);position:relative;display:inline-block;flex:0 0 auto}.logo-mark:after{content:"";position:absolute;width:17px;height:9px;border-left:4px solid var(--green);border-bottom:4px solid var(--green);transform:rotate(-45deg);left:8px;top:9px}.logo-mark.tiny{width:29px;height:29px;border-radius:9px;border-width:2.5px}.logo-mark.tiny:after{width:13px;height:7px;border-width:3px;left:7px;top:7px}.nav{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.nav a{padding:10px 13px;border-radius:999px;color:#2c3a34;font-weight:850;font-size:13px;transition:.16s ease}.nav a:hover{background:#eaf5ec;color:var(--green)}
.alert{max-width:980px;margin:0 auto 16px;padding:15px 17px;border-radius:20px;border:1px solid #d8ead9;background:#fff;color:#173124;box-shadow:var(--shadow-soft);font-weight:750}.alert.error{border-color:#facaca;background:#fff1f1;color:#a31717}.alert.success{border-color:#bee8c7;background:#effdf2;color:#0b7139}
.card{background:rgba(255,255,255,.96);border:1px solid rgba(214,228,216,.9);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px}.card h1,.card h2,.screen-title h1,.screen-title h2{letter-spacing:-.055em;line-height:1.05;margin:0}.card h1{font-size:34px}.card h2{font-size:26px}
.mini-card,.tile,.job{background:#fff;border:1px solid #e2ece3;border-radius:20px;box-shadow:0 10px 25px rgba(4,31,20,.055)}.tile{padding:22px}.tile strong{display:block;font-size:16px;margin:4px 0 5px;letter-spacing:-.025em}.tile .meta{font-size:14px}.icon{font-size:33px;width:58px;height:58px;border-radius:20px;background:#eaf7ed;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--green)}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:20px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:7px;min-height:30px;border-radius:999px;padding:7px 12px;background:#eaf7ed;color:var(--green);font-size:12px;font-weight:900;white-space:nowrap}.pill.status{background:#edf4ff;color:#2f65d9}.pill.good{background:#eaf7ed;color:var(--green)}.pill.warn{background:#fff7d7;color:#8b6700}.pill.danger{background:#ffeded;color:#b72c2c}.screen-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.screen-title>a:first-child{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2ece2;box-shadow:0 6px 15px rgba(4,31,20,.045);font-size:28px;line-height:1;color:#1e3329}.screen-title h2{font-size:18px;text-align:center;flex:1;color:#14251f}
/* HERO / VISUALIZATION */
.app-wrap{display:grid;grid-template-columns:minmax(285px,.86fr) minmax(355px,1fr) minmax(355px,1fr);gap:30px;align-items:stretch}.page-home{background:linear-gradient(180deg,#f7fbf8 0%,#edf6ef 55%,#08271e 55%,#041e17 100%)}.page-home:before{display:none}.intro-panel{min-height:720px;background:#fff;border-radius:34px;padding:44px 36px;box-shadow:var(--shadow);border:1px solid #e0ebe1;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.intro-panel:after{content:"";position:absolute;right:-60px;top:90px;width:170px;height:170px;border-radius:50%;background:rgba(19,130,70,.08)}.intro-logo{font-size:38px;font-weight:950;line-height:1.05;letter-spacing:-.06em}.intro-logo .brand-img{width:225px;margin-bottom:28px}.intro-logo b{color:var(--green)}.intro-panel h1{font-size:33px;line-height:1.12;letter-spacing:-.065em;margin:36px 0 10px}.feature-list{display:grid;gap:20px;margin-top:30px}.feature-row{display:flex;align-items:center;gap:14px;font-size:17px;font-weight:650;color:#21342c}.feature-row .round-icon{width:37px;height:37px;border-radius:14px;border:2px solid #d8eadc;display:flex;align-items:center;justify-content:center;color:var(--green);font-weight:950;background:#fbfefb}.hero-illustration{margin-top:auto;min-height:205px;display:flex;align-items:flex-end;justify-content:center}.hero-illustration img{width:min(100%,310px);filter:drop-shadow(0 20px 22px rgba(5,30,20,.10))}.sofa{display:none}
.dark-band{margin:42px -34px -105px;padding:42px clamp(22px,5vw,80px) 44px;background:transparent;color:#fff}.dark-band .tile{background:transparent;border:0;box-shadow:none;color:#fff;display:grid;grid-template-columns:58px 1fr;column-gap:18px;align-items:center}.dark-band .tile .icon{grid-row:span 2;background:transparent;border:2px solid rgba(101,197,115,.7);color:#5ec864;border-radius:18px;margin:0}.dark-band .tile strong{font-size:21px;color:#fff}.dark-band .tile .meta{font-size:16px;color:rgba(255,255,255,.78)}
/* PHONE */
.phone{width:100%;max-width:430px;margin:0 auto;background:#fff;border:1px solid #e0e8df;border-radius:var(--phone-radius);box-shadow:var(--shadow-phone);overflow:hidden;min-height:720px;display:flex;flex-direction:column;position:relative}.phone:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:76px;height:6px;border-radius:999px;background:rgba(6,32,22,.08);z-index:2}.phone.small{max-width:330px;min-height:535px;border-radius:30px}.phone-status{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;font-weight:900;font-size:13px;color:#081a15}.phone-status span:last-child{font-size:12px;letter-spacing:.08em}.phone-body{padding:14px 24px 92px;flex:1;position:relative}.phone h1{font-size:27px;text-align:center;line-height:1.08;letter-spacing:-.058em;margin:16px 0 4px}.phone .sub{text-align:center;color:var(--muted);font-size:13px;font-weight:650;margin-bottom:22px}.phone-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.app-logo{display:flex;align-items:center;gap:9px;font-weight:950;font-size:22px;letter-spacing:-.045em}.app-logo img{width:186px;height:auto}.app-logo b{color:var(--green)}.bell{font-size:21px;color:#132921;width:36px;height:36px;border:1px solid #edf3ee;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fff}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-card{border:0;border-radius:18px;min-height:147px;padding:16px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:none;color:#121f19;background:#eef8ef;position:relative;transition:.18s ease;overflow:hidden}.category-card:after{content:"";position:absolute;inset:auto -30px -35px auto;width:85px;height:85px;border-radius:50%;background:rgba(255,255,255,.38)}.category-card strong{font-size:16px;margin:9px 0 5px;letter-spacing:-.035em;line-height:1.08}.category-card span:not(.cat-icon){font-size:11.5px;color:#2d3b34;line-height:1.3;max-width:120px}.category-card .cat-icon{font-size:43px;line-height:1;filter:drop-shadow(0 7px 7px rgba(0,0,0,.06))}.category-card:nth-child(2){background:#edf7ff}.category-card:nth-child(3){background:#eaf7ff}.category-card:nth-child(4){background:#fff6da}.category-card:nth-child(5){background:#f2eafd}.category-card:nth-child(6){background:#fff0f0}.category-card.is-selected,.category-card:hover{outline:3px solid rgba(19,130,70,.23);transform:translateY(-2px)}.category-card.is-selected:before{content:"";position:absolute;inset:0;border-radius:18px;border:2px solid rgba(19,130,70,.38)}
.bottom-nav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:60;width:min(560px,calc(100vw - 22px));height:72px;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border:1px solid #dfeadf;border-radius:28px;box-shadow:0 14px 38px rgba(11,51,29,.18);display:flex;align-items:center;justify-content:space-around;padding:6px 10px}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:#5a675f;font-weight:850;min-width:54px;letter-spacing:-.02em}.bottom-nav a:before{font-size:22px;line-height:1}.bottom-nav a[href$="/panel/"],.bottom-nav a:hover{color:var(--green)}.bottom-nav .nav-home:before{content:"⌂"}.bottom-nav .nav-jobs:before{content:"▤"}.bottom-nav .nav-add{background:linear-gradient(180deg,#2a9f5d,#08733a);width:58px;height:58px;border-radius:50%;color:#fff;margin-top:-25px;box-shadow:0 14px 28px rgba(17,133,68,.32);font-size:10px}.bottom-nav .nav-add:before{content:"+";font-size:34px;font-weight:500;margin-top:-2px}.bottom-nav .nav-chat:before{content:"▱"}.bottom-nav .nav-profile:before{content:"♙"}
/* FORMS */
.form{display:grid;gap:16px}.form-row{display:grid;gap:7px}.form-row label,label{font-size:13px;font-weight:900;color:#39473f}input,select,textarea{width:100%;border:1px solid #dbe7dc;border-radius:16px;background:#fff;padding:15px 16px;outline:none;color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.6);transition:.16s ease}textarea{min-height:124px;resize:vertical;line-height:1.42}input:focus,select:focus,textarea:focus{border-color:#7cc891;box-shadow:0 0 0 4px rgba(19,130,70,.1)}.input-card{border:1px solid #dfe9df;border-radius:18px;padding:15px;background:#fff;box-shadow:0 8px 18px rgba(8,34,24,.04)}.input-card label{display:block;margin-bottom:10px}.file-drop{min-height:82px;border:1.6px dashed #c9d8ce;border-radius:18px;background:#fbfefb;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--green);font-weight:900;cursor:pointer;padding:14px}.file-drop:hover{background:#f1faf3;border-color:#97cfa5}.checkbox-line{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border:1px solid #dfe9df;border-radius:18px;background:#fff;line-height:1.4}.checkbox-line input{width:22px;height:22px;accent-color:var(--green);margin-top:1px;flex:0 0 auto}
/* LISTS / JOBS */
.list{display:grid;gap:12px}.job{display:block;padding:15px;border-radius:19px}.job strong{display:block;font-size:15px;letter-spacing:-.025em}.job .meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:7px}.offer-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center}.avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf7ed;color:var(--green);font-size:24px;box-shadow:inset 0 0 0 1px #d5ead8}.price{font-size:22px;font-weight:950;letter-spacing:-.055em;white-space:nowrap}.rating{color:#f5a400;font-weight:900}.photos{display:flex;gap:9px;flex-wrap:wrap}.photos img,.photo-thumb{width:76px;height:68px;object-fit:cover;border-radius:14px;border:1px solid #e1ece2;box-shadow:0 7px 15px rgba(4,31,20,.06)}.photo-demo{width:76px;height:68px;border-radius:14px;background:linear-gradient(135deg,#77a95f,#e7f5dd 45%,#1b6f3e);position:relative;overflow:hidden}.photo-demo:before{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;background:linear-gradient(160deg,#1f7a43,#69a756);border-radius:60% 60% 0 0}.photo-demo:nth-child(2){filter:saturate(.92) brightness(1.05)}.photo-demo:nth-child(3){filter:hue-rotate(18deg) saturate(.85)}.progress-line{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 18px;position:relative}.progress-step{font-size:11px;color:#6b7771;text-align:center;padding-top:32px;position:relative;font-weight:850}.progress-step:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;background:#e5ebe6;border:3px solid #fff;box-shadow:0 0 0 1px #dce7de}.progress-step.done:before{background:var(--green)}.progress-step.done:after{content:"✓";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:22px;height:22px;color:#fff;font-size:13px;line-height:22px}.qr-box{text-align:center;background:#fff;border:1px solid #dfe9df;border-radius:28px;padding:24px;box-shadow:var(--shadow-soft)}.qr-box img{width:250px;height:250px;margin:16px auto;border:12px solid #fff;border-radius:22px;box-shadow:0 15px 32px rgba(5,30,20,.12)}.code{font-size:38px;letter-spacing:.12em;font-weight:950;padding:12px 15px;border-radius:18px;background:#eaf7ed;color:var(--green);display:inline-block;margin:5px 0 9px}.message{max-width:82%;padding:12px 14px;border-radius:18px;background:#f0f5f1;border:1px solid #e2ebe3}.message.me{margin-left:auto;background:#eaf7ed;border-color:#cfe8d5}.message .meta{font-size:11px;margin-top:4px}.auth-card{max-width:520px;margin:36px auto;padding:34px;border-radius:32px;text-align:left}.auth-card h1{text-align:center}.auth-card .lead{text-align:center;font-size:16px}.auth-logo{display:flex;justify-content:center;margin-bottom:12px}.auth-logo img{width:218px}.footer{padding:26px 18px 32px;text-align:center;color:#7a8781;font-size:13px}.page-home .footer{background:#041e17;color:rgba(255,255,255,.62)}
/* Special payment/confirmation */
.confirm-check{width:92px;height:92px;margin:12px auto 18px;border-radius:50%;background:#c9f3d5;color:var(--green);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:950}.success-panel{text-align:center}.tableish{display:grid;gap:10px}.tableish .meta{padding:10px 0;border-bottom:1px solid #eef3ef}.tableish .meta:last-child{border-bottom:0}
@media (max-width:1120px){.app-wrap{grid-template-columns:1fr}.intro-panel{max-width:430px;margin:0 auto}.dark-band{margin-left:0;margin-right:0}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.phone{min-height:auto}.page-home{background:linear-gradient(180deg,#f7fbf8 0%,#edf6ef 78%,#08271e 78%,#041e17 100%)}}
@media (max-width:760px){.topbar{padding:12px 14px}.brand{font-size:19px}.brand img{height:32px}.nav a{font-size:12px;padding:8px 9px}.container{padding:18px 10px 98px}.phone{border-radius:34px;box-shadow:0 18px 45px rgba(0,27,18,.18)}.phone-body{padding:12px 18px 88px}.intro-panel{min-height:630px;border-radius:30px;padding:34px 25px}.intro-panel h1{font-size:31px}.intro-logo .brand-img{width:205px}.grid.two,.grid.three,.grid.four,.split{grid-template-columns:1fr}.dark-band{padding-bottom:34px}.dark-band .tile{grid-template-columns:52px 1fr}.offer-card{grid-template-columns:42px 1fr}.offer-card>div:last-child{grid-column:2 / -1;text-align:left!important}.price{font-size:20px}.auth-card{margin:12px auto;border-radius:28px}.category-card{min-height:136px}.category-card .cat-icon{font-size:38px}}
@media (max-width:420px){.phone-body{padding-left:15px;padding-right:15px}.category-grid{gap:11px}.category-card{padding:14px 9px;min-height:130px}.category-card strong{font-size:14px}.category-card span:not(.cat-icon){font-size:10.5px}.bottom-nav{height:68px;border-radius:24px}.bottom-nav a{font-size:9.5px;min-width:46px}.bottom-nav .nav-add{width:54px;height:54px}.phone-status{padding:0 22px}.intro-panel h1{font-size:29px}}

/* UI refine patch: premium logo, feature icons and 3D bottom navigation */
.brand img{height:44px;max-width:232px;filter:drop-shadow(0 8px 12px rgba(7,29,24,.045))}.intro-logo .brand-img{width:245px;margin-bottom:31px}.app-logo img{width:206px;filter:drop-shadow(0 7px 10px rgba(7,29,24,.045))}.auth-logo img{width:235px}.topbar{box-shadow:0 1px 0 rgba(255,255,255,.9), 0 10px 26px rgba(5,30,20,.045)}
.feature-list{gap:18px;margin-top:32px}.feature-row{gap:15px;font-size:17px;font-weight:760;letter-spacing:-.022em;color:#1f342b}.feature-row .round-icon{width:43px;height:43px;border-radius:16px;border:1px solid rgba(205,230,210,.95);background:linear-gradient(180deg,#ffffff 0%,#f5fbf6 100%);box-shadow:0 11px 24px rgba(5,45,23,.075), inset 0 1px 0 rgba(255,255,255,.95);flex:0 0 auto}.feature-row .round-icon img{width:29px;height:29px;filter:drop-shadow(0 5px 6px rgba(19,130,70,.10))}.intro-panel h1{margin-top:38px;color:#061f18}.lead{color:#30443b}.dark-band .tile .icon{background:linear-gradient(180deg,rgba(21,71,52,.25),rgba(7,42,31,.1));border:2px solid rgba(94,200,100,.63);box-shadow:0 16px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12)}.dark-band .tile .icon img{width:37px;height:37px;filter:brightness(0) saturate(100%) invert(62%) sepia(63%) saturate(469%) hue-rotate(74deg) brightness(93%) contrast(91%) drop-shadow(0 9px 11px rgba(0,0,0,.22))}.bell{position:relative;color:var(--green);background:linear-gradient(180deg,#fff,#f8fcf9);box-shadow:0 8px 18px rgba(5,30,20,.055), inset 0 1px 0 rgba(255,255,255,.9)}.bell:before{content:"";width:22px;height:22px;background:#132921;-webkit-mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;opacity:.92}
.bottom-nav{bottom:16px;height:78px;width:min(585px,calc(100vw - 22px));padding:7px 13px 9px;border-radius:31px;background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(247,253,248,.94) 100%);border:1px solid rgba(207,226,211,.96);box-shadow:0 22px 52px rgba(7,45,27,.22),0 8px 18px rgba(7,45,27,.11),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(10,113,60,.05);overflow:visible}.bottom-nav:before{content:"";position:absolute;left:18px;right:18px;top:7px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent);pointer-events:none}.bottom-nav a{position:relative;z-index:1;min-width:61px;height:58px;border-radius:22px;gap:4px;font-size:10.2px;line-height:1.05;color:#718078;font-weight:880;letter-spacing:-.025em;transition:color .18s ease, transform .18s ease, background .18s ease, box-shadow .18s ease}.bottom-nav a:hover{color:#138246;transform:translateY(-1px)}.bottom-nav a:before{content:"";width:25px;height:25px;background:currentColor;display:block;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;filter:drop-shadow(0 6px 7px rgba(7,45,27,.08));transition:transform .18s ease, filter .18s ease}.bottom-nav .nav-home:before{-webkit-mask-image:url('/assets/icons/nav-home.svg');mask-image:url('/assets/icons/nav-home.svg')}.bottom-nav .nav-jobs:before{-webkit-mask-image:url('/assets/icons/nav-jobs.svg');mask-image:url('/assets/icons/nav-jobs.svg')}.bottom-nav .nav-chat:before{-webkit-mask-image:url('/assets/icons/nav-chat.svg');mask-image:url('/assets/icons/nav-chat.svg')}.bottom-nav .nav-profile:before{-webkit-mask-image:url('/assets/icons/nav-profile.svg');mask-image:url('/assets/icons/nav-profile.svg')}.bottom-nav a.is-active:not(.nav-add){color:#138246;background:linear-gradient(180deg,#f6fff7,#eaf8ed);box-shadow:0 13px 24px rgba(12,113,60,.12),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(12,113,60,.1)}.bottom-nav a.is-active:not(.nav-add):after{content:"";position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#138246;box-shadow:0 0 0 4px rgba(19,130,70,.12)}.bottom-nav a.is-active:not(.nav-add):before{transform:translateY(-1px);filter:drop-shadow(0 8px 8px rgba(19,130,70,.16))}.bottom-nav .nav-add{width:64px;height:64px;min-width:64px;border-radius:50%;margin-top:-31px;color:#fff;background:radial-gradient(circle at 35% 28%,#37b872 0%,#1b9657 38%,#08713c 100%);box-shadow:0 22px 38px rgba(8,113,60,.38),0 8px 15px rgba(2,46,26,.2),inset 0 2px 0 rgba(255,255,255,.34),inset 0 -5px 12px rgba(0,57,29,.24);font-size:9.4px;text-shadow:0 1px 1px rgba(0,0,0,.16);border:4px solid rgba(255,255,255,.95)}.bottom-nav .nav-add:before{width:29px;height:29px;background:#fff;-webkit-mask:url('/assets/icons/nav-plus.svg') center/contain no-repeat;mask:url('/assets/icons/nav-plus.svg') center/contain no-repeat;font-size:0;margin:0;filter:drop-shadow(0 5px 7px rgba(0,0,0,.18))}.bottom-nav .nav-add:hover,.bottom-nav .nav-add.is-active{transform:translateY(-2px) scale(1.025);box-shadow:0 26px 46px rgba(8,113,60,.43),0 9px 18px rgba(2,46,26,.22),inset 0 2px 0 rgba(255,255,255,.38),inset 0 -5px 12px rgba(0,57,29,.25)}.bottom-nav .nav-add.is-active:after{content:"";position:absolute;inset:-8px;border-radius:50%;background:rgba(19,130,70,.14);z-index:-1;box-shadow:0 0 0 1px rgba(19,130,70,.08)}
@media (max-width:760px){.brand img{height:39px}.intro-logo .brand-img{width:226px}.app-logo img{width:190px}.bottom-nav{height:74px;border-radius:29px}.bottom-nav a{min-width:54px}.bottom-nav .nav-add{width:60px;height:60px;min-width:60px;margin-top:-29px}}
@media (max-width:420px){.bottom-nav{height:72px;border-radius:27px;padding-left:8px;padding-right:8px}.bottom-nav a{font-size:9.2px;min-width:48px;height:55px}.bottom-nav a:before{width:23px;height:23px}.bottom-nav .nav-add{width:58px;height:58px;min-width:58px}.bottom-nav .nav-add:before{width:27px;height:27px}.feature-row{font-size:16px}.feature-row .round-icon{width:41px;height:41px}.feature-row .round-icon img{width:28px;height:28px}}

/* PATCH 5 — final brand logo, animated hero and footer */
.brand img{height:46px;max-width:270px;object-fit:contain;filter:drop-shadow(0 9px 14px rgba(7,29,24,.055))}.intro-logo .brand-img{width:275px;max-width:100%;margin-bottom:32px;filter:drop-shadow(0 10px 16px rgba(7,29,24,.06))}.app-logo img{width:220px;max-width:100%;filter:drop-shadow(0 8px 12px rgba(7,29,24,.055))}.auth-logo img{width:252px;max-width:100%}.footer-logo{width:188px;height:auto;margin:0 auto 10px;opacity:.94}.hero-illustration{min-height:250px;margin-top:14px;align-items:flex-end}.hero-illustration img{width:min(100%,380px);filter:drop-shadow(0 28px 28px rgba(5,30,20,.13));animation:heroBreath 4.6s ease-in-out infinite}.intro-panel{background:linear-gradient(180deg,#fff 0%,#fff 62%,#f8fcf9 100%)}.intro-panel:before{content:"";position:absolute;left:-80px;bottom:32px;width:180px;height:180px;border-radius:50%;background:rgba(19,130,70,.055);pointer-events:none}.feature-row .round-icon{border-radius:17px;border:1px solid rgba(194,224,202,.98);background:linear-gradient(180deg,#fff 0%,#f6fbf7 100%);box-shadow:0 13px 26px rgba(5,45,23,.085),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(19,130,70,.05)}.feature-row .round-icon img{width:30px;height:30px}.footer{padding:28px 18px 34px;text-align:center;color:#718078;font-size:13px;letter-spacing:-.01em;background:linear-gradient(180deg,rgba(249,253,250,.92),rgba(238,247,240,.96));border-top:1px solid rgba(210,229,215,.8)}.footer-inner{max-width:900px;margin:0 auto;display:grid;place-items:center;gap:2px}.footer p{margin:0;color:#718078}.footer strong{color:#138246;font-weight:850}.page-home .footer{background:#041e17;color:rgba(255,255,255,.64);border-top:1px solid rgba(255,255,255,.06)}.page-home .footer p{color:rgba(255,255,255,.64)}.page-home .footer strong{color:#69d47a}.page-home .footer-logo{filter:brightness(0) invert(1);opacity:.9}
@keyframes heroBreath{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (max-width:760px){.brand img{height:40px;max-width:230px}.intro-logo .brand-img{width:242px}.app-logo img{width:198px}.hero-illustration{min-height:230px}.hero-illustration img{width:min(100%,350px)}}
@media (max-width:420px){.brand img{height:36px;max-width:205px}.intro-logo .brand-img{width:224px}.app-logo img{width:184px}.footer-logo{width:165px}}

/* PATCH 6 — corrected uploaded logo style + larger premium thin wordmark + new categories */
.brand img{height:58px;max-width:340px;width:auto;object-fit:contain;filter:drop-shadow(0 11px 18px rgba(7,29,24,.075))}.intro-logo .brand-img{width:330px;max-width:100%;margin-bottom:30px}.app-logo img{width:270px;max-width:100%}.auth-logo img{width:305px;max-width:100%}.footer-logo{width:235px}.topbar{min-height:82px}.topbar .brand{display:flex;align-items:center}.category-grid.category-grid-extended{gap:13px}.category-grid-extended .category-card{min-height:128px;padding:15px 10px 13px}.category-grid-extended .category-card strong{font-size:15px;letter-spacing:-.035em}.category-grid-extended .category-card span:not(.cat-icon){font-size:10.8px;line-height:1.25}.premium-cat{width:54px;height:54px;margin:0 auto 7px;border-radius:19px;display:grid!important;place-items:center;background:linear-gradient(180deg,#ffffff 0%,#f6fbf7 100%);box-shadow:0 13px 28px rgba(8,52,30,.10), inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(11,111,59,.05);border:1px solid rgba(208,230,213,.9);font-size:0!important}.premium-cat img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(5,45,23,.11))}.category-card:hover .premium-cat{transform:translateY(-2px);box-shadow:0 18px 34px rgba(8,52,30,.15), inset 0 1px 0 rgba(255,255,255,1)}.phone-body .app-logo{display:flex;align-items:center}.intro-logo,.app-logo,.auth-logo{display:flex;align-items:center}.intro-logo{justify-content:flex-start}.app-logo{justify-content:flex-start}.auth-logo{justify-content:center}.page-home .footer-logo{filter:none;opacity:.96}
@media (max-width:760px){.topbar{min-height:68px}.brand img{height:47px;max-width:280px}.intro-logo .brand-img{width:285px}.app-logo img{width:235px}.auth-logo img{width:260px}.category-grid-extended .category-card{min-height:125px}.premium-cat{width:50px;height:50px;border-radius:17px}.premium-cat img{width:37px;height:37px}}
@media (max-width:420px){.brand img{height:43px;max-width:245px}.intro-logo .brand-img{width:260px}.app-logo img{width:215px}.auth-logo img{width:238px}.category-grid-extended{gap:10px}.category-grid-extended .category-card{padding:12px 8px;min-height:121px}.category-grid-extended .category-card strong{font-size:13.4px}.category-grid-extended .category-card span:not(.cat-icon){font-size:9.8px}.premium-cat{width:47px;height:47px;margin-bottom:6px}.premium-cat img{width:34px;height:34px}.footer-logo{width:205px}}

/* PATCH 7 — logo dokładnie z przesłanego logotypu */
.brand img,
.intro-logo .brand-img,
.app-logo img,
.auth-logo img,
.footer-logo{
  object-fit:contain;
  image-rendering:auto;
  filter:drop-shadow(0 11px 18px rgba(7,29,24,.075));
}
.topbar{min-height:86px;padding-top:12px;padding-bottom:12px;}
.brand img{height:72px;max-width:390px;width:auto;}
.intro-logo .brand-img{width:365px;max-width:100%;margin-bottom:30px;}
.phone-head .app-logo img,.app-logo img{width:208px;max-width:100%;height:auto;}
.auth-logo img{width:330px;max-width:100%;}
.footer-logo{width:250px;max-width:100%;}
.page-home .footer-logo{filter:drop-shadow(0 10px 18px rgba(0,0,0,.16));opacity:1;}
@media (max-width:760px){
  .topbar{min-height:74px;}
  .brand img{height:58px;max-width:300px;}
  .intro-logo .brand-img{width:305px;}
  .phone-head .app-logo img,.app-logo img{width:190px;}
  .auth-logo img{width:280px;}
  .footer-logo{width:220px;}
}
@media (max-width:420px){
  .brand img{height:50px;max-width:260px;}
  .intro-logo .brand-img{width:282px;}
  .phone-head .app-logo img,.app-logo img{width:176px;}
  .auth-logo img{width:255px;}
  .footer-logo{width:205px;}
}


/* PATCH 8 — logo PNG użytkownika + widoczny przycisk Rejestracja */
:root{--z-logo-green:#0b7f43;}
.topbar .brand,
.intro-logo,
.app-logo,
.auth-logo{display:flex;align-items:center;}
.topbar .brand{min-width:260px;min-height:58px;}
.brand img,
.intro-logo .brand-img,
.phone-head .app-logo img,
.app-logo img,
.auth-logo img,
.footer-logo{
  content:url('/assets/img/logo-zlecam-online.png?v=8');
  display:block!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.brand img{height:58px!important;width:auto!important;max-width:390px!important;}
.intro-logo .brand-img{width:390px!important;height:auto!important;max-width:100%!important;margin-bottom:28px!important;}
.phone-head .app-logo img,.app-logo img{width:238px!important;height:auto!important;max-width:100%!important;}
.auth-logo img{width:340px!important;height:auto!important;max-width:100%!important;}
.footer-logo{width:260px!important;height:auto!important;max-width:100%!important;}
.nav a.btn.small,
.topbar .nav a.btn.small,
.topbar .nav .btn.small,
.nav .btn.small,
a.btn.small[href*="register"]{
  color:#fff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.10);
  background:linear-gradient(180deg,#149754 0%,#08713b 100%)!important;
  box-shadow:0 14px 32px rgba(8,113,59,.28), inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.nav a.btn.small:hover,
.topbar .nav a.btn.small:hover,
a.btn.small[href*="register"]:hover{color:#fff!important;filter:saturate(1.05) brightness(1.02);}
@media (max-width:760px){
  .topbar .brand{min-width:190px;min-height:48px;}
  .brand img{height:48px!important;max-width:280px!important;}
  .intro-logo .brand-img{width:315px!important;}
  .phone-head .app-logo img,.app-logo img{width:205px!important;}
  .auth-logo img{width:285px!important;}
  .footer-logo{width:225px!important;}
}
@media (max-width:420px){
  .topbar .brand{min-width:160px;}
  .brand img{height:42px!important;max-width:230px!important;}
  .intro-logo .brand-img{width:285px!important;}
  .phone-head .app-logo img,.app-logo img{width:182px!important;}
}

/* PATCH 9 — mniejsze logo w topbarze, usunięte logo przed „Zleć”, animacja przeniesiona do góry */
.topbar{
  min-height:76px!important;
  padding:10px 44px!important;
}
.topbar .brand{
  min-width:auto!important;
  min-height:auto!important;
  display:flex!important;
  align-items:center!important;
}
.topbar .brand img,
.brand img{
  height:38px!important;
  max-width:230px!important;
  width:auto!important;
  object-fit:contain!important;
}

/* Logo usunięte z lewego panelu — zostaje logo w centralnym ekranie aplikacji */
.intro-logo{display:none!important;}

.intro-panel-animation-top{
  justify-content:flex-start!important;
  padding-top:34px!important;
  overflow:hidden;
}
.intro-panel-animation-top .intro-copy{
  position:relative;
  z-index:3;
  width:100%;
  margin-top:10px;
}
.hero-illustration-top{
  position:relative;
  z-index:2;
  min-height:0!important;
  height:245px;
  width:100%;
  margin:0 0 10px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  pointer-events:none;
}
.hero-illustration-top img{
  width:min(94%,360px)!important;
  max-height:245px;
  object-fit:contain;
  transform-origin:50% 100%;
  animation:heroFloatPremium 5.2s ease-in-out infinite!important;
  filter:drop-shadow(0 26px 28px rgba(5,30,20,.14));
}
@keyframes heroFloatPremium{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-8px) scale(1.012)}
}

/* Centralne logo w mockupie zostaje, lekko bardziej premium */
.phone-head .app-logo,
.app-logo{
  justify-content:center!important;
  flex:1 1 auto;
}
.phone-head .app-logo img,
.app-logo img{
  width:220px!important;
  max-width:76%!important;
}
.phone-head .bell{flex:0 0 auto;}

/* delikatna korekta po przeniesieniu animacji */
.intro-panel h1{margin-top:4px!important;}
.intro-panel .feature-list{margin-top:34px!important;}

@media (max-width:760px){
  .topbar{min-height:66px!important;padding:8px 20px!important;}
  .topbar .brand img,.brand img{height:32px!important;max-width:190px!important;}
  .hero-illustration-top{height:210px;margin-bottom:8px!important;}
  .hero-illustration-top img{width:min(96%,320px)!important;max-height:210px;}
  .phone-head .app-logo img,.app-logo img{width:196px!important;max-width:72%!important;}
}
@media (max-width:420px){
  .topbar{padding:8px 14px!important;}
  .topbar .brand img,.brand img{height:29px!important;max-width:165px!important;}
  .hero-illustration-top{height:190px;}
  .hero-illustration-top img{max-height:190px;}
  .phone-head .app-logo img,.app-logo img{width:178px!important;}
}


/* PATCH 10 — Google Maps + premium multi-photo uploader */
.job-create-shell{max-width:760px;margin:0 auto 44px;padding:0 clamp(2px,2vw,12px)}
.job-create-title{max-width:680px;margin:0 auto 16px}.job-create-title h1{font-size:25px;letter-spacing:-.055em}.job-create-title span{width:34px}
.job-create-card{max-width:680px;margin:0 auto;background:rgba(255,255,255,.96);border:1px solid rgba(211,229,215,.94);border-radius:30px;padding:26px;box-shadow:0 28px 70px rgba(7,40,26,.12)}
.job-create-card label{font-size:13px;font-weight:950;color:#3a4b43;margin-bottom:8px}.job-create-card .form-row{margin-bottom:17px}.job-create-card input,.job-create-card select,.job-create-card textarea{border-radius:18px;border:1px solid #d7e7d9;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);font-weight:650}.job-create-card textarea{min-height:120px;resize:vertical}.job-create-card input:focus,.job-create-card select:focus,.job-create-card textarea:focus{border-color:#118b4c;box-shadow:0 0 0 4px rgba(17,139,76,.10);outline:none}
.location-input-wrap{display:flex;gap:10px;align-items:center}.location-input-wrap input{flex:1}.location-dot{width:50px;height:50px;border-radius:17px;border:1px solid #d8e8dc;background:linear-gradient(180deg,#fff,#eef8f0);color:#0e8d4c;font-size:25px;font-weight:900;box-shadow:0 10px 22px rgba(8,66,39,.08);cursor:pointer;transition:.16s ease}.location-dot:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(8,66,39,.13)}
.map-preview-card{margin-top:11px;border:1px solid #dcebdd;border-radius:22px;overflow:hidden;background:#f7fbf8;box-shadow:0 12px 30px rgba(4,31,20,.055)}.map-preview-card iframe{display:block;width:100%;height:178px;border:0;background:linear-gradient(135deg,#eaf7ed,#fff)}.map-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 13px;font-size:12px;font-weight:800;color:#6b7c72}.map-actions a{color:#0d8748;font-weight:950}.map-actions span{text-align:right}
.photo-upload-row label span{color:#84958b;font-weight:800}.sr-only-file{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.photo-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}.photo-preview-tile,.photo-add-tile{position:relative;aspect-ratio:1/1;border-radius:17px;overflow:hidden;background:linear-gradient(135deg,#e7f6eb,#f9fefa);border:1px solid #d7e9dc;box-shadow:0 10px 24px rgba(5,50,28,.07)}.photo-preview-tile img{width:100%;height:100%;object-fit:cover;display:block}.photo-preview-tile button{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:999px;border:0;background:rgba(5,28,20,.76);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;font-weight:900;cursor:pointer;box-shadow:0 6px 12px rgba(0,0,0,.18)}.photo-add-tile{display:flex;align-items:center;justify-content:center;border-style:dashed;color:#0d8c4c;font-size:32px;font-weight:900;cursor:pointer;transition:.16s ease}.photo-add-tile:hover{transform:translateY(-1px);background:#eef9f1;box-shadow:0 14px 30px rgba(5,50,28,.11)}.photo-help{margin:9px 2px 0;color:#77877e;font-size:12px;line-height:1.4}.btn-submit-premium{width:100%;min-height:56px;border-radius:19px;background:linear-gradient(180deg,#159b55,#087d40);box-shadow:0 18px 34px rgba(10,124,63,.25), inset 0 1px 0 rgba(255,255,255,.25);font-size:15px;font-weight:950}.btn-submit-premium:hover{transform:translateY(-1px);box-shadow:0 24px 42px rgba(10,124,63,.31), inset 0 1px 0 rgba(255,255,255,.25)}
@media(max-width:720px){.job-create-card{padding:20px;border-radius:26px}.photo-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.map-actions{align-items:flex-start;flex-direction:column}.map-actions span{text-align:left}.grid.two{grid-template-columns:1fr}}

/* PATCH 12: nowy model prowizji za kontakt */
.offer-actions-premium{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}
.icon-chat-btn{width:42px;height:42px;border-radius:16px;border:1px solid rgba(19,130,70,.18);background:linear-gradient(180deg,#fff,#eef9f2);box-shadow:0 10px 24px rgba(7,67,35,.13), inset 0 1px 0 rgba(255,255,255,.95);display:grid;place-items:center;color:#138246;text-decoration:none;font-weight:900;font-size:18px}
.icon-chat-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(7,67,35,.18), inset 0 1px 0 rgba(255,255,255,.95)}
.btn-warning-premium{background:linear-gradient(180deg,#fff8df,#ffe7a6)!important;color:#614208!important;border:1px solid rgba(185,129,16,.22)!important;box-shadow:0 12px 26px rgba(185,129,16,.16)!important}
.locked-contact-card{border:1px dashed rgba(19,130,70,.30);background:linear-gradient(180deg,#f7fff9,#eff8f2);border-radius:22px;padding:16px;margin-top:14px;color:#244036}
.contact-card-premium{border:1px solid rgba(19,130,70,.18);background:linear-gradient(180deg,#ffffff,#f3fbf5);box-shadow:0 18px 42px rgba(7,67,35,.12);border-radius:24px;padding:18px;margin:16px 0}
.contact-card-premium h3{margin:0 0 10px}.contact-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(19,130,70,.10);padding:10px 0}.contact-row:first-of-type{border-top:0}.contact-row span{color:#6a7a70}.contact-row strong{text-align:right;color:#0a2519}.filter-warning{font-size:13px;line-height:1.45;background:#fff7e8;color:#815100;border:1px solid #ffd89b;border-radius:16px;padding:12px 14px;margin:10px 0}.commission-box{border-radius:28px;background:radial-gradient(circle at 80% 0%,rgba(19,130,70,.16),transparent 35%),linear-gradient(180deg,#fff,#f3fbf5);border:1px solid rgba(19,130,70,.16);box-shadow:0 24px 60px rgba(7,67,35,.16);padding:24px}.commission-amount{font-size:42px;line-height:1;font-weight:900;letter-spacing:-.05em;color:#0b2a1d;margin:8px 0}.commission-note{color:#64756b;font-size:14px;line-height:1.5}.status-flow-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.status-flow-mini span{font-size:12px;border-radius:999px;background:#f1f7f3;padding:8px;text-align:center;color:#66776d}.status-flow-mini .active{background:#138246;color:#fff;box-shadow:0 12px 28px rgba(19,130,70,.22)}

/* PATCH 13 — lista zleceń fachowca: kolory, oferta, odległość zamiast adresu */
.provider-jobs-phone .phone-body{padding-bottom:92px}
.provider-job-list{display:grid;gap:14px}
.provider-job-legend{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:4px 0 12px;font-size:11px;font-weight:950;color:#5f7468;letter-spacing:.01em}
.provider-job-legend span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.72);border:1px solid rgba(211,229,215,.78);border-radius:999px;padding:7px 10px;box-shadow:0 8px 18px rgba(8,41,27,.05)}
.legend-dot{width:9px;height:9px;border-radius:999px;display:inline-block;box-shadow:0 0 0 3px rgba(18,143,76,.08)}
.legend-dot-new{background:#fff;border:1px solid #bfd9c8}
.legend-dot-offer{background:#128f4c;border:1px solid #128f4c}
.provider-filter-note{margin:8px 0 15px!important;border-radius:18px!important}
.provider-job-card{position:relative;display:block;text-decoration:none!important;border-radius:24px!important;padding:18px 16px!important;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;overflow:hidden}
.provider-job-card:before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 82% 8%,rgba(255,255,255,.96),transparent 26%);opacity:.55}
.provider-job-card > *{position:relative;z-index:1}
.provider-job-card.is-new{background:linear-gradient(180deg,#fff,#fbfdfb)!important;border:1px solid rgba(207,224,213,.95)!important;box-shadow:0 14px 34px rgba(6,35,22,.055)!important}
.provider-job-card.has-offer{background:linear-gradient(145deg,#e9f9ef 0%,#f7fff9 58%,#e2f6e9 100%)!important;border:1px solid rgba(18,143,76,.28)!important;box-shadow:0 18px 42px rgba(18,143,76,.13), inset 0 1px 0 rgba(255,255,255,.9)!important}
.provider-job-card.has-offer:after{content:"";position:absolute;right:-34px;top:-44px;width:150px;height:150px;border-radius:50%;background:rgba(18,143,76,.10);filter:blur(1px);pointer-events:none}
.provider-job-card:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(6,35,22,.105)!important}.provider-job-card.has-offer:hover{box-shadow:0 24px 54px rgba(18,143,76,.18), inset 0 1px 0 rgba(255,255,255,.94)!important}
.provider-job-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}
.provider-job-title{display:flex;align-items:center;gap:7px;min-width:0;color:#082218!important;font-size:15px;line-height:1.25;letter-spacing:-.02em}.provider-job-icon{font-size:17px;line-height:1;filter:drop-shadow(0 4px 7px rgba(18,143,76,.16))}
.my-offer-badge,.new-job-badge{flex:0 0 auto;white-space:nowrap;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:1000;line-height:1;letter-spacing:.025em;text-transform:uppercase}
.my-offer-badge{background:linear-gradient(180deg,#128f4c,#087b3f);color:#fff;box-shadow:0 12px 24px rgba(18,143,76,.22), inset 0 1px 0 rgba(255,255,255,.25)}
.new-job-badge{background:#f4f8f5;color:#5e7067;border:1px solid rgba(202,222,209,.9)}
.provider-job-card p{color:#11281d!important;font-weight:560;line-height:1.45;margin:0 0 14px!important}.provider-job-meta{display:flex!important;gap:10px!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;color:#65786d!important}.provider-job-meta span{font-weight:780;font-size:12px;line-height:1.2}.distance-label{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid rgba(205,224,212,.68);color:#0d6c3c!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}.has-offer .distance-label{background:rgba(255,255,255,.78);border-color:rgba(18,143,76,.14)}.distance-muted{color:#8a9a91!important}
@media(max-width:520px){.provider-job-topline{align-items:flex-start}.my-offer-badge,.new-job-badge{font-size:9px;padding:7px 8px}.provider-job-title{font-size:14px}.provider-job-meta{gap:7px!important}.provider-job-meta span{font-size:11px}.provider-job-card{padding:17px 15px!important;border-radius:22px!important}}

/* PATCH 15 — chat: oferta, ikonka wiadomości w tle, blokada kontaktu bez fatal errorów */
.chat-offer-summary{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  padding:18px 18px 16px;
  margin:6px 0 14px;
  background:linear-gradient(145deg,#ffffff 0%,#f7fff9 58%,#eef9f2 100%);
  border:1px solid rgba(200,224,207,.92);
  box-shadow:0 18px 42px rgba(5,35,20,.08), inset 0 1px 0 rgba(255,255,255,.98);
}
.chat-offer-bg-icon{
  position:absolute;
  right:-16px;
  top:-18px;
  width:138px;
  height:138px;
  opacity:.08;
  background:#138246;
  -webkit-mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;
  mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;
  transform:rotate(-8deg);
  pointer-events:none;
}
.chat-offer-title{
  position:relative;
  z-index:1;
  font-weight:1000;
  letter-spacing:-.035em;
  color:#061f18;
  font-size:18px;
  line-height:1.15;
  padding-right:84px;
}
.chat-offer-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:13px;
}
.chat-offer-grid>div{
  border-radius:18px;
  padding:11px 12px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(210,229,216,.75);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
.chat-offer-grid span{
  display:block;
  color:#69786f;
  font-size:11px;
  font-weight:850;
  margin-bottom:3px;
}
.chat-offer-grid strong{
  color:#08251c;
  font-size:15px;
  font-weight:1000;
}
.chat-offer-person{
  position:relative;
  z-index:1;
  color:#66766d;
  font-size:12px;
  font-weight:760;
  margin-top:12px;
}
.chat-accept-form{position:relative;z-index:1;margin-top:13px}
.chat-accept-btn{
  width:100%;
  border:none;
  border-radius:18px;
  padding:14px 16px;
  color:#fff;
  font-weight:1000;
  cursor:pointer;
  background:linear-gradient(180deg,#1fa766 0%,#11834a 58%,#08703d 100%);
  box-shadow:0 16px 32px rgba(8,113,60,.22), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -4px 10px rgba(0,57,29,.16);
}
.chat-accept-btn:hover{transform:translateY(-1px);box-shadow:0 20px 40px rgba(8,113,60,.28), inset 0 1px 0 rgba(255,255,255,.26), inset 0 -4px 10px rgba(0,57,29,.17)}
.chat-accepted-badge{
  position:relative;
  z-index:1;
  margin-top:13px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:10px 13px;
  border-radius:999px;
  background:#eaf8ef;
  color:#08713c;
  border:1px solid rgba(19,130,70,.18);
  font-weight:950;
  font-size:12px;
}
.chat-accepted-badge:before{content:"✓";font-weight:1000}
.chat-inline-error{
  margin:12px 0;
  padding:13px 15px;
  border-radius:18px;
  color:#a31313;
  background:#fff0f0;
  border:1px solid #ffc4c4;
  font-weight:900;
  box-shadow:0 12px 26px rgba(145,0,0,.055);
}
.chat-messages-list{
  margin:18px 0;
  display:grid;
  gap:10px;
  max-height:430px;
  overflow:auto;
  padding-right:4px;
}
.chat-message-bubble{
  position:relative;
  overflow:hidden;
  max-width:82%;
  padding:13px 15px;
  border-radius:19px;
  line-height:1.45;
  box-shadow:0 10px 22px rgba(5,35,20,.055), inset 0 1px 0 rgba(255,255,255,.78);
}
.chat-message-bubble small{display:block;position:relative;z-index:1;opacity:.76;margin-bottom:3px;font-size:11px;font-weight:780}
.chat-message-bubble>div:not(.chat-message-icon){position:relative;z-index:1}
.chat-message-icon{
  position:absolute;
  right:12px;
  bottom:7px;
  width:54px;
  height:54px;
  background:currentColor;
  opacity:.095;
  -webkit-mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;
  mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;
  pointer-events:none;
}
.chat-message-bubble.system{
  max-width:100%;
  margin-left:0;
  margin-right:0;
  text-align:center;
  background:#f3f7f4;
  color:#607068;
  border:1px solid #dfe9df;
}
.chat-message-bubble.mine{
  margin-left:auto;
  color:#fff;
  background:linear-gradient(180deg,#179152,#08713c);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 14px 28px rgba(8,113,60,.22), inset 0 1px 0 rgba(255,255,255,.2);
}
.chat-message-bubble.theirs{
  margin-right:auto;
  color:#08251c;
  background:#fff;
  border:1px solid #e2ece2;
}
.chat-send-form textarea{
  border-color:#b9dec4!important;
  box-shadow:0 0 0 3px rgba(19,130,70,.055), inset 0 1px 0 rgba(255,255,255,.86);
}
@media(max-width:520px){
  .chat-offer-title{font-size:16px;padding-right:60px}
  .chat-offer-grid{grid-template-columns:1fr;gap:8px}
  .chat-message-bubble{max-width:88%}
}

/* PATCH 16 — mocniejszy filtr kontaktu + powiadomienia chatu dla fachowca */
.nav-badge{
  position:absolute;
  top:3px;
  right:7px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:linear-gradient(180deg,#ff4b4b,#c80f1f);
  color:#fff;
  font-size:10px;
  font-weight:1000;
  line-height:1;
  box-shadow:0 9px 18px rgba(200,15,31,.34), inset 0 1px 0 rgba(255,255,255,.36), 0 0 0 3px rgba(255,255,255,.95);
  pointer-events:none;
  z-index:5;
}
.provider-mini-chat{
  position:relative;
  width:43px;
  height:43px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#fff,#effaf3);
  border:1px solid rgba(19,130,70,.17);
  box-shadow:0 12px 24px rgba(5,45,23,.08), inset 0 1px 0 rgba(255,255,255,.95);
  color:#138246;
}
.provider-mini-chat:before{
  content:"";
  width:23px;
  height:23px;
  display:block;
  background:currentColor;
  -webkit-mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;
  mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;
}
.provider-mini-chat .nav-badge{top:-5px;right:-5px}
.provider-chat-titlebar{align-items:center!important}
.provider-chat-title-icon{
  position:relative;
  width:43px;
  height:43px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#fff,#effaf3);
  border:1px solid rgba(19,130,70,.17);
  box-shadow:0 12px 24px rgba(5,45,23,.08), inset 0 1px 0 rgba(255,255,255,.95);
}
.provider-chat-title-icon:before{
  content:"";
  width:23px;
  height:23px;
  background:#138246;
  -webkit-mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;
  mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;
}
.provider-chat-title-icon i{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#ff4b4b,#c80f1f);
  color:#fff;
  font-style:normal;
  font-size:10px;
  font-weight:1000;
  box-shadow:0 9px 18px rgba(200,15,31,.34), inset 0 1px 0 rgba(255,255,255,.36), 0 0 0 3px rgba(255,255,255,.95);
}
.provider-chat-list{display:grid;gap:12px;margin-top:14px;padding-bottom:84px}
.provider-chat-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:52px 1fr;
  gap:13px;
  align-items:center;
  padding:15px;
  border-radius:24px;
  background:linear-gradient(180deg,#fff,#fbfefc);
  border:1px solid #ddeade;
  box-shadow:0 14px 30px rgba(5,45,23,.07), inset 0 1px 0 rgba(255,255,255,.96);
  color:#092219;
  text-decoration:none;
}
.provider-chat-card.has-unread{
  border-color:rgba(19,130,70,.34);
  background:linear-gradient(180deg,#f6fff8,#eaf8ef);
  box-shadow:0 18px 34px rgba(19,130,70,.13), inset 0 1px 0 rgba(255,255,255,.98);
}
.provider-chat-icon{
  position:relative;
  width:52px;
  height:52px;
  border-radius:19px;
  display:grid;
  place-items:center;
  color:#138246;
  background:linear-gradient(180deg,#fff,#effaf3);
  border:1px solid rgba(19,130,70,.16);
  box-shadow:0 10px 22px rgba(5,45,23,.08), inset 0 1px 0 rgba(255,255,255,.95);
}
.provider-chat-icon:before{
  content:"";
  width:27px;
  height:27px;
  background:currentColor;
  -webkit-mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;
  mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;
}
.provider-chat-icon i{
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff4b4b,#c80f1f);
  color:#fff;
  display:grid;
  place-items:center;
  font-style:normal;
  font-size:10px;
  font-weight:1000;
  box-shadow:0 9px 18px rgba(200,15,31,.34), inset 0 1px 0 rgba(255,255,255,.36), 0 0 0 3px rgba(255,255,255,.95);
}
.provider-chat-copy strong{display:block;font-size:15px;font-weight:1000;letter-spacing:-.025em;color:#092219}
.provider-chat-copy small{display:block;margin-top:2px;color:#6a7a70;font-size:11px;font-weight:850}
.provider-chat-copy p{margin:7px 0 0;color:#31433a;font-size:12.5px;line-height:1.35}
.provider-chat-meta{margin-top:8px!important;gap:8px!important}.provider-chat-meta span{font-size:10.5px!important}

/* PATCH 17 — confirmation review UI */
.review-form{padding-bottom:84px}
.star-rating{
  direction:rtl;
  display:flex;
  justify-content:center;
  gap:8px;
  margin:8px 0 18px;
  padding:14px;
  border-radius:24px;
  background:linear-gradient(180deg,#ffffff,#f5fbf7);
  border:1px solid rgba(19,130,70,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92), 0 14px 30px rgba(5,45,23,.06);
}
.star-rating input{display:none}
.star-rating label{
  cursor:pointer;
  font-size:38px;
  line-height:1;
  color:#d6e0d9;
  text-shadow:0 3px 8px rgba(5,45,23,.06);
  transition:transform .18s ease,color .18s ease,text-shadow .18s ease;
}
.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input:checked ~ label{
  color:#f5b83f;
  text-shadow:0 8px 18px rgba(245,184,63,.28);
  transform:translateY(-2px) scale(1.04);
}
.saved-stars{
  margin:8px 0 10px;
  font-size:28px;
  letter-spacing:2px;
  color:#f5b83f;
  text-shadow:0 8px 18px rgba(245,184,63,.24);
}

/* PATCH 18 — premium topbar + bottom nav + ZLECAM button */
:root{
  --z-green:#138246;
  --z-green-dark:#066934;
  --z-red:#d61f35;
  --z-red-dark:#ad1426;
}
.topbar{
  min-height:68px!important;
  padding:8px clamp(18px,4vw,54px)!important;
  background:rgba(252,255,253,.88)!important;
  border-bottom:1px solid rgba(207,226,211,.82)!important;
  box-shadow:0 10px 34px rgba(5,30,20,.045), inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.topbar .brand{
  min-width:auto!important;
  min-height:auto!important;
  padding:4px 0!important;
  border-radius:16px;
  display:flex!important;
  align-items:center!important;
  transition:transform .18s ease, filter .18s ease;
}
.topbar .brand:hover{transform:translateY(-1px);filter:drop-shadow(0 10px 16px rgba(8,113,60,.08))}
.topbar .brand img,
.topbar a.brand img,
.brand img{
  height:34px!important;
  width:auto!important;
  max-width:174px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 7px 12px rgba(7,29,24,.055))!important;
}
.topbar .nav{
  align-items:center!important;
  gap:9px!important;
}
.topbar .nav a:not(.logout-power):not(.btn){
  position:relative;
  padding:10px 14px!important;
  border-radius:999px!important;
  color:#1e3028!important;
  font-weight:900!important;
  letter-spacing:-.03em;
  background:transparent;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.topbar .nav a:not(.logout-power):not(.btn):hover{
  color:var(--z-green)!important;
  background:linear-gradient(180deg,#f6fff8,#eaf8ee)!important;
  box-shadow:0 10px 20px rgba(19,130,70,.09), inset 0 1px 0 rgba(255,255,255,.95);
  transform:translateY(-1px);
}
.logout-power{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  padding:0!important;
  border-radius:50%!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:0!important;
  color:#fff!important;
  background:radial-gradient(circle at 35% 28%,#ff5b66 0%,#e72b40 42%,#b50e24 100%)!important;
  box-shadow:0 17px 34px rgba(199,20,42,.30), 0 7px 14px rgba(91,0,12,.16), inset 0 2px 0 rgba(255,255,255,.35), inset 0 -5px 12px rgba(111,0,18,.28)!important;
  border:3px solid rgba(255,255,255,.96)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.logout-power:before{
  content:"";
  width:23px;
  height:23px;
  background:#fff;
  -webkit-mask:url('/assets/icons/power-premium.svg') center/contain no-repeat;
  mask:url('/assets/icons/power-premium.svg') center/contain no-repeat;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.20));
}
.logout-power:hover{
  transform:translateY(-2px) scale(1.035)!important;
  box-shadow:0 22px 44px rgba(199,20,42,.36), 0 9px 18px rgba(91,0,12,.18), inset 0 2px 0 rgba(255,255,255,.40), inset 0 -5px 12px rgba(111,0,18,.30)!important;
}

/* Premium bottom app navigation */
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  z-index:80!important;
  width:min(590px,calc(100vw - 22px))!important;
  height:80px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-around!important;
  gap:4px!important;
  padding:8px 14px 10px!important;
  border-radius:32px!important;
  overflow:visible!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,253,248,.955) 100%)!important;
  border:1px solid rgba(207,226,211,.96)!important;
  box-shadow:0 24px 56px rgba(7,45,27,.22),0 10px 20px rgba(7,45,27,.12),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(10,113,60,.055)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
.bottom-nav:before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  top:8px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent)!important;
  pointer-events:none!important;
}
.bottom-nav a{
  position:relative!important;
  z-index:1!important;
  min-width:62px!important;
  height:58px!important;
  border-radius:23px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:7px 6px!important;
  color:#6a7971!important;
  background:transparent!important;
  font-size:10.3px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  text-align:center!important;
  text-decoration:none!important;
  transition:color .18s ease, transform .18s ease, background .18s ease, box-shadow .18s ease!important;
}
.bottom-nav a:before{
  content:""!important;
  width:25px!important;
  height:25px!important;
  display:block!important;
  background:currentColor!important;
  -webkit-mask:center/contain no-repeat!important;
  mask:center/contain no-repeat!important;
  filter:drop-shadow(0 6px 7px rgba(7,45,27,.075));
  transition:transform .18s ease, filter .18s ease!important;
}
.bottom-nav .nav-home:before{-webkit-mask-image:url('/assets/icons/nav-home.svg')!important;mask-image:url('/assets/icons/nav-home.svg')!important}
.bottom-nav .nav-jobs:before{-webkit-mask-image:url('/assets/icons/nav-jobs.svg')!important;mask-image:url('/assets/icons/nav-jobs.svg')!important}
.bottom-nav .nav-chat:before{-webkit-mask-image:url('/assets/icons/nav-chat.svg')!important;mask-image:url('/assets/icons/nav-chat.svg')!important}
.bottom-nav .nav-profile:before{-webkit-mask-image:url('/assets/icons/nav-profile.svg')!important;mask-image:url('/assets/icons/nav-profile.svg')!important}
.bottom-nav a:hover,
.bottom-nav a.is-active:not(.nav-add){
  color:var(--z-green)!important;
  transform:translateY(-1px)!important;
}
.bottom-nav a.is-active:not(.nav-add){
  background:linear-gradient(180deg,#f6fff7,#eaf8ed)!important;
  box-shadow:0 13px 24px rgba(12,113,60,.12), inset 0 1px 0 rgba(255,255,255,.96), inset 0 -1px 0 rgba(12,113,60,.1)!important;
}
.bottom-nav a.is-active:not(.nav-add):after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:6px!important;
  transform:translateX(-50%)!important;
  width:6px!important;
  height:6px!important;
  border-radius:999px!important;
  background:var(--z-green)!important;
  box-shadow:0 0 0 4px rgba(19,130,70,.12)!important;
}
.bottom-nav .nav-add{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  margin-top:-36px!important;
  border-radius:50%!important;
  color:#fff!important;
  background:radial-gradient(circle at 35% 26%,#41c47a 0%,#209c5b 38%,#08713c 100%)!important;
  box-shadow:0 26px 46px rgba(8,113,60,.42),0 9px 17px rgba(2,46,26,.20),inset 0 2px 0 rgba(255,255,255,.38),inset 0 -6px 13px rgba(0,57,29,.24)!important;
  border:5px solid rgba(255,255,255,.98)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
  isolation:isolate!important;
  animation:zlecamFloat 3.6s ease-in-out infinite!important;
  font-size:0!important;
}
.bottom-nav .nav-add:before{
  width:31px!important;
  height:31px!important;
  margin-top:4px!important;
  background:#fff!important;
  -webkit-mask:url('/assets/icons/nav-plus.svg') center/contain no-repeat!important;
  mask:url('/assets/icons/nav-plus.svg') center/contain no-repeat!important;
  filter:drop-shadow(0 5px 7px rgba(0,0,0,.18))!important;
}
.bottom-nav .nav-add:after{
  content:"ZLECAM"!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#fff!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  margin-top:1px!important;
}
.bottom-nav .nav-add:hover,
.bottom-nav .nav-add.is-active{
  transform:translateY(-3px) scale(1.035)!important;
  box-shadow:0 30px 52px rgba(8,113,60,.48),0 11px 20px rgba(2,46,26,.24),inset 0 2px 0 rgba(255,255,255,.42),inset 0 -6px 13px rgba(0,57,29,.26)!important;
}
.bottom-nav .nav-add .nav-pulse{
  position:absolute;
  inset:-10px;
  z-index:-1;
  border-radius:50%;
  background:rgba(19,130,70,.13);
  box-shadow:0 0 0 1px rgba(19,130,70,.08);
  animation:zlecamPulse 2.4s ease-in-out infinite;
  pointer-events:none;
}
@keyframes zlecamFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes zlecamPulse{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:.95;transform:scale(1.07)}}

/* Mobile density */
@media (max-width:760px){
  .topbar{min-height:62px!important;padding:7px 14px!important}
  .topbar .brand img,.topbar a.brand img,.brand img{height:30px!important;max-width:154px!important}
  .topbar .nav{gap:6px!important}
  .topbar .nav a:not(.logout-power):not(.btn){padding:9px 11px!important;font-size:12px!important}
  .logout-power{width:42px!important;height:42px!important;min-width:42px!important}
  .bottom-nav{height:76px!important;border-radius:29px!important;padding:7px 9px 9px!important;bottom:14px!important}
  .bottom-nav a{min-width:52px!important;height:56px!important;font-size:9.4px!important}
  .bottom-nav a:before{width:23px!important;height:23px!important}
  .bottom-nav .nav-add{width:66px!important;height:66px!important;min-width:66px!important;margin-top:-33px!important}
  .bottom-nav .nav-add:before{width:29px!important;height:29px!important}
  .bottom-nav .nav-add:after{font-size:8.8px!important}
}
@media (max-width:420px){
  .topbar .brand img,.topbar a.brand img,.brand img{height:28px!important;max-width:140px!important}
  .topbar .nav a:not(.logout-power):not(.btn){font-size:11.5px!important;padding:8px 9px!important}
  .logout-power{width:39px!important;height:39px!important;min-width:39px!important;border-width:2.5px!important}
  .logout-power:before{width:20px;height:20px}
  .bottom-nav{width:calc(100vw - 16px)!important;height:74px!important;border-radius:27px!important;padding-left:7px!important;padding-right:7px!important}
  .bottom-nav a{min-width:46px!important;height:54px!important;font-size:8.8px!important}
  .bottom-nav .nav-add{width:62px!important;height:62px!important;min-width:62px!important;margin-top:-31px!important}
}

/* PATCH 19 — topbar, live time, clean chat icon, bottom nav profile flyout */
:root{--z-green:#138246;--z-green-dark:#08713c;--z-red:#d8233b;}

/* smaller premium logout */
.logout-power{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-width:2.5px!important;
  box-shadow:0 12px 25px rgba(199,20,42,.25),0 5px 10px rgba(91,0,12,.14),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -4px 10px rgba(111,0,18,.25)!important;
}
.logout-power:before{width:19px!important;height:19px!important;}
.logout-power:hover{transform:translateY(-1px) scale(1.035)!important;box-shadow:0 16px 32px rgba(199,20,42,.32),0 7px 13px rgba(91,0,12,.16),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -4px 10px rgba(111,0,18,.28)!important;}

/* exact user PNG logo and better central sizing */
.brand img,
.topbar .brand img,
.topbar a.brand img,
.phone-head .app-logo img,
.app-logo img,
.auth-logo img,
.footer-logo{
  content:url('/assets/img/logo-zlecam-online.png?v=19')!important;
  display:block!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.topbar .brand img,.topbar a.brand img,.brand img{height:31px!important;max-width:165px!important;width:auto!important;}
.phone-head .app-logo img,.app-logo img{width:248px!important;max-width:78%!important;height:auto!important;}
.footer-logo{width:220px!important;height:auto!important;}

/* only a clean working message icon — no tree/extra illustration */
.phone-head .bell,
a.bell,
.provider-mini-chat{
  position:relative!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#fff,#f2fbf5)!important;
  border:1px solid rgba(19,130,70,.17)!important;
  box-shadow:0 12px 24px rgba(5,45,23,.08),inset 0 1px 0 rgba(255,255,255,.95)!important;
  color:#153428!important;
  font-size:0!important;
  overflow:visible!important;
}
.phone-head .bell:before,
a.bell:before,
.provider-mini-chat:before{
  content:""!important;
  width:22px!important;
  height:22px!important;
  display:block!important;
  background:currentColor!important;
  -webkit-mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat!important;
  mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat!important;
  filter:drop-shadow(0 5px 6px rgba(7,45,27,.09));
}
.phone-head .bell img,
a.bell img,
.provider-mini-chat img{display:none!important;}
.provider-mini-chat .nav-badge{display:grid!important;}

/* bottom nav: no dot, only green active + gray inactive */
.bottom-nav{
  height:78px!important;
  align-items:center!important;
  justify-content:space-around!important;
}
.bottom-nav a{
  flex:0 0 64px!important;
  width:64px!important;
  min-width:64px!important;
  height:58px!important;
  color:#73827a!important;
  background:transparent!important;
  box-shadow:none!important;
}
.bottom-nav a:hover,
.bottom-nav a.is-active:not(.nav-add){
  color:var(--z-green)!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:translateY(-1px)!important;
}
.bottom-nav a.is-active:not(.nav-add):after{display:none!important;content:none!important;}
.bottom-nav a.is-active:not(.nav-add):before{filter:drop-shadow(0 7px 7px rgba(19,130,70,.16))!important;}

/* central +ZLECAM button — clearer, stable, premium */
.bottom-nav .nav-add:not(.nav-secondary-action){
  flex:0 0 74px!important;
  width:74px!important;
  height:74px!important;
  min-width:74px!important;
  margin-top:-37px!important;
  border-radius:50%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  font-size:0!important;
  color:#fff!important;
  background:radial-gradient(circle at 35% 25%,#3fd07f 0%,#1ba461 36%,#08713c 100%)!important;
  border:5px solid rgba(255,255,255,.98)!important;
  box-shadow:0 26px 44px rgba(8,113,60,.40),0 10px 18px rgba(2,46,26,.20),inset 0 2px 0 rgba(255,255,255,.42),inset 0 -7px 14px rgba(0,57,29,.25)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.16)!important;
  isolation:isolate!important;
  animation:zlecamFloat 3.6s ease-in-out infinite!important;
}
.bottom-nav .nav-add:not(.nav-secondary-action):before{
  width:33px!important;
  height:33px!important;
  margin:1px 0 -1px!important;
  background:#fff!important;
  -webkit-mask:url('/assets/icons/nav-plus.svg') center/contain no-repeat!important;
  mask:url('/assets/icons/nav-plus.svg') center/contain no-repeat!important;
  filter:drop-shadow(0 5px 7px rgba(0,0,0,.18))!important;
}
.bottom-nav .nav-add:not(.nav-secondary-action):after{
  content:"ZLECAM"!important;
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:10.3px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  margin:0!important;
}
.bottom-nav .nav-add:not(.nav-secondary-action).is-active:after{content:"ZLECAM"!important;}
.bottom-nav .nav-add:not(.nav-secondary-action):hover,
.bottom-nav .nav-add:not(.nav-secondary-action).is-active{transform:translateY(-3px) scale(1.03)!important;}

/* provider/profile links that previously inherited nav-add should not explode layout */
.bottom-nav a.nav-secondary-action,
.bottom-nav a.nav-profile-action{
  flex:0 0 64px!important;
  width:64px!important;
  min-width:64px!important;
  height:58px!important;
  margin-top:0!important;
  border-radius:22px!important;
  border:0!important;
  animation:none!important;
  font-size:9.4px!important;
  background:transparent!important;
  color:#73827a!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.bottom-nav a.nav-secondary-action:after,
.bottom-nav a.nav-profile-action:after{display:none!important;content:none!important;}
.bottom-nav a.nav-secondary-action:before,
.bottom-nav a.nav-profile-action:before{
  width:24px!important;height:24px!important;background:currentColor!important;
  -webkit-mask:url('/assets/icons/nav-profile.svg') center/contain no-repeat!important;
  mask:url('/assets/icons/nav-profile.svg') center/contain no-repeat!important;
}

/* profile upward flyout */
.profile-flyout-backdrop{
  position:fixed;inset:0;z-index:84;background:transparent;display:none;
}
.profile-flyout-backdrop.is-open{display:block;}
.profile-flyout{
  position:fixed;
  left:50%;
  bottom:104px;
  transform:translate(-50%,18px) scale(.98);
  z-index:85;
  width:min(330px,calc(100vw - 42px));
  padding:10px;
  border-radius:26px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(207,226,211,.96);
  box-shadow:0 30px 70px rgba(7,45,27,.24), inset 0 1px 0 rgba(255,255,255,1);
  display:grid;
  gap:8px;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.profile-flyout.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1);}
.profile-flyout:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-9px;
  width:18px;
  height:18px;
  background:#fff;
  transform:translateX(-50%) rotate(45deg);
  border-right:1px solid rgba(207,226,211,.96);
  border-bottom:1px solid rgba(207,226,211,.96);
}
.profile-flyout a{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:50px;
  padding:0 16px;
  border-radius:18px;
  color:#173128;
  font-weight:950;
  letter-spacing:-.035em;
  background:linear-gradient(180deg,#fff,#f7fcf8);
  border:1px solid rgba(219,233,222,.86);
  box-shadow:0 9px 20px rgba(7,45,27,.06);
}
.profile-flyout a:after{content:"›";font-size:24px;color:var(--z-green);line-height:1;}
.profile-flyout a:hover{color:var(--z-green);background:linear-gradient(180deg,#f7fff8,#edf8ef);}

@media (max-width:760px){
  .logout-power{width:36px!important;height:36px!important;min-width:36px!important;}
  .logout-power:before{width:18px!important;height:18px!important;}
  .topbar .brand img,.topbar a.brand img,.brand img{height:28px!important;max-width:148px!important;}
  .phone-head .app-logo img,.app-logo img{width:228px!important;max-width:76%!important;}
  .bottom-nav{height:76px!important;border-radius:29px!important;padding:7px 9px 9px!important;bottom:14px!important;}
  .bottom-nav a{flex-basis:56px!important;width:56px!important;min-width:56px!important;font-size:9.2px!important;}
  .bottom-nav .nav-add:not(.nav-secondary-action){width:68px!important;height:68px!important;min-width:68px!important;flex-basis:68px!important;margin-top:-34px!important;}
  .bottom-nav .nav-add:not(.nav-secondary-action):before{width:30px!important;height:30px!important;}
  .bottom-nav .nav-add:not(.nav-secondary-action):after{font-size:9.3px!important;}
  .profile-flyout{bottom:96px;}
}
@media (max-width:420px){
  .topbar .brand img,.topbar a.brand img,.brand img{height:26px!important;max-width:136px!important;}
  .logout-power{width:34px!important;height:34px!important;min-width:34px!important;}
  .bottom-nav a{flex-basis:50px!important;width:50px!important;min-width:50px!important;font-size:8.6px!important;}
  .bottom-nav .nav-add:not(.nav-secondary-action){width:64px!important;height:64px!important;min-width:64px!important;flex-basis:64px!important;margin-top:-32px!important;}
}

/* PATCH 20 — aktualne logo w ekranie aplikacji + poprawiony bar fachowca */
.phone-head-centered{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 46px!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:18px!important;
}
.phone-head-centered .phone-head-spacer{width:46px;height:46px;display:block;}
.phone-head-centered .app-logo-real{grid-column:2!important;justify-content:center!important;display:flex!important;align-items:center!important;min-width:0!important;}
.phone-head-centered .app-logo-real img,
.phone-head .app-logo img,
.app-logo img{
  content:url('/assets/img/logo-zlecam-online.png?v=20')!important;
  width:250px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 9px 14px rgba(4,31,20,.06))!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.phone-head-centered .bell-link{
  grid-column:3!important;
  justify-self:end!important;
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.phone-head-centered .bell-link:before{width:22px!important;height:22px!important;}

/* większa stabilność i centrowanie tytułu Wiadomości / screen title */
.screen-title{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;align-items:center!important;}
.screen-title h2{grid-column:2!important;text-align:center!important;justify-self:center!important;width:100%!important;}
.screen-title > a:first-child{grid-column:1!important;}
.screen-title > span,.screen-title > a:last-child{grid-column:3!important;justify-self:end!important;}

/* Centralny przycisk klienta — mniejszy plus i czytelniejsze ZLECAM */
.bottom-nav .nav-add:not(.nav-secondary-action){
  width:64px!important;height:64px!important;min-width:64px!important;flex-basis:64px!important;margin-top:-31px!important;
}
.bottom-nav .nav-add:not(.nav-secondary-action):before{
  width:21px!important;height:21px!important;
  transform:translateY(-2px)!important;
}
.bottom-nav .nav-add:not(.nav-secondary-action):after{
  content:"ZLECAM"!important;
  position:absolute!important;left:50%!important;bottom:10px!important;transform:translateX(-50%)!important;
  font-size:8.2px!important;letter-spacing:.02em!important;font-weight:1000!important;line-height:1!important;color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.25)!important;
}
@media (max-width:420px){
  .bottom-nav .nav-add:not(.nav-secondary-action){width:60px!important;height:60px!important;min-width:60px!important;flex-basis:60px!important;margin-top:-29px!important;}
  .bottom-nav .nav-add:not(.nav-secondary-action):before{width:19px!important;height:19px!important;}
  .bottom-nav .nav-add:not(.nav-secondary-action):after{font-size:7.8px!important;bottom:9px!important;}
}

/* Bar fachowca: Realizacja / Szukaj zlecenia / Wiadomości / Profil */
.bottom-nav.provider-bottom-nav,
body .bottom-nav.is-provider-nav{
  width:min(520px,calc(100vw - 22px))!important;
  justify-content:space-between!important;
  gap:4px!important;
  padding:7px 10px 9px!important;
}
.bottom-nav.provider-bottom-nav a,
body .bottom-nav.is-provider-nav a{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:58px!important;
  font-size:9.1px!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.05!important;
  padding:5px 3px!important;
}
.bottom-nav.provider-bottom-nav a:before,
body .bottom-nav.is-provider-nav a:before{width:23px!important;height:23px!important;}
.bottom-nav .nav-realization:before{-webkit-mask-image:url('/assets/icons/nav-realization.svg')!important;mask-image:url('/assets/icons/nav-realization.svg')!important;}
.bottom-nav .nav-search:before{-webkit-mask-image:url('/assets/icons/nav-search.svg')!important;mask-image:url('/assets/icons/nav-search.svg')!important;}
.bottom-nav.provider-bottom-nav .nav-add,
body .bottom-nav.is-provider-nav .nav-add{
  margin-top:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:22px!important;color:#718078!important;
}
.bottom-nav.provider-bottom-nav .nav-add:after,
body .bottom-nav.is-provider-nav .nav-add:after{display:none!important;content:none!important;}
.bottom-nav.provider-bottom-nav .is-active,
body .bottom-nav.is-provider-nav .is-active{color:#138246!important;background:linear-gradient(180deg,#f6fff7,#eaf8ed)!important;box-shadow:0 13px 24px rgba(12,113,60,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;}

/* Widok Realizacja fachowca */
.provider-segment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 16px;padding:5px;border:1px solid #dfece1;background:#f6fbf7;border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.provider-tab-btn{min-height:43px;border-radius:16px;background:transparent!important;color:#5b6a62!important;box-shadow:none!important;font-size:13px;font-weight:950;padding:0 10px!important;letter-spacing:-.02em;}
.provider-tab-btn span{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;border-radius:999px;margin-left:5px;background:#e8f4eb;color:#138246;font-size:11px;}
.provider-tab-btn.is-active{background:linear-gradient(180deg,#1a9556,#08713c)!important;color:#fff!important;box-shadow:0 12px 25px rgba(8,113,60,.24),inset 0 1px 0 rgba(255,255,255,.25)!important;}
.provider-tab-btn.is-active span{background:rgba(255,255,255,.22);color:#fff;}
.provider-tab-panel{display:none}.provider-tab-panel.is-active{display:block;animation:softPanelIn .18s ease both}@keyframes softPanelIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.empty-premium-card{border:1px solid #dfece1;background:#fff;border-radius:22px;padding:18px;box-shadow:0 12px 28px rgba(4,31,20,.055);display:grid;gap:8px;}
.empty-premium-card strong{font-size:16px;letter-spacing:-.03em;}
.provider-realization-card.is-completed{background:linear-gradient(180deg,#f6fff7,#ffffff)!important;border-color:#cfe8d5!important;}
.provider-search-summary{border:1px solid #dceadf;background:linear-gradient(180deg,#fff,#f7fcf8);box-shadow:0 13px 27px rgba(4,31,20,.055);border-radius:22px;padding:15px 16px;margin-bottom:12px;}
.provider-search-summary strong{display:block;font-size:15px;letter-spacing:-.025em;margin-bottom:4px}.provider-search-summary p{margin:0;color:#65746b;font-size:12.5px;line-height:1.4}.provider-search-summary b{color:#138246}
.provider-mini-chat{width:38px!important;height:38px!important;border-radius:15px!important;border:1px solid #dfece1!important;background:linear-gradient(180deg,#fff,#f8fcf9)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 18px rgba(5,30,20,.055)!important;position:relative!important;}
.provider-mini-chat:before{content:"";width:21px;height:21px;background:#173127;-webkit-mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;mask:url('/assets/icons/nav-chat.svg') center/contain no-repeat;}
.provider-mini-chat .chat-badge,.bottom-nav .chat-badge{position:absolute!important;right:-4px!important;top:-4px!important;min-width:18px!important;height:18px!important;border-radius:999px!important;background:#e33030!important;color:#fff!important;font-size:10px!important;font-weight:1000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 5px!important;box-shadow:0 6px 12px rgba(227,48,48,.28),0 0 0 2px #fff!important;}

@media (max-width:760px){
  .phone-head-centered .app-logo-real img,.phone-head .app-logo img,.app-logo img{width:225px!important;max-width:100%!important;}
  .phone-head-centered{grid-template-columns:42px minmax(0,1fr) 42px!important;}
  .phone-head-centered .phone-head-spacer,.phone-head-centered .bell-link{width:42px!important;height:42px!important;}
  .bottom-nav.provider-bottom-nav a,body .bottom-nav.is-provider-nav a{font-size:8.7px!important;}
}
@media (max-width:420px){
  .phone-head-centered .app-logo-real img,.phone-head .app-logo img,.app-logo img{width:205px!important;}
  .bottom-nav.provider-bottom-nav,body .bottom-nav.is-provider-nav{width:calc(100vw - 16px)!important;padding-left:7px!important;padding-right:7px!important;}
  .bottom-nav.provider-bottom-nav a,body .bottom-nav.is-provider-nav a{font-size:8.1px!important;}
}

/* PATCH 21 — Kalendarz fachowca + przypomnienia 24h / 3h */
.reminder-badge,.nav-reminder-badge{position:absolute!important;right:10px!important;top:7px!important;min-width:18px!important;height:18px!important;border-radius:999px!important;background:#e33030!important;color:#fff!important;font-size:10px!important;font-weight:1000!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 5px!important;box-shadow:0 7px 15px rgba(227,48,48,.32),0 0 0 2px #fff!important;line-height:1!important;z-index:5!important}.bottom-nav a{position:relative!important}.schedule-card{border:1px solid rgba(202,224,211,.96);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fcf9);padding:16px;box-shadow:0 16px 36px rgba(6,35,22,.07),inset 0 1px 0 rgba(255,255,255,.9);margin:12px 0}.schedule-card.is-alert-24{border-color:rgba(255,174,56,.45);background:linear-gradient(180deg,#fffdf7,#fff9e8);box-shadow:0 18px 40px rgba(207,127,14,.10)}.schedule-card.is-alert-3{border-color:rgba(227,48,48,.38);background:linear-gradient(180deg,#fff8f8,#fff);box-shadow:0 18px 40px rgba(227,48,48,.10)}.schedule-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.schedule-head strong{font-size:15px;letter-spacing:-.025em;color:#092219}.schedule-date-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 10px;background:#eaf8ef;border:1px solid #cae7d2;color:#128f4c;font-size:11px;font-weight:1000;white-space:nowrap}.schedule-card.is-alert-24 .schedule-date-pill{background:#fff3d8;border-color:#ffd991;color:#9d6500}.schedule-card.is-alert-3 .schedule-date-pill{background:#ffe6e6;border-color:#ffcaca;color:#ba1f1f}.schedule-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:12px}.schedule-form input[type=datetime-local]{height:48px;border-radius:17px;border:1px solid #d9e9de;padding:0 12px;background:#fff;font-weight:850;color:#10251b}.schedule-form button{min-height:48px!important;border-radius:17px!important;padding:0 15px!important;box-shadow:0 13px 24px rgba(12,113,60,.16)!important}.calendar-top-actions{display:flex;gap:9px;align-items:center;justify-content:center;margin:8px 0 15px;flex-wrap:wrap}.calendar-top-actions .btn{width:auto!important;min-height:42px!important;border-radius:16px!important;font-size:12px!important;padding:0 15px!important}.calendar-day-title{margin:18px 0 9px;font-size:13px;font-weight:1000;color:#6b7b71;text-transform:uppercase;letter-spacing:.05em}.calendar-job-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;text-decoration:none!important}.calendar-time{width:56px;height:56px;border-radius:19px;background:linear-gradient(180deg,#178c50,#08713c);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 13px 25px rgba(8,113,60,.19),inset 0 1px 0 rgba(255,255,255,.25);font-weight:1000;line-height:1}.calendar-time small{font-size:10px;opacity:.82;font-weight:900}.calendar-copy strong{display:block;font-size:15px;color:#092219;letter-spacing:-.02em}.calendar-copy .meta{margin-top:5px!important}.schedule-empty{padding:22px;border:1px dashed #cfe3d5;border-radius:24px;background:rgba(255,255,255,.72);text-align:center;color:#65746b}.schedule-reminder-note{display:flex;gap:9px;align-items:flex-start;margin:10px 0 0;padding:11px 12px;border-radius:17px;background:#fff8e8;border:1px solid #ffe0a8;color:#8a5900;font-size:12px;font-weight:850;line-height:1.35}.schedule-reminder-note.is-urgent{background:#fff0f0;border-color:#ffcaca;color:#b62020}.schedule-mini{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 9px;background:#eff8f1;border:1px solid #d5eadd;color:#128f4c;font-size:11px;font-weight:950;white-space:nowrap}.provider-realization-toolbar{display:flex;justify-content:center;gap:10px;margin:4px 0 14px}.provider-realization-toolbar a{width:auto!important;min-height:40px!important;border-radius:16px!important;font-size:12px!important;padding:0 14px!important}.client-job-reminder{margin-top:8px}.client-job-reminder strong{font-size:12px}@media(max-width:520px){.schedule-form{grid-template-columns:1fr}.schedule-form button{width:100%!important}.reminder-badge{right:7px!important;top:6px!important}.calendar-time{width:50px;height:50px;border-radius:17px}.calendar-copy strong{font-size:14px}}


/* PATCH 22 — akceptacja zmiany terminu */
.schedule-change-card{
    position:relative;display:flex;gap:14px;align-items:flex-start;margin:14px 0 16px;padding:16px;border-radius:24px;
    background:linear-gradient(145deg,#ffffff,#f0fff6);border:1px solid rgba(25,146,78,.22);box-shadow:0 16px 34px rgba(12,73,42,.10);
}
.schedule-change-icon{width:44px;height:44px;border-radius:18px;display:grid;place-items:center;background:#eafaf1;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 9px 22px rgba(20,122,70,.12);font-size:20px;flex:0 0 auto}
.schedule-change-copy{flex:1;min-width:0}.schedule-change-copy strong{display:block;font-weight:900;color:#092319;margin-bottom:6px}.schedule-change-copy p{margin:4px 0;color:#617268;font-size:13px;line-height:1.35}.schedule-change-copy b{color:#0b2b1f}
.schedule-change-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.schedule-change-actions button{border:0;border-radius:16px;padding:11px 14px;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.08)}
.schedule-accept-btn{background:linear-gradient(180deg,#20b568,#0f8e4b);color:#fff}.schedule-reject-btn{background:#fff0f0;color:#b31414;border:1px solid #ffd0d0!important}.schedule-pending-note{margin-top:8px;padding:9px 12px;border-radius:14px;background:#fff8e4;border:1px solid #f0d389;color:#856006;font-size:12px;font-weight:900}


/* PATCH 23 — chat: bez belki filtra, mocniejszy powrót, czerwony komunikat */
.screen-title{
  position:relative;
  display:grid!important;
  grid-template-columns:46px 1fr 46px!important;
  align-items:center!important;
  gap:8px!important;
}
.screen-title > a:first-child{
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0!important;
  margin:0!important;
  text-align:center!important;
  font-size:28px!important;
  font-weight:650!important;
  color:#0c2b1f!important;
  background:linear-gradient(180deg,#fff,#f7fbf8)!important;
  border:1px solid rgba(203,226,210,.85)!important;
  box-shadow:0 10px 24px rgba(7,40,26,.08), inset 0 1px 0 rgba(255,255,255,.95)!important;
  text-decoration:none!important;
}
.screen-title > a:first-child:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(7,40,26,.13), inset 0 1px 0 rgba(255,255,255,.95)!important;}
.screen-title h2{text-align:center!important;margin:0!important;}
.filter-warning{display:none!important;}
.chat-inline-error{
  background:#fff0f0!important;
  color:#b20f1d!important;
  border:1px solid #ffb9bd!important;
  border-radius:18px!important;
  padding:13px 15px!important;
  margin:12px 0!important;
  font-size:13px!important;
  font-weight:850!important;
  box-shadow:0 12px 26px rgba(178,15,29,.08)!important;
}

/* PATCH 24 — powiadomienia Realizacja/Wiadomości + prawdziwy kalendarz */
.bottom-nav a{position:relative!important;}
.bottom-nav .nav-badge,
.provider-mini-chat .nav-badge,
.provider-chat-title-icon .nav-badge{
  position:absolute!important;
  right:5px!important;
  top:5px!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#ff4d4d,#d71920)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:1000!important;
  line-height:1!important;
  box-shadow:0 8px 18px rgba(215,25,32,.32),0 0 0 3px #fff!important;
  z-index:9!important;
  pointer-events:none!important;
}
.provider-mini-chat .nav-badge,.provider-chat-title-icon .nav-badge{right:-5px!important;top:-5px!important;}
.bottom-nav .nav-realization .action-badge{right:6px!important;top:3px!important;}
.provider-action-required{
  border-color:rgba(224,52,52,.34)!important;
  background:linear-gradient(180deg,rgba(255,242,242,.88),rgba(255,255,255,.96))!important;
  box-shadow:0 18px 42px rgba(214,35,35,.11), inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.provider-action-required:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(90deg,rgba(226,48,48,.08),transparent 45%);
}
.provider-action-required .provider-job-title{color:#4b1717!important;}
.provider-action-required .pill.danger{background:#ffeaea!important;color:#b51f1f!important;border:1px solid #ffcaca!important;}
.provider-realization-toolbar{display:flex;justify-content:center;gap:10px;margin:4px 0 14px;}
.provider-calendar-shell{
  margin:12px 0 16px;padding:14px;border-radius:28px;border:1px solid rgba(207,229,213,.95);
  background:linear-gradient(180deg,#ffffff,#f7fcf8);box-shadow:0 18px 42px rgba(5,35,22,.08),inset 0 1px 0 rgba(255,255,255,.95);
}
.provider-calendar-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin-bottom:12px;}
.provider-calendar-head a{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px solid #dfece2;box-shadow:0 9px 19px rgba(5,35,22,.055);font-size:28px;font-weight:800;color:#103426;line-height:1;}
.provider-calendar-head strong{text-align:center;font-size:18px;font-weight:1000;letter-spacing:-.04em;color:#092319;}
.provider-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:6px;}
.provider-calendar-weekdays span{text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#718177;font-weight:1000;}
.provider-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;}
.provider-calendar-cell{min-height:78px;border-radius:16px;border:1px solid #e2eee5;background:#fff;padding:7px 5px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);}
.provider-calendar-cell.is-muted{opacity:.38;background:#f5faf6;}
.provider-calendar-cell.is-today{border-color:rgba(19,130,70,.42);box-shadow:0 0 0 2px rgba(19,130,70,.09),inset 0 1px 0 rgba(255,255,255,.9);}
.provider-calendar-cell.has-jobs{background:linear-gradient(180deg,#f0fbf4,#ffffff);}
.provider-calendar-date{font-size:11px;font-weight:1000;color:#18352a;margin-bottom:4px;}
.provider-calendar-event{display:block;border-radius:10px;padding:4px 5px;margin-top:4px;background:linear-gradient(180deg,#168f50,#08713c);color:#fff!important;box-shadow:0 8px 14px rgba(8,113,60,.13);overflow:hidden;}
.provider-calendar-event span{display:block;font-size:9px;font-weight:1000;line-height:1.05;opacity:.92;}
.provider-calendar-event b{display:block;font-size:9px;font-weight:900;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.provider-calendar-more{display:inline-flex;margin-top:4px;border-radius:999px;padding:2px 5px;background:#eaf7ed;color:#138246;font-size:9px;font-weight:1000;}
.calendar-device-actions{display:flex;justify-content:flex-start;margin:12px 0 0;}
.calendar-device-actions .btn{min-height:40px!important;border-radius:15px!important;font-size:11px!important;padding:0 13px!important;}
@media(max-width:520px){
  .provider-calendar-shell{padding:11px;border-radius:24px;}
  .provider-calendar-grid,.provider-calendar-weekdays{gap:4px;}
  .provider-calendar-cell{min-height:66px;border-radius:13px;padding:5px 4px;}
  .provider-calendar-event{padding:3px 4px;border-radius:8px;}
  .provider-calendar-event span,.provider-calendar-event b{font-size:8px;}
  .provider-calendar-head{grid-template-columns:38px 1fr 38px;}
  .provider-calendar-head a{width:38px;height:38px;border-radius:14px;}
}


/* PATCH 25 — termin do akceptacji w jednym komunikacie + badge Wiadomości klienta */
.schedule-change-card-compact{
  align-items:center!important;
  background:linear-gradient(145deg,#ffffff,#f1fff7)!important;
  border-color:rgba(21,151,82,.28)!important;
  box-shadow:0 16px 34px rgba(12,73,42,.09), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.schedule-change-card-compact .schedule-change-icon{
  width:42px!important;height:42px!important;border-radius:17px!important;font-size:19px!important;
}
.schedule-change-card-compact .schedule-change-copy strong{
  font-size:14.5px!important;line-height:1.35!important;letter-spacing:-.025em!important;color:#0b281e!important;margin-bottom:10px!important;
}
.schedule-change-actions-inline{
  display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin-top:8px!important;
}
.schedule-change-actions-inline button{
  min-height:44px!important;border-radius:16px!important;padding:0 14px!important;font-size:13px!important;font-weight:1000!important;
}
.schedule-change-actions-inline .schedule-accept-btn{
  background:linear-gradient(180deg,#21b968,#0d8d4a)!important;color:#fff!important;
  box-shadow:0 13px 24px rgba(13,141,74,.22), inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.schedule-change-actions-inline .schedule-reject-btn{
  background:#fff1f1!important;color:#b31313!important;border:1px solid #ffcaca!important;
  box-shadow:0 9px 18px rgba(179,19,19,.07)!important;
}
.bottom-nav .nav-chat{position:relative!important;}
.bottom-nav .nav-chat .nav-badge,
.bottom-nav .nav-chat .chat-badge{
  position:absolute!important;
  right:7px!important;
  top:4px!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ff4d4d,#d71920)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:1000!important;
  line-height:1!important;
  display:inline-grid!important;
  place-items:center!important;
  box-shadow:0 8px 18px rgba(215,25,32,.32),0 0 0 3px #fff!important;
  z-index:12!important;
}
@media(max-width:420px){
  .schedule-change-actions-inline{gap:7px!important;}
  .schedule-change-actions-inline button{font-size:12px!important;padding:0 11px!important;min-height:42px!important;}
}

/* PATCH 26 — mapy, zdjęcia, data realizacji */
.map-preview-card.is-empty iframe{opacity:.38;filter:saturate(.7)}
.location-dot.is-loading{animation:zlecamPulse 1s infinite;pointer-events:none}
@keyframes zlecamPulse{0%,100%{transform:scale(1)}50%{transform:scale(.94)}}
.timeframe-row{margin-top:18px}.timeframe-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.timeframe-option{position:relative;cursor:pointer}.timeframe-option input{position:absolute;opacity:0;pointer-events:none}.timeframe-option span{display:flex;align-items:center;justify-content:center;min-height:54px;border:1px solid #d7eadc;border-radius:18px;background:linear-gradient(180deg,#fff,#f7fbf8);font-weight:950;color:#53645b;box-shadow:0 10px 24px rgba(5,45,28,.055);transition:.18s ease}.timeframe-option input:checked + span{background:linear-gradient(180deg,#189a58,#087d40);border-color:#0c8c49;color:#fff;box-shadow:0 18px 34px rgba(10,124,63,.24), inset 0 1px 0 rgba(255,255,255,.28);transform:translateY(-1px)}.timeframe-help{margin:9px 2px 0;font-size:12px;line-height:1.4;color:#77877e}.photo-thumb-tile{width:76px;height:76px;border-radius:16px;overflow:hidden;position:relative;border:1px solid #d7eadc;background:#edf8f0;box-shadow:0 12px 24px rgba(3,37,23,.08)}.photo-thumb-tile img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb-tile button{position:absolute;right:5px;top:5px;width:24px;height:24px;border:0;border-radius:999px;background:rgba(8,35,25,.75);color:#fff;font-weight:950;line-height:1;cursor:pointer}.photo-add-tile{display:flex!important;align-items:center;justify-content:center}.photo-add-tile[style*="display: none"]{display:none!important}.job-preferred-card{border:1px solid #d7eadc;border-radius:18px;background:linear-gradient(180deg,#f8fffa,#fff);padding:14px 15px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 12px 26px rgba(8,42,28,.055)}.job-preferred-card span{font-size:12px;color:#66756d;font-weight:900}.job-preferred-card strong{font-size:14px;color:#0a261d}.job-meta-preferred{font-weight:900;color:#0c8c49!important}@media(max-width:720px){.timeframe-options{grid-template-columns:repeat(2,minmax(0,1fr))}.timeframe-option span{min-height:50px}.photo-thumb-tile{width:72px;height:72px}}


/* =========================================================
   PATCH 27 — DESIGN 1:1 WIZUALIZACJA ZLECAM.ONLINE
   Premium mobile-first UI: czysty biały interfejs, zielone CTA,
   miękkie cienie 3D, pełne logo PNG, ikony SVG i przejrzysty layout.
   ========================================================= */
@media all {
:root{
  --bg:#eef7f1;
  --phone:#ffffff;
  --text:#081f17;
  --muted:#6a7a72;
  --green:#118847;
  --green-dark:#086b35;
  --green-soft:#eaf7ef;
  --green-border:#cfe9d8;
  --blue-soft:#eaf5ff;
  --yellow-soft:#fff4cf;
  --pink-soft:#ffedf0;
  --violet-soft:#f2e9ff;
  --border:#d9eadf;
  --shadow:0 24px 70px rgba(7,44,29,.14);
  --soft-shadow:0 16px 36px rgba(6,58,34,.10);
  --radius:28px;
  --font:'Inter Tight','Inter','Aptos','Segoe UI',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font-family:var(--font);
  background:
    radial-gradient(circle at 8% 15%, rgba(16,136,71,.08), transparent 26%),
    linear-gradient(180deg,#f7fbf8 0%, #edf6f0 55%, #0b302b 56%, #06241f 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
body.page-app,body.page-auth{background:linear-gradient(135deg,#eef7f1 0%,#f9fcfa 45%,#e8f3ed 100%)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{max-width:1480px;margin:0 auto;padding:40px 28px 70px}.page-app .container{max-width:760px;padding-top:32px}.page-auth .container{max-width:620px}.page-home .container{max-width:none;padding:34px 26px 0}
.topbar{
  position:sticky;top:0;z-index:50;height:74px;display:flex;align-items:center;justify-content:space-between;
  padding:0 42px;background:rgba(255,255,255,.86);backdrop-filter:blur(22px) saturate(165%);
  border-bottom:1px solid rgba(15,78,46,.10);box-shadow:0 10px 34px rgba(5,35,20,.05)
}
.brand{display:flex;align-items:center;min-width:130px}.brand img{width:118px;height:auto;object-fit:contain}.page-home .brand img{width:132px}.nav{display:flex;gap:28px;align-items:center}.nav a{font-size:15px;font-weight:850;color:#1a2c23;letter-spacing:-.015em}.nav .btn,.nav-register{height:44px;padding:0 22px;border-radius:999px;background:linear-gradient(180deg,#15a75b,#08773e);color:#fff!important;box-shadow:0 16px 34px rgba(17,136,71,.26);border:1px solid rgba(255,255,255,.35)}
.logout-power{width:43px!important;height:43px!important;display:inline-grid!important;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ff7787,#e53245 58%,#bb1f31)!important;box-shadow:0 10px 24px rgba(229,50,69,.35),inset 0 1px 1px rgba(255,255,255,.65);position:relative}
.logout-power:before{content:'';width:16px;height:16px;border:3px solid #fff;border-top-color:transparent;border-radius:50%;display:block}.logout-power:after{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:3px;height:13px;background:#fff;border-radius:4px}
.footer{background:#06241f;color:rgba(255,255,255,.78);padding:26px 18px}.page-app .footer,.page-auth .footer{background:transparent;color:#6b7b72}.footer-inner{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center}.footer-logo{height:24px;width:auto;filter:brightness(1.15)}
.alert{max-width:760px;margin:0 auto 18px;border-radius:22px;padding:15px 18px;font-weight:800}.alert.error{background:#fff0f0;border:1px solid #ffc8ce;color:#9d1727}.alert.success{background:#eaf8ee;border:1px solid #bfe9cd;color:#0e6e39}
/* Landing 1:1 */
.landing-showcase{display:grid;grid-template-columns:minmax(300px,390px) minmax(335px,420px) minmax(335px,420px);gap:34px;align-items:start;justify-content:center;min-height:760px}
.phone,.landing-intro{background:#fff;border:1px solid rgba(15,86,49,.10);border-radius:42px;box-shadow:var(--shadow);position:relative;overflow:hidden}.phone:before,.landing-intro:before{content:'';position:absolute;top:13px;left:50%;transform:translateX(-50%);width:82px;height:7px;background:#e9eeee;border-radius:20px;z-index:4}.phone{max-width:430px;margin:0 auto}.visual-phone{width:420px;min-height:770px}.phone-tall{min-height:770px;padding:42px 38px 24px}.intro-logo img{width:255px;margin:0 0 70px -6px}.intro-content h1{font-size:38px;line-height:1.06;margin:0 0 20px;letter-spacing:-.045em;font-weight:920}.intro-content p{font-size:20px;line-height:1.55;margin:0 0 42px;color:#15271f}.visual-features{display:grid;gap:21px}.feature-row{display:flex;align-items:center;gap:18px;font-size:18px;color:#10231b;font-weight:850}.round-icon{width:43px;height:43px;border-radius:50%;background:#fff;border:1px solid #cbead6;display:grid;place-items:center;box-shadow:0 14px 28px rgba(14,116,60,.10)}.round-icon img{width:25px;height:25px}.landing-person{position:absolute;left:0;right:0;bottom:-8px;height:225px}.landing-person img{height:100%;width:100%;object-fit:contain;object-position:bottom center}
.phone-status{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-weight:900;font-size:14px;letter-spacing:-.01em}.phone-body{padding:18px 36px 96px;position:relative;z-index:2}.phone-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 24px}.phone-head-centered{justify-content:center;position:relative}.app-logo-real img{height:auto;width:188px;object-fit:contain}.phone-head .bell,.bell-link,.provider-mini-chat{position:absolute;right:0;width:46px;height:46px;border-radius:18px;background:#fff;border:1px solid #d7eee0;display:grid;place-items:center;box-shadow:0 12px 28px rgba(8,87,45,.08)}.phone-head .bell:before,.bell-link:before,.provider-mini-chat:before{content:'';width:22px;height:22px;background:url('/assets/icons/nav-chat.svg') center/contain no-repeat}.landing-categories-screen h1,.phone-body>h1{font-size:31px;line-height:1.04;text-align:center;margin:22px 0 8px;letter-spacing:-.045em;font-weight:950}.sub{text-align:center;color:#6d7d73;font-weight:850;margin:0 0 28px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.category-card{min-height:148px;border:0;border-radius:18px;padding:18px 14px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;color:#0c2018;box-shadow:none;transition:.22s transform,.22s box-shadow,.22s border-color}.category-card:after{content:'';position:absolute;right:-20px;bottom:-26px;width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.34)}.category-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(5,50,30,.10)}.category-card strong{font-size:16px;font-weight:950;letter-spacing:-.025em;margin-top:9px}.category-card span:last-child{font-size:11.5px;line-height:1.25;color:#293d33;margin-top:6px}.premium-cat{width:58px;height:58px;border-radius:20px;background:#fff;display:grid;place-items:center;box-shadow:0 12px 24px rgba(8,82,43,.15);border:1px solid rgba(13,110,58,.10)}.premium-cat img{width:36px;height:36px;object-fit:contain}.cat-garden,.cat-ogrod{background:var(--green-soft)}.cat-renovation,.cat-remont{background:var(--blue-soft)}.cat-plumber,.cat-hydraulik{background:#eaf7ff}.cat-electric,.cat-elektryk{background:var(--yellow-soft)}.cat-shopping,.cat-zakupy{background:var(--violet-soft)}.cat-dog,.cat-wychodzenie-z-psem,.cat-pies{background:var(--pink-soft)}.cat-mechanik{background:#eef2ff}.cat-nauka{background:#fff2e5}.mock-bottom-nav{position:absolute;left:0;right:0;bottom:0;height:76px;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-top:1px solid #e1eee5;display:grid;grid-template-columns:1fr 1fr 82px 1fr 1fr;align-items:center;padding:0 16px;border-radius:0 0 42px 42px;box-shadow:0 -16px 28px rgba(7,50,31,.08)}.mock-bottom-nav span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;font-weight:850;color:#7b8b82;text-align:center}.mock-bottom-nav span img{width:22px;height:22px;opacity:.75}.mock-bottom-nav .active{color:var(--green)}.mock-bottom-nav .active img{opacity:1}.mock-plus{width:58px;height:58px;display:grid;place-items:center;margin:-34px auto 0;border-radius:50%;background:linear-gradient(180deg,#19aa5f,#088543);border:5px solid #fff;box-shadow:0 14px 28px rgba(10,131,68,.30),inset 0 1px 1px rgba(255,255,255,.48)}.mock-plus b{color:#fff;font-size:33px;line-height:1}.phone-new-job .phone-body{padding-top:14px}.screen-title{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;margin:0 0 24px;text-align:center}.screen-title a{width:38px;height:38px;border-radius:50%;border:1px solid #d7eadf;display:grid;place-items:center;font-size:28px;color:#0a3a23;background:#fff;box-shadow:0 8px 18px rgba(6,54,30,.06)}.screen-title h1,.screen-title h2{font-size:20px;font-weight:950;margin:0;letter-spacing:-.025em}.form{display:grid;gap:18px}.input-card,.form-row{display:grid;gap:10px}.input-card label,.form-row label,label{font-size:13px;font-weight:900;color:#3c4b43}.mini-selection{height:70px;border-radius:16px;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #dcece1;box-shadow:none}.mini-selection .small{width:34px;height:34px;border-radius:12px}.mini-selection .small img{width:26px}.chev{margin-left:auto;color:#7e9186;font-size:22px}input,select,textarea{border:1px solid #d8e9df;border-radius:16px;background:#fff;color:#11241b;padding:15px 16px;font:inherit;font-weight:650;outline:none;box-shadow:none}input:focus,select:focus,textarea:focus{border-color:#8fd7ac;box-shadow:0 0 0 4px rgba(17,136,71,.08)}textarea{min-height:112px;resize:vertical}.landing-form-preview textarea{font-size:13.5px;line-height:1.4}.form-row small{justify-self:end;margin-top:-6px;color:#6f8077;font-weight:700}.icon-input{position:relative}.icon-input input{padding-right:48px}.icon-input span{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#123923;font-size:20px}.photos{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.photos img,.photo-preview img{width:64px;height:64px;object-fit:cover;border-radius:12px;border:1px solid #dcecdf}.file-drop{width:64px;height:64px;min-height:64px;border-radius:13px;border:1.5px dashed #bfd9ca;background:#fbfffc;color:#0b8946;font-size:32px;font-weight:450;display:grid;place-items:center}.btn,button{height:56px;border:0;border-radius:15px;background:linear-gradient(180deg,#199d58,#087b3f);color:#fff!important;font-weight:950;letter-spacing:-.015em;box-shadow:0 17px 30px rgba(10,126,63,.24);cursor:pointer;transition:.2s transform,.2s box-shadow}.btn:hover,button:hover{transform:translateY(-1px);box-shadow:0 22px 42px rgba(10,126,63,.28);background:linear-gradient(180deg,#1ba85e,#08793f)}.btn.secondary,button.secondary{background:#eff6f1;color:#0f4428!important;box-shadow:none;border:1px solid #daeadd}.mini-flow-row{display:grid;grid-template-columns:repeat(4,250px);gap:24px;justify-content:center;margin:40px auto 24px;max-width:1120px}.mini-phone{min-height:390px;background:#fff;border-radius:28px;border:1px solid rgba(15,86,49,.10);box-shadow:0 20px 52px rgba(4,32,21,.20);padding:22px 18px}.mini-phone .screen-title{grid-template-columns:30px 1fr 30px;margin-bottom:14px}.mini-phone .screen-title a{width:26px;height:26px;font-size:20px}.mini-phone h3{font-size:14px;margin:0;text-align:center}.mini-card{border:1px solid #e0eee5;border-radius:12px;padding:12px;margin:10px 0;background:#fff;display:grid;gap:4px;font-size:12px}.mini-card.active span{display:inline-flex;background:#dcebff;color:#2267d3;width:max-content;border-radius:999px;padding:5px 8px;font-weight:900}.offer-card{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;border:1px solid #e2eee7;border-radius:13px;padding:10px;margin:10px 0;font-size:11px}.offer-card img{width:34px}.offer-card a{background:#108847;color:#fff;border-radius:7px;padding:5px 8px;font-weight:900}.rating-big{margin:20px 0;font-size:26px}.rating-big b{display:block;font-size:15px}.rating-big span{color:#ffb800}.check-list{font-size:12px;line-height:1.75;padding-left:18px}.check-list li::marker{color:#108847}.price-row,.summary-lines span{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf2ef;padding:10px 0;font-size:12px}.done-mark{width:70px;height:70px;border-radius:50%;background:#c8f1d7;color:#0c8c47;display:grid;place-items:center;font-size:42px;margin:25px auto 18px}.progress-line{height:42px;display:flex;align-items:center;justify-content:space-around;position:relative}.progress-line:before{content:'';position:absolute;left:22%;right:22%;height:3px;background:#d8e3dc}.progress-line i{width:18px;height:18px;border-radius:50%;background:#108847;z-index:2}.visual-dark-band{margin:20px -26px 0;padding:34px 40px 44px;background:#062a25;color:#fff}.visual-benefits-bottom{max-width:1120px;margin:0 auto}.visual-benefits-bottom .tile{background:transparent;border:0;box-shadow:none;display:grid;grid-template-columns:54px 1fr;align-items:center;color:#fff}.visual-benefits-bottom .icon{width:46px;height:46px}.visual-benefits-bottom .icon img{filter:none}.visual-benefits-bottom strong{font-size:18px}.visual-benefits-bottom .meta{color:rgba(255,255,255,.78);font-size:15px}
/* Real app screens */
.page-app .phone,.page-auth .phone,.panel-home-phone,.job-create-shell,.provider-jobs-phone{max-width:560px;margin:0 auto;background:#fff;border-radius:42px;border:1px solid rgba(15,86,49,.10);box-shadow:var(--shadow);overflow:hidden}.page-app .phone-body{padding:18px 34px 98px}.panel-home-phone .phone-body{padding-bottom:100px}.home-section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.home-section-title h2{font-size:19px;margin:0;font-weight:950}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#eaf4ff;color:#2767d0;padding:8px 12px;font-weight:900;font-size:12px}.job,.visual-job-card{background:#fff;border:1px solid #dbeadf;border-radius:20px;padding:16px;box-shadow:0 12px 30px rgba(5,45,27,.06)}.visual-job-card{display:flex;gap:13px;align-items:center}.job-card-icon{width:42px;height:42px;object-fit:contain;border-radius:14px;background:#f2fbf5;padding:7px}.notif-dot{display:grid;place-items:center;background:#e52f44;color:#fff;font-weight:950}.meta{color:#6d7d73;font-size:13px;display:flex;gap:8px;flex-wrap:wrap}.bottom-nav{position:fixed;z-index:90;left:50%;transform:translateX(-50%);bottom:18px;width:min(560px,calc(100% - 24px));height:76px;background:rgba(255,255,255,.92);backdrop-filter:blur(22px) saturate(170%);border:1px solid rgba(16,91,51,.12);border-radius:28px;box-shadow:0 16px 46px rgba(7,55,33,.18);display:grid;grid-template-columns:1fr 1fr 88px 1fr 1fr;align-items:center;padding:0 14px}.bottom-nav a{height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;font-size:10px;font-weight:950;color:#7c8c83;position:relative;white-space:normal}.bottom-nav a:before{content:'';width:24px;height:24px;background:center/contain no-repeat;opacity:.7}.bottom-nav .nav-home:before{background-image:url('/assets/icons/nav-home.svg')}.bottom-nav .nav-jobs:before{background-image:url('/assets/icons/nav-jobs.svg')}.bottom-nav .nav-chat:before{background-image:url('/assets/icons/nav-chat.svg')}.bottom-nav .nav-profile:before{background-image:url('/assets/icons/nav-profile.svg')}.bottom-nav .nav-realization:before{background-image:url('/assets/icons/nav-realization.svg')}.bottom-nav .nav-search:before{background-image:url('/assets/icons/nav-search.svg')}.bottom-nav a.is-active{color:var(--green)}.bottom-nav a.is-active:before{opacity:1;filter:none}.bottom-nav .nav-add,.bottom-nav .is-zlecam-action{width:68px;height:68px;border-radius:50%;background:linear-gradient(180deg,#1ab365,#078c48);border:5px solid #fff;box-shadow:0 13px 28px rgba(10,138,73,.31),inset 0 1px 1px rgba(255,255,255,.45);margin:-34px auto 0;color:#fff!important;font-size:8.7px;line-height:1;font-weight:950;letter-spacing:-.04em;display:grid;grid-template-rows:26px 16px;place-items:center;gap:0}.bottom-nav .nav-add:before,.bottom-nav .is-zlecam-action:before{content:'+';background:none;width:auto;height:auto;font-size:24px;line-height:1;color:#fff;opacity:1;margin-top:4px}.nav-badge,.chat-badge,.reminder-badge{position:absolute!important;top:5px;right:18px;min-width:19px;height:19px;border-radius:999px;background:#eb3448!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:950!important;border:2px solid #fff;box-shadow:0 6px 12px rgba(235,52,72,.25)}.bottom-nav .nav-add .nav-badge{top:-2px;right:-4px}.profile-flyout{position:fixed;left:50%;bottom:104px;transform:translateX(-50%) translateY(16px);width:min(420px,calc(100% - 42px));background:#fff;border:1px solid #d6eade;border-radius:26px;padding:10px;box-shadow:0 28px 62px rgba(5,45,27,.22);z-index:101;display:grid;gap:8px;opacity:0;pointer-events:none;transition:.2s}.profile-flyout.is-open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.profile-flyout a{height:52px;border-radius:18px;display:flex;align-items:center;padding:0 18px;background:#f7fbf8;font-weight:950}.profile-flyout-backdrop{position:fixed;inset:0;background:rgba(6,24,16,.12);backdrop-filter:blur(2px);z-index:100;display:none}.profile-flyout-backdrop.is-open{display:block}
/* Forms / maps / photos */
.job-create-shell{padding:34px}.job-create-title{margin-bottom:18px}.job-create-card{box-shadow:none;border:0;padding:0}.timeframe-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.timeframe-option input{display:none}.timeframe-option span{display:grid;place-items:center;min-height:48px;border-radius:15px;border:1px solid #d6e9dc;background:#fff;font-weight:900;color:#596960}.timeframe-option input:checked+span{background:#e8f8ee;border-color:#108847;color:#108847;box-shadow:inset 0 0 0 1px #108847}.location-input-wrap{display:grid;grid-template-columns:1fr 58px;gap:10px}.location-dot{height:54px;border-radius:17px;background:#f5fff8;color:#108847;border:1px solid #d0ead9;box-shadow:none}.map-preview-card{min-height:190px;border:1px solid #d8eadf;border-radius:22px;overflow:hidden;background:#f3fbf6;position:relative}.map-preview-card iframe{width:100%;height:160px;border:0;display:block;background:#e7f1eb}.map-preview-card.is-empty iframe{opacity:.08}.map-actions{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;font-size:12px;font-weight:900;color:#6b7e72}.map-actions a{color:#108847}.photo-preview-grid,.photo-preview-list{display:flex;gap:10px;flex-wrap:wrap}.photo-preview-item{position:relative}.photo-preview-item img{width:76px;height:76px;object-fit:cover;border-radius:15px;border:1px solid #d6e8dc}.photo-remove{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:#e63146;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:13px;font-weight:950;box-shadow:0 8px 16px rgba(230,49,70,.22)}
/* Chat premium */
.message{border-radius:22px;padding:13px 16px;background:#f2f8f4;color:#50635a;border:1px solid #dcece2;position:relative}.message.mine{background:#118847;color:#fff;border-color:#118847;margin-left:22%;box-shadow:0 14px 26px rgba(17,136,71,.18)}.message.system{text-align:center;background:#f5faf7;color:#67796f}.message:after{content:'';position:absolute;right:18px;bottom:10px;width:42px;height:42px;background:url('/assets/icons/nav-chat.svg') center/contain no-repeat;opacity:.08}.message.mine:after{filter:brightness(5);opacity:.12}.contact-filter-alert{background:#fff0f2;border:1px solid #ffc1c8;color:#a31224;border-radius:16px;padding:12px 14px;font-weight:900;margin:10px 0;animation:fadePop .18s ease}.filter-warning{display:none!important}@keyframes fadePop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* Provider cards */
.provider-job-card.has-offer{background:linear-gradient(135deg,#e7f9ed,#f7fffa);border-color:#8ed7aa}.provider-job-card.is-new{background:#fff}.my-offer-badge{background:#108847;color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950}.new-job-badge{background:#f0f6f2;color:#65756b;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:950}.provider-action-needed{background:#fff1f2!important;border-color:#ffc7cf!important}.provider-action-needed .pill{background:#ffdfe4;color:#b61729}.calendar-grid{background:#fff;border:1px solid #dbeade;border-radius:24px;padding:12px;box-shadow:0 12px 28px rgba(5,45,27,.05)}
}
@media (max-width:1180px){.landing-showcase{grid-template-columns:1fr;max-width:520px;margin:0 auto}.visual-phone,.landing-intro{width:100%;max-width:520px}.mini-flow-row{grid-template-columns:repeat(2,minmax(240px,1fr));max-width:560px}.visual-dark-band{margin-left:-28px;margin-right:-28px}.intro-logo img{width:235px;margin-bottom:36px}.phone-tall{min-height:720px}}
@media (max-width:760px){.topbar{height:66px;padding:0 16px}.brand img{width:108px}.nav{gap:14px}.nav a{font-size:13px}.logout-power{width:38px!important;height:38px!important}.page-home .container{padding:20px 12px 0}.landing-showcase{gap:22px}.phone,.landing-intro{border-radius:34px}.phone-body{padding-left:22px!important;padding-right:22px!important}.category-grid{gap:12px}.category-card{min-height:136px}.mini-flow-row{grid-template-columns:1fr;margin:26px auto}.visual-benefits-bottom{grid-template-columns:1fr!important}.timeframe-options{grid-template-columns:repeat(2,1fr)}.bottom-nav{bottom:10px;width:calc(100% - 18px);height:72px;border-radius:26px}.bottom-nav .nav-add{width:64px;height:64px}}