/* ZiraSoft: ortak mobil ve tablet duzeni */

@media screen and (max-width:900px){
    html{scroll-padding-top:85px}
    body.zr-panel,body.zr-login{
        -webkit-text-size-adjust:100%;
        text-size-adjust:100%;
    }

    .zr-panel .app{
        width:100%;height:100vh;height:100dvh;
        display:block;overflow:hidden;
    }
    .zr-panel .workspace{
        width:100%;height:100%;min-width:0;
        overflow-y:auto;overflow-x:clip;
        scroll-padding-top:85px;
        -webkit-overflow-scrolling:touch;
    }
    .zr-panel.nav-open .workspace{overflow:hidden}
    .zr-panel .sidebar{
        width:min(300px,88vw);
        height:100vh;height:100dvh;
        padding-top:env(safe-area-inset-top,0px);
        padding-bottom:env(safe-area-inset-bottom,0px);
        overflow:hidden;
    }
    .zr-panel .sidebar .brand{
        height:82px;min-height:82px;flex-shrink:0;
        padding:20px 48px 16px 22px;
    }
    .zr-panel .sidebar .brand img{width:190px;height:auto}
    .zr-panel .mobile-close{
        top:max(8px,env(safe-area-inset-top,0px));
        right:7px;width:44px;height:44px;
    }
    .zr-panel .nav-scroll{
        min-height:0;padding:4px 14px 18px;
        overscroll-behavior:contain;
        scrollbar-width:thin;
    }
    .zr-panel .nav-item,
    .zr-panel summary.nav-item{
        min-height:46px;font-size:14px;padding:12px;
    }
    .zr-panel .subnav a{
        min-height:44px;display:flex;align-items:center;
        padding:10px;font-size:13px;
    }
    .zr-panel .nav-label{font-size:10px;margin-top:20px}
    .zr-panel .side-foot{
        flex-shrink:0;padding:12px 24px;font-size:11px;
    }
    .zr-panel .topbar{
        min-height:66px;gap:8px;
        padding:8px 14px;
        padding-top:max(8px,env(safe-area-inset-top,0px));
    }
    .zr-panel .crumb{flex:1;min-width:0;gap:8px}
    .zr-panel .crumb>span{display:none}
    .zr-panel .crumb strong{
        font-size:13px;line-height:1.35;
        overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    }
    .zr-panel .mobile-toggle{width:44px;height:44px;flex-shrink:0}
    .zr-panel .account{gap:7px;flex-shrink:0}
    .zr-panel .account>img{
        width:36px!important;height:36px!important;object-fit:contain;
    }
    .zr-panel .logout{width:44px;height:44px;padding:0}
    .zr-panel main{
        width:100%;max-width:100%;min-width:0;margin:0;
        padding:22px 18px max(24px,env(safe-area-inset-bottom,0px));
    }
    .zr-panel .page-head{align-items:flex-start;gap:16px}
    .zr-panel .page-head>div{min-width:0}
    .zr-panel h1{
        font-size:25px;line-height:1.25;
        letter-spacing:-.6px;overflow-wrap:anywhere;
    }
    .zr-panel .description{font-size:13px;line-height:1.65}
    .zr-panel .eyebrow{font-size:9px;line-height:1.5}
    .zr-panel .btn{min-height:44px;font-size:13px}
    .zr-panel .text-link{
        display:inline-flex;align-items:center;min-height:44px;
        line-height:1.4;
    }
    .zr-panel .surface-head{
        padding:14px 16px;gap:12px;flex-wrap:wrap;
    }
    .zr-panel .surface-head h2{
        font-size:15px;line-height:1.4;min-width:0;
    }
    .zr-panel .columns,
    .zr-panel .workspace-record-grid{grid-template-columns:minmax(0,1fr)}
    .zr-panel .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .zr-panel .stats .stat{min-width:0;padding:17px!important}
    .zr-panel .stat-top{align-items:flex-start}
    .zr-panel .stat label{font-size:12px;line-height:1.5}
    .zr-panel .stat strong{
        font-size:clamp(18px,3.6vw,28px);line-height:1.3;
        letter-spacing:-.5px;font-variant-numeric:tabular-nums;
        overflow-wrap:anywhere;
    }
    .zr-panel .stat small{display:block;font-size:11px;line-height:1.5}
    .zr-panel .stat:nth-child(2n){border-right:0}
    .zr-panel .stat:nth-child(-n+2){border-bottom:1px solid #e3eae5}
    .zr-panel .workspace-shortcuts{
        grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
    }
    .zr-panel .workspace-shortcuts a{
        min-height:56px;padding:12px;gap:8px;font-size:13px;
    }
    .zr-panel .workspace-shortcuts a span{min-width:0;overflow-wrap:anywhere}
    .zr-panel .workspace-list{padding:2px 16px 14px}
    .zr-panel .workspace-list a{
        align-items:flex-start;gap:12px;
    }
    .zr-panel .workspace-list a>div{min-width:0;flex:1}
    .zr-panel .workspace-list strong,
    .zr-panel .workspace-list small{overflow-wrap:anywhere;line-height:1.5}
    .zr-panel .workspace-list b{flex-shrink:0;font-size:12px;padding-top:2px}

    .zr-panel input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
    .zr-panel select,.zr-panel textarea{
        font-size:16px;min-height:46px;max-width:100%;
    }
    .zr-panel input[type=date]{min-width:0;width:100%}
    .zr-panel .field{min-width:0}
    .zr-panel .field label{font-size:12px;line-height:1.5}
    .zr-panel .form-body{padding:18px}
    .zr-panel .form-grid,.zr-panel .workspace-fields{
        grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
    }
    .zr-panel .filters.zira-search-form{
        grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:14px;
    }
    .zr-panel .zira-search-actions{gap:10px}
    .zr-panel .zira-search-actions span{
        width:100%;margin:0;line-height:1.6;
    }
    .zr-panel .filters input,.zr-panel .filters select{min-width:0}
    .zr-panel .form-section{gap:12px;flex-wrap:wrap}
    .zr-panel .help{font-size:12px;line-height:1.65;overflow-wrap:anywhere}
    .zr-panel .invoice-bottom{gap:20px}
    .zr-panel .total-row{font-size:14px;gap:12px}
    .zr-panel .total-row>span:last-child{
        white-space:nowrap;font-variant-numeric:tabular-nums;
    }
    .zr-panel .total-row.grand{font-size:17px}
    .zr-panel .table-wrap{
        width:100%;max-width:100%;min-width:0;
        overflow:auto;-webkit-overflow-scrolling:touch;
        overscroll-behavior-x:contain;
    }
    .zr-panel .line-table{min-width:940px}
    .zr-panel .line-table .product{min-width:230px}
    .zr-panel .line-table .small-cell{min-width:96px}
    .zr-panel .remove-line{min-width:44px;min-height:44px}
    .zr-panel .line-table input,.zr-panel .line-table select{font-size:16px}
    .zr-panel .line-table td{padding:10px 8px}
    .zr-panel .zr-table-hint{
        margin:8px 0;font-size:12px;color:#647b6b;line-height:1.5;
    }
    .zr-panel .pagination{padding:14px 16px;flex-wrap:wrap;line-height:1.6}
    .zr-panel .pagination>.actions{margin-left:auto}
    .zr-panel .foot{font-size:11px;align-items:center;flex-wrap:wrap;line-height:1.5}
    .zr-panel .foot a{display:inline-flex;align-items:center;min-height:44px}
    .zr-panel .badge{max-width:100%;white-space:normal;line-height:1.5}
    .zr-panel .alert{font-size:13px;overflow-wrap:anywhere}
    .zr-panel #record-form{position:static;scroll-margin-top:85px}
    .zr-panel #record-detail{scroll-margin-top:85px}
}

.zr-table-hint{display:none}

@media screen and (max-width:640px){
    .zr-panel .account .user-details{display:none}
    .zr-panel .page-head{flex-direction:column;margin-bottom:20px}
    .zr-panel .page-head>.actions{width:100%}
    .zr-panel .page-head>.actions .btn{flex:1}
    .zr-panel .workspace-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
    .zr-panel .form-grid,.zr-panel .workspace-fields,
    .zr-panel .invoice-bottom,.zr-panel .invoice-meta,
    .zr-panel .filters.zira-search-form{grid-template-columns:minmax(0,1fr)}
    .zr-panel .invoice-meta{gap:16px}
    .zr-panel .form-foot{align-items:stretch;flex-direction:column;gap:14px}
    .zr-panel .form-foot .btn{width:100%}
    .zr-panel .zira-search-actions>.btn{flex:1}
    .zr-panel .workspace-summary{gap:12px;flex-wrap:wrap}
    .zr-panel .workspace-summary>.btn{margin-left:auto}
    .zr-panel .agri-summary{
        grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
    }
    .zr-panel .agri-summary>div{min-width:0}
    .zr-panel .agri-summary>div:nth-child(2){border-right:0}
    .zr-panel .agri-summary>div:last-child{
        grid-column:1/-1;padding-top:12px;border-top:1px solid #e3eae5;
    }
    .zr-panel .finance-planned{grid-template-columns:1fr;gap:14px}
    .zr-panel .finance-planned>div{
        display:flex;justify-content:space-between;align-items:center;gap:12px;
    }
    .zr-panel .finance-planned span{margin:0;line-height:1.5}
    .zr-panel .finance-planned strong{font-size:16px;white-space:nowrap}
    .zr-panel .zc-details{grid-template-columns:1fr;padding:0 16px 18px}
    .zr-panel .zr-table-hint{display:block}

    /* Salt okunur kayit tablolari telefonda etiketli listelere donusur. */
    .zr-panel table.zr-record-table{
        display:block;width:100%;min-width:0!important;
    }
    .zr-panel .zr-record-table>thead{
        position:absolute;width:1px;height:1px;padding:0;
        overflow:hidden;clip-path:inset(50%);white-space:nowrap;
    }
    .zr-panel .zr-record-table>tbody{display:block;width:100%}
    .zr-panel .zr-record-table>tbody>tr{
        display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px 16px;padding:16px;border-bottom:1px solid #e3eae5;
    }
    .zr-panel .zr-record-table>tbody>tr:last-child{border-bottom:0}
    .zr-panel .zr-record-table>tbody>tr>td{
        display:block;min-width:0;padding:0;border:0;
        text-align:left;white-space:normal;font-size:13px;
        line-height:1.55;overflow-wrap:anywhere;
    }
    .zr-panel .zr-record-table>tbody>tr>td::before{
        content:attr(data-zr-label);display:block;
        color:#7a887f;font-size:10px;letter-spacing:.2px;
        margin-bottom:5px;line-height:1.4;
    }
    .zr-panel .zr-record-table>tbody>tr>td:first-child{
        grid-column:1/-1;color:#244f37;font-weight:600;
    }
    .zr-panel .zr-record-table td.zr-record-action,
    .zr-panel .zr-record-table td[colspan]{grid-column:1/-1}
    .zr-panel .zr-record-table td.zr-record-action::before,
    .zr-panel .zr-record-table td[colspan]::before{display:none}
    .zr-panel .zr-record-table td.zr-record-action{
        display:flex;justify-content:flex-end;border-top:1px solid #edf1ee;
        padding-top:4px;
    }
    .zr-panel .zr-record-table .text-link{min-height:44px}
}

@media screen and (max-width:360px){
    .zr-panel main{padding-left:12px;padding-right:12px}
    .zr-panel .topbar{padding-left:8px;padding-right:8px}
    .zr-panel .stats .stat{padding:13px!important}
    .zr-panel .stat strong{font-size:18px;letter-spacing:-.5px}
    .zr-panel .stat-top>.icon{width:16px;height:16px}
    .zr-panel .workspace-shortcuts a{font-size:12px;padding:11px 9px}
}

/* Giris: kutusuz, tek kolon, klavye acildiginda kaydirilabilir. */
@media screen and (max-width:900px){
    .zr-login .page{
        display:flex;flex-direction:column;align-items:center;
        justify-content:flex-start;gap:24px;
        min-height:100svh;height:auto;
        padding:28px 22px;
        padding-top:max(28px,env(safe-area-inset-top,0px));
        padding-bottom:max(20px,env(safe-area-inset-bottom,0px));
    }
    .zr-login .shell{
        display:block;width:100%;max-width:420px;margin:0 auto;
        min-width:0;
    }
    .zr-login .shell::before,.zr-login .intro{display:none}
    .zr-login .entry{width:100%;min-width:0}
    .zr-login .card,.zr-login .form-card{
        width:100%;max-width:none;padding:0;margin:0;
        border:0;border-radius:0;box-shadow:none;background:transparent;
    }
    .zr-login .mobile-brand{
        display:flex;align-items:center;justify-content:center;
        margin:0 0 26px;
    }
    .zr-login .mobile-brand .logo-surface{width:min(280px,85%);max-width:100%}
    .zr-login .mobile-brand .logo{width:100%;height:auto}
    .zr-login h2{font-size:28px;line-height:1.25;margin:12px 0}
    .zr-login .subtitle{font-size:14px;line-height:1.6;margin-bottom:22px}
    .zr-login .field{font-size:13px;margin:19px 0 5px}
    .zr-login .input{font-size:16px;min-height:50px;width:100%}
    .zr-login .password-wrap .input{padding-right:52px}
    .zr-login .password-toggle{width:48px;height:48px}
    .zr-login .login-options{
        display:flex;align-items:flex-start;justify-content:space-between;
        flex-wrap:wrap;gap:6px 12px;margin:12px 0 18px;
    }
    .zr-login .login-options .remember{font-size:12px;margin:0;min-height:44px}
    .zr-login .remember input{width:18px;height:18px}
    .zr-login .login-options .forgot-password{max-width:100%;min-width:0;margin:0}
    .zr-login .forgot-password summary{
        display:flex;align-items:center;min-height:44px;font-size:12px;
    }
    .zr-login .forgot-password p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
    .zr-login .submit{min-height:50px;width:100%;font-size:15px}
    .zr-login .signature{
        display:flex;align-items:center;justify-content:space-between;
        gap:12px;margin-top:20px;font-size:11px;line-height:1.5;
    }
    .zr-login .signature a{display:inline-flex;align-items:center;min-height:44px}
    .zr-login .page>.contact-block{max-width:420px;margin:0 auto}
    .zr-login .contact-block address{
        display:flex;flex-direction:column;align-items:center;gap:0;
    }
    .zr-login .contact-row{
        min-height:40px;max-width:100%;font-size:12px;
        justify-content:center;gap:10px;
    }
    .zr-login .contact-row>span:last-child{min-width:0;overflow-wrap:anywhere}
    .zr-login .contact-location{min-height:32px}
}
@media screen and (max-width:360px){
    .zr-login .page{padding-left:18px;padding-right:18px}
    .zr-login .mobile-brand .logo-surface{width:230px}
    .zr-login .signature{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
    .zr-panel .sidebar{transition:none}
}

/* ZIRA_MOBILE_HEADER_V2 */
.zira-mobile-heading{display:none}

@media screen and (max-width:900px){
    .zr-panel .topbar{min-height:80px;gap:8px}
    .zr-panel .crumb{gap:10px;align-items:center}
    .zr-panel .crumb>span,
    .zr-panel .crumb>strong{display:none}

    .zr-panel .zira-mobile-heading{
        display:flex;flex-direction:column;
        align-items:flex-start;justify-content:center;
        gap:5px;min-width:0;flex:1;
    }
    .zr-panel .zira-mobile-heading img{
        display:block;width:140px;max-width:100%;height:auto;
    }
    .zr-panel .zira-mobile-heading strong{
        display:block;max-width:100%;
        font-size:11px;font-weight:600;letter-spacing:.5px;
        line-height:1.4;text-transform:uppercase;
        white-space:normal;overflow-wrap:anywhere;
    }
    .zr-panel .account .user-details,
    .zr-panel .account>img,
    .zr-panel .account>.avatar{display:none}
    .zr-panel .account{gap:0}
}
@media screen and (max-width:360px){
    .zr-panel .zira-mobile-heading img{width:125px}
    .zr-panel .zira-mobile-heading strong{font-size:10px}
}

/* ZIRA_HEADER_CENTER */
@media screen and (max-width:900px){
    .zr-panel .zira-mobile-heading{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:6px;
        text-align:center;
    }
    .zr-panel .zira-mobile-heading img{
        margin:0 auto;
        flex-shrink:0;
    }
    .zr-panel .zira-mobile-heading strong{
        width:100%;
        margin:0;
        text-align:center;
        white-space:normal;
        text-transform:uppercase;
    }
}

/* ZIRA_MENU_ICONS_V1 */
@media screen and (max-width:900px){
    .zr-panel #menu-toggle,
    .zr-panel #menu-close{
        display:grid;
        place-items:center;
        width:44px;
        height:44px;
        min-width:44px;
        min-height:44px;
        padding:0;
        border:1px solid #e0e9e2;
        border-radius:12px;
        background:#f5f8f5;
        color:#365f48;
        line-height:1;
        flex-shrink:0;
        touch-action:manipulation;
        transition:background-color .15s,border-color .15s;
    }
    .zr-panel .zira-menu-symbol{
        display:block;
        width:22px;
        height:22px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.7;
        stroke-linecap:round;
        stroke-linejoin:round;
        pointer-events:none;
    }
    .zr-panel #menu-close{
        right:12px;
        top:max(16px,env(safe-area-inset-top,0px));
        background:#fff;
    }
    .zr-panel .sidebar .brand{padding-right:68px}
    .zr-panel #menu-toggle:active,
    .zr-panel #menu-close:active{
        background:#e5eee7;
        border-color:#c4d5c9;
    }
    .zr-panel #menu-toggle:focus-visible,
    .zr-panel #menu-close:focus-visible{
        outline:2px solid #488564;
        outline-offset:3px;
    }
}
@media screen and (max-width:900px) and (hover:hover){
    .zr-panel #menu-toggle:hover,
    .zr-panel #menu-close:hover{
        background:#eaf2ec;
        border-color:#cbdccf;
    }
}
@media(prefers-reduced-motion:reduce){
    .zr-panel #menu-toggle,.zr-panel #menu-close{transition:none}
}

/* ZIRA_MENU_REFINED_V2 */
@media screen and (max-width:900px){
    .zr-panel #menu-toggle,
    .zr-panel #menu-close{
        width:44px;
        height:44px;
        padding:0;
        border:0;
        border-radius:6px;
        background:transparent;
        box-shadow:none;
        color:#294b3a;
    }
    .zr-panel #menu-toggle .zira-menu-symbol{
        width:24px;
        height:24px;
        stroke-width:1.65;
        stroke-linecap:round;
    }
    .zr-panel #menu-close .zira-menu-symbol{
        width:22px;
        height:22px;
        stroke-width:1.65;
        stroke-linecap:round;
    }
    .zr-panel #menu-toggle:hover,
    .zr-panel #menu-close:hover{
        background:transparent;
        color:#173b28;
    }
    .zr-panel #menu-toggle:active,
    .zr-panel #menu-close:active{
        background:#294b3a0a;
    }
}

/* ZIRA_CREATIVE_MENU_V3 */
@media screen and (max-width:900px){
    .zr-panel #menu-toggle,
    .zr-panel #menu-close{
        display:grid;
        place-items:center;
        width:46px;
        height:46px;
        min-width:46px;
        min-height:46px;
        padding:0;
        border:0;
        border-radius:15px;
        background:radial-gradient(circle at 35% 30%,#e7f3df,transparent 75%);
        color:#245c3d;
        box-shadow:none;
        touch-action:manipulation;
    }
    .zr-panel .zira-orbit-menu{
        display:block;
        width:27px;
        height:27px;
        overflow:visible;
        transform:rotate(-9deg);
        transition:transform .22s ease;
        pointer-events:none;
    }
    .zr-panel .zira-orbit-menu .tile{
        stroke:none;
        transform-box:fill-box;
        transform-origin:center;
    }
    .zr-panel .tile-a{fill:#175b38}
    .zr-panel .tile-b{fill:#8bbc45;transform:rotate(12deg) scale(.88)}
    .zr-panel .tile-c{fill:#699c75;transform:scale(.88)}
    .zr-panel .tile-d{fill:#32764c}
    .zr-panel .zira-orbit-close{
        display:block;
        width:29px;
        height:29px;
        overflow:visible;
        transition:transform .22s ease;
        pointer-events:none;
    }
    .zr-panel .orbit-ring{
        fill:none;
        stroke:#91b69a;
        stroke-width:1.3;
        stroke-dasharray:56 14;
        transform:rotate(-25deg);
        transform-origin:14px 14px;
    }
    .zr-panel .orbit-cross{
        fill:none;
        stroke:#245c3d;
        stroke-width:1.8;
        stroke-linecap:round;
    }
    .zr-panel .orbit-dot{
        fill:#8bbc45;
        stroke:#fff;
        stroke-width:1.5;
    }
    .zr-panel #menu-toggle:active .zira-orbit-menu{
        transform:rotate(3deg) scale(.88);
    }
    .zr-panel #menu-close:active .zira-orbit-close{
        transform:rotate(90deg) scale(.9);
    }
    .zr-panel #menu-toggle:active,
    .zr-panel #menu-close:active{
        background:#e8f2e5;
    }
}
@media screen and (max-width:900px) and (hover:hover){
    .zr-panel #menu-toggle:hover .zira-orbit-menu{transform:rotate(0)}
    .zr-panel #menu-close:hover .zira-orbit-close{transform:rotate(90deg)}
}
@media(prefers-reduced-motion:reduce){
    .zr-panel .zira-orbit-menu,
    .zr-panel .zira-orbit-close{transition:none}
    .zr-panel #menu-toggle:hover .zira-orbit-menu,
    .zr-panel #menu-toggle:active .zira-orbit-menu{transform:rotate(-9deg)}
    .zr-panel #menu-close:hover .zira-orbit-close,
    .zr-panel #menu-close:active .zira-orbit-close{transform:none}
}

/* ZIRA_MENU_MOTION_START */
@media screen and (max-width:900px) and (prefers-reduced-motion:no-preference){
    .zr-panel .zira-orbit-menu .tile{
        animation:zira-tile-wave 3.6s ease-in-out infinite;
    }
    .zr-panel .zira-orbit-menu .tile-a{animation-delay:0s}
    .zr-panel .zira-orbit-menu .tile-b{animation-delay:.18s}
    .zr-panel .zira-orbit-menu .tile-d{animation-delay:.36s}
    .zr-panel .zira-orbit-menu .tile-c{animation-delay:.54s}

    .zr-panel .zira-orbit-close .orbit-ring,
    .zr-panel .zira-orbit-close .orbit-dot{
        transform-origin:14px 14px;
        animation:zira-orbit-spin 5s linear infinite;
        animation-play-state:paused;
    }
    .zr-panel.nav-open .zira-orbit-close .orbit-ring,
    .zr-panel.nav-open .zira-orbit-close .orbit-dot{
        animation-play-state:running;
    }
    .zr-panel.nav-open .zira-orbit-menu .tile{
        animation-play-state:paused;
    }

    @keyframes zira-tile-wave{
        0%,45%,100%{translate:0 0;opacity:1}
        15%{translate:0 -2.5px;opacity:.72}
        30%{translate:0 0;opacity:1}
    }
    @keyframes zira-orbit-spin{
        from{rotate:0deg}
        to{rotate:360deg}
    }
}
/* ZIRA_MENU_MOTION_END */

/* ZIRA_LOGOUT_STYLE_START */
.zr-panel .account .logout{
    display:inline-flex;align-items:center;justify-content:center;
    gap:8px;width:auto;min-width:44px;height:44px;
    padding:0 12px;border:1px solid #e3eae5;border-radius:10px;
    background:#fff;color:#61776a;
    transition:color .18s,background-color .18s,border-color .18s;
}
.zira-exit-icon{
    display:block;width:22px;height:22px;fill:none;
    stroke:currentColor;stroke-width:1.65;
    stroke-linecap:round;stroke-linejoin:round;overflow:visible;
}
.zira-exit-label{font-size:12px;font-weight:500;white-space:nowrap}
.exit-arrow{transition:transform .18s}
@media(hover:hover){
    .zr-panel .account .logout:hover{
        color:#a94f40;background:#fff7f4;border-color:#efd9d1;
    }
    .zr-panel .logout:hover .exit-arrow{transform:translateX(2px)}
}
.zr-panel .account .logout:active{background:#f8eae5}
.zr-panel .account .logout:focus-visible{
    outline:2px solid #488564;outline-offset:3px;
}
#zira-logout-dialog{
    width:min(390px,calc(100% - 32px));
    max-height:calc(100dvh - 32px);overflow:auto;
    padding:0;margin:auto;border:1px solid #e3eae5;border-radius:20px;
    background:#fff;color:#294735;
    box-shadow:0 24px 80px #173c2926;
}
#zira-logout-dialog::backdrop{
    background:#142b2459;backdrop-filter:blur(4px);
}
#zira-logout-dialog .zira-exit-dialog-body{padding:28px}
.zira-exit-emblem{
    display:grid;place-items:center;width:48px;height:48px;
    margin-bottom:18px;border-radius:15px;background:#f8eee9;color:#a2614f;
}
.zira-exit-emblem svg{
    width:25px;height:25px;fill:none;stroke:currentColor;
    stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;
}
#zira-logout-dialog h2{margin:0;font-size:21px;font-weight:600}
#zira-logout-dialog p{
    font-size:14px;line-height:1.7;color:#718176;margin:12px 0 24px;
}
.zira-exit-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zira-exit-dialog-actions button{
    min-height:46px;border:1px solid #dfe7e1;border-radius:9px;
    padding:10px 14px;font:inherit;font-size:14px;
    background:#fff;color:#42634f;cursor:pointer;
}
.zira-exit-dialog-actions .zira-exit-confirm{
    background:#355f48;border-color:#355f48;color:#fff;
}
.zira-exit-dialog-actions button:focus-visible{
    outline:2px solid #488564;outline-offset:3px;
}
@media screen and (max-width:900px){
    .zr-panel .account .logout{
        width:44px;min-width:44px;height:44px;
        padding:0;border:0;background:transparent;
    }
    .zira-exit-label{display:none}
}
@media screen and (max-width:360px){
    #zira-logout-dialog .zira-exit-dialog-body{padding:22px}
}
@media(prefers-reduced-motion:reduce){
    .zr-panel .account .logout,.exit-arrow{transition:none}
    .zr-panel .logout:hover .exit-arrow{transform:none}
}
/* ZIRA_LOGOUT_STYLE_END */

/* ZIRA_BRANDED_LOGOUT_START */
#zira-logout-dialog{
    width:min(440px,calc(100% - 32px));
    max-height:calc(100dvh - 32px);
    border:1px solid #e4ebe5;
    border-radius:22px;
    background:#fcfdfb;
    box-shadow:0 28px 90px #102b2930;
}
#zira-logout-dialog::backdrop{
    background:#152c2859;
    backdrop-filter:blur(6px);
}
#zira-logout-dialog .zira-exit-dialog-body{
    padding:32px;
    text-align:center;
}
#zira-logout-dialog .zira-exit-brand{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 0 22px;
}
#zira-logout-dialog .zira-exit-brand img{
    display:block;
    width:210px;
    max-width:85%;
    height:auto;
}
#zira-logout-dialog .zira-exit-divider{
    height:1px;
    margin:0 0 25px;
    background:linear-gradient(90deg,transparent,#d8e4d8,transparent);
}
#zira-logout-dialog h2{
    margin:0;
    font-size:22px;
    font-weight:600;
    line-height:1.4;
    letter-spacing:-.5px;
    color:#244534;
}
#zira-logout-dialog p{
    max-width:330px;
    margin:13px auto 27px;
    font-size:14px;
    line-height:1.75;
    color:#738176;
}
#zira-logout-dialog .zira-exit-dialog-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
#zira-logout-dialog .zira-exit-dialog-actions button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-width:0;
    min-height:48px;
    padding:12px;
    border:1px solid #dce6de;
    border-radius:10px;
    background:#fff;
    color:#46614f;
    font-size:14px;
    font-weight:500;
}
#zira-logout-dialog .zira-exit-dialog-actions .zira-exit-confirm{
    background:#2f6248;
    border-color:#2f6248;
    color:#fff;
}
#zira-logout-dialog .zira-exit-confirm svg{
    width:18px;
    height:18px;
    flex-shrink:0;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
@media(hover:hover){
    #zira-logout-dialog .zira-exit-dialog-actions button:hover{
        background:#f0f5ef;
    }
    #zira-logout-dialog .zira-exit-dialog-actions .zira-exit-confirm:hover{
        background:#244e38;
        border-color:#244e38;
    }
}
@media screen and (max-width:480px){
    #zira-logout-dialog .zira-exit-dialog-body{padding:27px 22px 22px}
    #zira-logout-dialog .zira-exit-brand img{width:190px}
    #zira-logout-dialog h2{font-size:20px}
    #zira-logout-dialog p{font-size:13px;margin-bottom:23px}
    #zira-logout-dialog .zira-exit-dialog-actions{gap:10px}
}
/* ZIRA_BRANDED_LOGOUT_END */

/* ZIRA_EXIT_LOADING_V1 */
#zira-exit-loading{display:none}

#zira-logout-dialog.zira-is-saving{
    position:fixed;
    inset:0;
    width:100%;
    max-width:none;
    height:100%;
    height:100dvh;
    max-height:none;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:radial-gradient(ellipse at 50% 35%,#edf5e8 0%,#fafcf9 65%);
    box-shadow:none;
    overflow:auto;
}
#zira-logout-dialog.zira-is-saving .zira-exit-dialog-body{display:none}
#zira-logout-dialog.zira-is-saving #zira-exit-loading{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:100%;
    padding:40px 24px;
    text-align:center;
}
#zira-exit-loading>img{
    display:block;
    width:230px;
    max-width:75vw;
    height:auto;
    margin-bottom:36px;
}
.zira-loading-orbit{
    width:40px;
    height:40px;
    margin-bottom:25px;
    border:2px solid #dce8d9;
    border-top-color:#37774e;
    border-right-color:#8eb950;
    border-radius:50%;
    animation:zira-saving-spin .9s linear infinite;
}
#zira-logout-dialog #zira-loading-message{
    margin:0;
    font-size:22px;
    line-height:1.5;
    font-weight:600;
    letter-spacing:-.4px;
    color:#2d513b;
}
#zira-logout-dialog #zira-exit-loading p{
    margin:12px 0 0;
    font-size:14px;
    line-height:1.6;
    color:#748374;
}
@keyframes zira-saving-spin{to{transform:rotate(360deg)}}
@media(max-width:480px){
    #zira-exit-loading>img{width:200px}
    #zira-logout-dialog #zira-loading-message{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
    .zira-loading-orbit{animation:none}
}

/* ZIRA_INVOICE_MARK */
.zr-panel .nav-item .zira-invoice-mark{
    display:flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    min-width:24px;
    margin-left:auto;
    flex-shrink:0;
    line-height:1;
}
.zr-panel .zira-invoice-mark img{
    display:block;
    width:20px;
    height:20px;
    object-fit:contain;
    object-position:center;
}
.zr-panel summary.nav-item{align-items:center}