/* V63 — Studio Light. Application chrome only; document canvases keep their formatting. */
:root{--petrol:#205e50;--petrol2:#174d42;--mint:#e8f2ed;--bg:#f7faf8;--line:#e2eae5;--text:#203c34;--muted:#687e74;--kr-ui-font:Arial,Tahoma,sans-serif}
html,body{font-family:var(--kr-ui-font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.65}
button,input,select,textarea,.nav,.top,.head,.pagehead,.clientnav,.clienttop{font-family:var(--kr-ui-font)}
.layout{direction:rtl;grid-template-columns:240px minmax(0,1fr)}.main{direction:rtl}.side,.clientside{background:#fff;color:var(--text);border-inline-end:1px solid var(--line);padding:20px 14px}.brand,.clientbrand{border-bottom:1px solid var(--line);justify-content:center;padding-bottom:20px}.brand>div:not(.kr63-logo),.clientbrand>div:not(.kr63-logo){display:none}.sidefoot{color:var(--muted)}
.kr63-logo{position:relative;display:inline-block;width:164px;height:84px;border-radius:14px;overflow:hidden;background:#246257;flex-shrink:0;vertical-align:middle}.kr63-logo img{position:absolute!important;width:230px!important;height:230px!important;max-width:none!important;left:-33px!important;top:-71px!important;object-fit:contain!important;border-radius:0!important;margin:0!important}.kr63-top-logo{width:122px;height:62px}.kr63-top-logo img{width:173px!important;height:173px!important;left:-25px!important;top:-54px!important}
.nav button,.clientnav button{color:#5d756a;padding:12px;border-radius:12px;margin:4px 0;font-size:14px;transition:background .15s}.nav button:hover,.clientnav button:hover{background:#f0f6f2;color:var(--petrol)}.nav button.active,.clientnav button.active{background:#e4f0e9;color:#174d42;font-weight:700}.top,.clienttop{background:#fff;border-bottom:1px solid var(--line);height:86px;gap:14px;padding:10px 24px}.search{background:#f2f6f3;border:1px solid #e8eee9;border-radius:14px}.search input{font-size:14px}.avatar{background:#e7f0e9;color:#205e50}.iconbtn,.clientbell{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f1f6f3;border-radius:50%;color:var(--petrol);flex-shrink:0}.content,.clientcontent{max-width:1500px;padding:26px}.dashwelcome,.servicewelcome{padding:24px;background:#e0eee6;color:#1d5143;border:1px solid #d9e9df;border-radius:24px;min-height:130px}.dashwelcome h1,.servicewelcome h1{font-size:26px;line-height:1.5}.dashwelcome p,.servicewelcome p{color:#587769}.datebox{color:#587769}.homegrid{gap:16px}.homecard,.servicecard{border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:none;padding:22px;text-align:right;color:var(--text)}.homecard:hover,.servicecard:hover{border-color:#a9caba;box-shadow:0 7px 22px #244d3510;transform:translateY(-2px)}.homeico{background:#edf5ef;color:#286650;width:46px;height:46px;border-radius:14px;margin-bottom:16px}.homecard b{font-size:15px;line-height:1.5}.homecard small{font-size:12px;color:var(--muted);line-height:1.6}.card,.clientpanel,.clientcompanycard,.clientminicard,.task{border-color:var(--line);border-radius:20px;box-shadow:none}.companyhero,.clientcompanyhero{background:#e0eee6;color:#244f40;border-color:#d4e5d9}.companyhero small,.clientcompanyhero small{color:#567765;opacity:1}.companyhero .scopebadge.light{background:#fff;color:#245842}.btn{border-color:#dce6de;border-radius:11px;background:#fff;color:var(--text);padding:9px 13px;line-height:1.5}.btn.primary,.clientlogout{background:#205e50;border-color:#205e50;color:#fff}.btn.danger{color:#b42f2f}.btn:hover{filter:brightness(.98)}.tabs button{border-radius:11px;border-color:var(--line);font-size:13px}.tabs button.active{background:#205e50;color:#fff}.toolbar input,.toolbar select,.field input,.field select,.field textarea{border-color:#dce6de;border-radius:11px}.field>label{color:#536c5f;font-size:13px}.tablewrap{border-color:var(--line);border-radius:17px}.table th{background:#f2f6f3;color:#60786b;font-size:12px}.table td{font-size:14px;border-color:#edf2ee}.modal{border-radius:22px;box-shadow:0 24px 90px #173c3420}.modalbg{background:#102a245c;backdrop-filter:blur(3px)}.head h1,.pagehead h1{font-size:24px}.card h3,.clientpanel h3{font-size:17px}.kr50-nav{border-color:var(--line);border-radius:14px}.kr62-company-heading h2{font-size:20px;color:#204d3d}.kr62-company-group .notifitem{border-radius:11px;margin-top:9px;padding:15px}.kr62-company-heading{padding-bottom:8px}.notifitem b{font-size:14px}.notifitem p{font-size:13px}.badge{background:#edf3ef}.kr63-icon{display:inline-block;width:21px;height:21px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.homeico .kr63-icon{width:24px;height:24px}.navico{display:inline-flex;align-items:center;justify-content:center}.servicecard>i{background:#edf5ef;color:#286650}.loginpage{background:#e5efe9}.loginbox{box-shadow:0 20px 80px #214f3514;border:1px solid #dbe7df}.loginbox h1{font-size:24px}.clienttopbrand>span{display:none}.chatbubble{border-radius:16px}.uploadbox{background:#f7faf8;border-color:#bad0c2}.clientservices .servicecard{background:#fff;color:var(--text)}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid #7bac96;outline-offset:3px}
@media(max-width:1050px){.layout{grid-template-columns:220px minmax(0,1fr)}.homegrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.layout{grid-template-columns:minmax(0,1fr)}.side{width:270px;right:-280px}.side.open{right:0}.content,.clientcontent{padding:18px 13px 110px}.top,.clienttop{height:auto;min-height:78px;padding:9px 12px;gap:8px;flex-wrap:wrap}.top>.search{order:10;flex-basis:100%;max-width:none}.top>.kr63-logo{margin-inline-end:auto}.top .userbox{margin-inline-start:auto}.top>.btn:not(.mobilemenu){padding:8px;font-size:12px}.top .avatar{width:32px;height:32px}.top .iconbtn{width:34px;height:34px}.top .userbox>div:last-child{display:none}.dashwelcome,.servicewelcome{padding:21px;border-radius:21px;min-height:120px}.dashwelcome h1,.servicewelcome h1{font-size:22px}.dashwelcome{flex-wrap:wrap}.homecard{padding:17px 13px;border-radius:17px}.homegrid{gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.homecard b{font-size:14px}.homecard small{font-size:12px}.homeico{width:40px;height:40px;margin-bottom:11px}.card{padding:15px}.mobilebar,.clientmobile{background:#fff;border:1px solid #e0e9e3;left:10px;right:10px;bottom:8px;border-radius:20px;box-shadow:0 7px 28px #234d3512;padding:10px 4px calc(9px + env(safe-area-inset-bottom));gap:2px}.mobilebar button,.clientmobile button{min-height:44px;padding:5px;min-width:0;color:#5c7668;font-size:11px;border-radius:11px}.mobilebar b{height:24px;display:grid;place-items:center;margin-bottom:4px}.mobilebar .mobileadd b{background:#205e50;width:37px;height:37px;margin:-12px auto 2px}.clientmobile button.active{background:#e5f1e9;color:#205e50}.head h1{font-size:21px}.kr63-top-logo{width:109px;height:57px}.kr63-top-logo img{width:157px!important;height:157px!important;left:-24px!important;top:-48px!important}}
@media(prefers-reduced-motion:reduce){.homecard,.nav button,.servicecard{transition:none}.homecard:hover,.servicecard:hover{transform:none}}
@media print{.kr63-top-logo{display:none}}

/* Transparent petrol logo: no colored tile or crop. */
.kr63-logo{background:transparent;border-radius:0;width:176px;height:78px}.kr63-logo img{position:static!important;width:100%!important;height:100%!important;left:auto!important;top:auto!important;object-fit:contain!important}.kr63-top-logo{width:150px;height:65px}@media(max-width:760px){.kr63-top-logo{width:120px;height:54px}}