.owner-pwa {
    min-height: 100vh; color: #263b50; line-height: 1.8;
    background: linear-gradient(rgba(12,34,52,.12), rgba(12,34,52,.2)), url('../images/design/community-background.jpg') center / cover no-repeat fixed;
}
.owner-pwa header { background: #102d42; color: #fff; min-height: 64px; height: auto; padding: 16px 24px; border-bottom: 1px solid rgba(255,255,255,.12); }
.owner-pwa header a { color: #fff; gap: 10px; line-height: 1.8; }
.owner-pwa header a i { color: #c3d8e7; }
.owner-pwa .container-xxl { max-width: 1000px; min-height: 100vh; background: transparent; }
.owner-pwa .container-xxl > main { padding: 24px; }
.owner-pwa .k-main-page {
    width: 100%; max-width: 100%; min-height: 100vh; min-height: 100dvh; height: auto;
    padding: 40px 20px; gap: 28px;
    background: linear-gradient(rgba(12,34,52,.1), rgba(12,34,52,.22)), url('../images/design/coastal-background.jpg') center / cover no-repeat !important;
}
.owner-pwa .k-main-page h3.login-title {
    position: static; top: auto; width: min(100%, 420px); color: #2476b5 !important;
    font-size: 22px; line-height: 1.9; font-weight: 500 !important;
    padding: 12px 20px; background: rgba(255,255,255,.94); border-radius: 14px;
}
.owner-pwa .k-main-page div { width: 100%; }
.owner-pwa .k-main-page .login-form {
    width: min(100%, 440px); padding: 30px; background: #fff !important;
    border: 1px solid #e1e9f1; border-radius: 20px; box-shadow: 0 10px 32px rgba(38,73,105,.07);
}
.owner-pwa .login-form > p.text-light { color: #66788a !important; font-size: 13px; line-height: 2; margin-bottom: 24px; }
.owner-pwa .k-main-page form { gap: 22px; }
.owner-pwa .k-main-page form label { color: #263b50; font-size: 13px; gap: 9px; }
.owner-pwa .k-main-page form input:not([type="hidden"]):not([type="checkbox"]) {
    height: 48px; width: 100%; padding: 10px 14px; color: #263b50;
    background: #fff; border: 1px solid #cedae5; border-radius: 10px !important;
}
.owner-pwa .k-main-page form input::placeholder { color: #8798a8; }
.owner-pwa .k-main-page form input:focus { border-color: #2476b5; }
.owner-pwa .k-main-page form input[type="tel"] { direction: ltr; text-align: left; font-family: Tahoma, sans-serif; }
.owner-pwa .k-main-page.confirm form input[type="tel"] { text-align: center; letter-spacing: 6px; font-size: 22px; }
.owner-pwa .k-main-page form .guide { color: #2476b5 !important; line-height: 1.9; font-size: 12px; }
.owner-pwa .k-btn { min-height: 44px; height: auto; padding: 10px 18px; border-radius: 10px; font-size: 14px; }
.owner-pwa .k-btn-phosphorus, .owner-pwa .k-btn-cyan { background: #2476b5; color: #fff; box-shadow: none; }
.owner-pwa .k-btn-phosphorus:hover, .owner-pwa .k-btn-cyan:hover { background: #1f669d; }
.owner-pwa .login-page .login-submit { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; }
.owner-pwa .login-page .login-submit-progress { display: none; align-items: center; justify-content: center; gap: 10px; }
.owner-pwa .login-page .is-submitting .login-submit-label { display: none; }
.owner-pwa .login-page .is-submitting .login-submit-progress { display: inline-flex; }
.owner-pwa .login-page .is-submitting .login-submit { background: #1f669d; color: #fff; cursor: wait; opacity: 1; }
.owner-pwa .login-page .is-submitting input[type="tel"] { background: #f3f7fb; color: #536b80; }
.owner-pwa .login-page .login-submit-spinner { width: 18px; height: 18px; flex-shrink: 0; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 50%; animation: owner-login-spin .8s linear infinite; }
@keyframes owner-login-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .owner-pwa .login-page .login-submit-spinner { animation: none; border-top-color: #fff; border-inline-start-color: #fff; }
}
.owner-pwa :is(a, button, input[type="checkbox"], input[type="radio"]):focus-visible { outline: 3px solid #68c9ff; outline-offset: 3px; }
.owner-pwa :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
    border-color: #2476b5 !important;
    outline: none !important;
    box-shadow: none !important;
}
.owner-pwa .select2-container--focus .select2-selection--single,
.owner-pwa .select2-container--open .select2-selection--single {
    border-color: #2476b5 !important;
    outline: none;
    box-shadow: none;
}
.owner-pwa .select2-selection--single:focus { outline: none; box-shadow: none; }
.owner-pwa .sweet-overlay { background: rgba(9, 26, 39, .55); }
.owner-pwa .sweet-alert {
    box-sizing: border-box; width: min(440px, calc(100% - 32px));
    max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px);
    padding: 24px; border-radius: 18px; border: 1px solid #e1e9f1;
    left: 50%; right: auto; top: 50%; margin: 0 !important;
    transform: translate(-50%, -50%) !important; overflow-y: auto;
    font-family: IranSanseFuNum, Tahoma, sans-serif; direction: rtl; color: #263b50;
    box-shadow: 0 16px 48px rgba(9, 26, 39, .2);
}
.owner-pwa .sweet-alert h2 { margin: 14px 0 10px; font-size: 19px; line-height: 1.9; font-weight: 600; color: #263b50; overflow-wrap: anywhere; }
.owner-pwa .sweet-alert p { color: #66788a; font-size: 13px; font-weight: 400; line-height: 2; overflow-wrap: anywhere; }
.owner-pwa .sweet-alert .sa-icon { margin: 6px auto 16px; direction: ltr; }
.owner-pwa .sweet-alert .sa-button-container { display: flex; align-items: stretch; justify-content: center; gap: 10px; margin-top: 22px; }
.owner-pwa .sweet-alert .sa-confirm-button-container { display: flex; flex: 1; min-width: 0; }
.owner-pwa .sweet-alert .sa-button-container > .cancel,
.owner-pwa .sweet-alert .sa-button-container > .sa-confirm-button-container { flex: 1 1 0; width: 0; }
.owner-pwa .sweet-alert button {
    flex: 1; min-width: 0; min-height: 46px; margin: 0;
    padding: 10px 16px; border: 1px solid transparent; border-radius: 10px;
    font: inherit; font-size: 13px; line-height: 1.8; white-space: normal;
    box-shadow: none !important;
}
.owner-pwa .sweet-alert button.confirm { width: 100%; background: #102d42 !important; color: #fff; }
.owner-pwa .sweet-alert button.confirm:hover { background: #17435e !important; }
.owner-pwa .sweet-alert.owner-delete-alert button.confirm { background: #b43f46 !important; }
.owner-pwa .sweet-alert.owner-delete-alert button.confirm:hover { background: #96343a !important; }
.owner-pwa .sweet-alert button.cancel { background: #f3f7fb !important; color: #536b80; border-color: #dce6ee; }
.owner-pwa .sweet-alert button.cancel:hover { background: #e9f0f6 !important; }
.owner-pwa .sweet-alert button.confirm[disabled] { color: transparent; }
.owner-pwa .sweet-alert button:focus-visible { outline: 2px solid #2476b5; outline-offset: 2px; }
.owner-pwa .sweet-alert .la-ball-fall { top: 50%; margin-top: -9px; }
.owner-home { max-width: 960px; margin: auto; padding: 36px 24px 48px; }
.owner-home-heading { margin-bottom: 28px; }
.owner-home-heading h1 { font-size: 23px; margin: 0 0 12px; line-height: 1.8; color: #2476b5; }
.owner-home-heading { padding: 20px 24px; border-radius: 16px; background: rgba(16,45,66,.9); }
.owner-home-heading p { margin: 0; color: #66788a; font-size: 14px; }
.owner-account {
    display: flex; align-items: center; gap: 16px; background: #fff; padding: 22px;
    border: 1px solid #e1e9f1; border-radius: 16px; margin-bottom: 24px;
}
.owner-avatar { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 52px; height: 52px; border-radius: 14px; background: #edf5fc; color: #2476b5; font-size: 27px; }
.owner-account h2 { font-size: 17px; line-height: 1.8; margin: 0; }
.owner-account p { font-size: 12px; color: #66788a; margin: 5px 0 0; }
.owner-menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.owner-menu a { display: flex; align-items: center; gap: 16px; padding: 24px; min-height: 110px; border: 1px solid #e1e9f1; border-radius: 16px; background: #fff; color: #263b50; text-decoration: none; box-shadow: 0 4px 16px rgba(38,73,105,.04); }
.owner-menu a:hover { border-color: #8ebdde; background: #fafdff; }
.owner-menu a > i { font-size: 26px; color: #2476b5; flex-shrink: 0; }
.owner-menu strong { display: block; font-size: 15px; margin-bottom: 5px; }
.owner-menu small { color: #66788a; font-size: 12px; line-height: 1.9; display: block; }
.owner-menu .owner-logout > i { color: #b45454; }
.owner-home .owner-home-heading h1 { color: #fff; }
.owner-home .owner-home-heading p { color: #c3d8e7; }
.owner-home .owner-account { background: rgba(16,45,66,.9); border-color: rgba(255,255,255,.18); color: #fff; }
.owner-home .owner-account p { color: #c3d8e7; }
.owner-home .owner-avatar { background: rgba(104,201,255,.15); color: #9edcff; }
.owner-home .owner-menu a { background: rgba(16,45,66,.92); color: #fff; border-color: rgba(255,255,255,.18); box-shadow: 0 8px 24px rgba(5,21,33,.18); }
.owner-home .owner-menu a:hover { background: rgba(23,67,94,.97); border-color: #7bc3ed; }
.owner-home .owner-menu small { color: #c3d8e7; }
.owner-home .owner-menu a > i { color: #9edcff; }
.owner-home .owner-menu .owner-logout > i { color: #ffc0b7; }
.owner-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.owner-page-heading h1 { margin: 0; font-size: 20px; line-height: 1.8; }
.owner-page-heading p { margin: 4px 0 0; color: #66788a; font-size: 12px; }
.owner-page-heading { padding: 16px 20px; background: rgba(255,255,255,.96); border-radius: 14px; }
.owner-pwa .myPlack { padding: 0 !important; }
.owner-pwa .myPlackList { padding: 0; margin: 0; list-style: none; gap: 14px; }
.owner-pwa .myPlackList li { flex-wrap: wrap; padding: 18px; gap: 14px; background: #fff; border: 1px solid #e1e9f1; border-radius: 14px; }
.owner-pwa .myPlackList li p { font-size: 12px; line-height: 1.9; color: #66788a; }
.owner-pwa .myPlackList li p.name { font-size: 14px; max-width: 100%; white-space: normal; color: #263b50; }
.owner-pwa .plack { width: auto; min-width: 115px; height: auto; }
.owner-pwa .plack > div { min-height: 42px; background: #f4f8fc; border: 1px solid #c8dcec; color: #263b50; border-radius: 7px; }
.owner-pwa .plak-actions { display: flex; gap: 8px; }
.owner-pwa .plak-actions button { width: 38px; height: 38px; border-radius: 9px; background: #edf5fc; color: #2476b5; font-size: 18px; }
.owner-pwa .plak-actions .DeleteItem { background: #fff1f1; color: #b45454; }
.owner-pwa .k-report-list li { display: grid; grid-template-columns: 115px minmax(0, 1fr) auto; }
.owner-pwa .k-report-list li span { font-size: 12px; }
.owner-pwa .k-report-list li > span { padding: 4px 10px; border-radius: 7px; background: #f3f7fb; }
.owner-empty { padding: 42px 20px; background: #fff; border: 1px dashed #ccdbe7; border-radius: 16px; text-align: center; color: #66788a; }
.owner-empty > i { display: block; font-size: 36px; color: #8aadc7; margin-bottom: 12px; }
.owner-empty p { margin: 0; font-size: 14px; }
.owner-pwa .offcanvas-bottom { max-width: 680px; margin-inline: auto; border-radius: 20px 20px 0 0; background: #fff; }
.owner-pwa .offcanvas-header { padding: 18px 22px !important; border-bottom: 1px solid #e6edf4; }
.owner-pwa .offcanvas-body { padding: 22px !important; }
.owner-pwa .offcanvas-bottom { overflow: hidden; }
.owner-pwa .offcanvas-bottom form { width: 100%; max-width: 520px; }
.owner-pwa .offcanvas-bottom form > div { gap: 0; }
.owner-pwa .offcanvas-body .label, .owner-pwa .offcanvas-body .label2 { padding: 0; margin: 0 0 20px; display: grid; grid-template-columns: minmax(0, 1fr); justify-content: stretch; align-items: stretch; gap: 8px; font-size: 13px; color: #263b50; }
.owner-pwa .offcanvas-body :is(.label, .label2) > div { width: 100%; }
.owner-pwa .offcanvas-body :is(input:not([type="hidden"]):not([type="checkbox"]), select, textarea) { color: #263b50; background: #fff; border: 1px solid #cedae5; border-radius: 10px; padding: 10px 12px; min-height: 46px; }
.owner-pwa .offcanvas-body :is(.label, .label2) > div > :is(input, select, textarea) { width: 100%; }
.owner-pwa .offcanvas-body textarea { height: auto; min-height: 100px; resize: vertical; }
.owner-pwa .offcanvas-body input[type="checkbox"] { appearance: auto; width: 20px; height: 20px; padding: 0; accent-color: #2476b5; }
.owner-pwa .offcanvas-body .addPelak { padding: 12px; border-radius: 12px; background: #edf5fc; gap: 6px; width: max-content; max-width: 100%; margin-inline: auto; }
.owner-pwa .offcanvas-body .addPelak input { padding: 6px; text-align: center; font-family: Tahoma, sans-serif; }
.owner-pwa .offcanvas-body .k-btn { width: 100%; }
.owner-pwa .userAccess { padding: 0; gap: 14px; }
.owner-pwa .userAccess li { padding: 18px; border: 1px solid #e1e9f1; border-radius: 14px; background: #fff; }
.owner-pwa .alert { border-radius: 12px; font-size: 13px; line-height: 2; }
.owner-pwa .representative-page { background: linear-gradient(rgba(12,34,52,.1), rgba(12,34,52,.22)), url('../images/design/coastal-background.jpg') center / cover no-repeat; }
.owner-info { width: min(calc(100% - 32px), 760px); margin: 40px auto; padding: 28px; background: #fff; border: 1px solid #e1e9f1; border-radius: 16px; }
.owner-guide .container-xxl > main { margin: 24px; padding: 28px; background: #fff; border: 1px solid #e1e9f1; border-radius: 16px; line-height: 2.2; }
.owner-guide :is(img, video, iframe) { max-width: 100%; height: auto; }
.owner-guide h2 { font-size: 20px; margin: 24px 0 14px; line-height: 1.9; }
.owner-guide .andriod-des { padding: 0; }
.owner-guide .andriod-des p { color: #536b80; }
.owner-guide .img-thumbnail { display: block; max-height: 650px; width: auto; margin: 18px auto; border-radius: 12px; }
@media (max-width: 575px) {
    .owner-pwa { background-attachment: scroll; }
    .owner-pwa .k-main-page { padding: 28px 18px; gap: 20px; }
    .owner-pwa .k-main-page h3.login-title { font-size: 19px; }
    .owner-pwa .k-main-page .login-form { padding: 24px 20px; }
    .owner-home { padding: 26px 16px; }
    .owner-home-heading h1 { font-size: 19px; }
    .owner-menu { grid-template-columns: 1fr; gap: 12px; }
    .owner-menu a { padding: 20px; min-height: 92px; }
    .owner-pwa .container-xxl > main { padding: 22px 14px; }
    .owner-pwa .myPlackList li { padding: 14px; gap: 10px; }
    .owner-pwa .myPlackList li > div:first-child { flex-basis: 100%; }
    .owner-pwa .plak-actions { margin-inline-start: auto; }
    .owner-pwa .k-report-list li { grid-template-columns: 90px minmax(0, 1fr); }
    .owner-pwa .k-report-list li > span { grid-column: 2; justify-self: start; }
    .owner-pwa .k-report-list li > div:first-child { grid-row: 1 / 3; }
    .owner-page-heading { align-items: flex-start; }
    .owner-page-heading h1 { font-size: 18px; }
}