.swcrm-client-portal-page .entry-header,
.swcrm-client-portal-page .page-header,
.swcrm-client-portal-page .entry-title,
.swcrm-client-portal-page .woocommerce-breadcrumb { display: none !important; }

.swcrm-client-portal-page .site-main,
.swcrm-client-portal-page .entry-content,
.swcrm-client-portal-page main { max-width: none; width: 100%; }

.swcrm-client-portal-page .swcrm-portal-canvas {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 65vh !important;
    margin: 0 !important;
    padding: 92px 0 40px !important;
    background: #eef3f8 !important;
}

#sonnywebs-crm-portal.swp-shell {
    --navy: #07172f;
    --cyan: #00b9e8;
    --blue: #1769e0;
    --ink: #152943;
    display: block !important;
    position: relative !important;
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: 1180px !important;
    min-height: 0 !important;
    margin: 32px auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #f5f8fc !important;
    color: var(--ink) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 40px rgba(7, 23, 47, .11) !important;
    font: 16px/1.5 Arial, sans-serif !important;
}

#sonnywebs-crm-portal *,
#sonnywebs-crm-portal *::before,
#sonnywebs-crm-portal *::after { box-sizing: border-box; }

#sonnywebs-crm-portal .swp-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 130px !important;
    margin: 0 !important;
    padding: 28px 35px !important;
    background: #07172f !important;
    color: #fff !important;
    border: 0 !important;
    border-top: 7px solid #00b9e8 !important;
    border-radius: 0 !important;
}

#sonnywebs-crm-portal .swp-head img {
    display: block !important;
    width: 290px !important;
    max-width: 48% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
}

#sonnywebs-crm-portal .swp-head > div { text-align: right !important; }
#sonnywebs-crm-portal .swp-head small { color: #75dcfa !important; letter-spacing: 2px; }
#sonnywebs-crm-portal .swp-head h2 { margin: 7px 0 !important; color: #fff !important; font-size: 25px !important; }
#sonnywebs-crm-portal .swp-head a { color: #75dcfa !important; }

#sonnywebs-crm-portal .swp-nav {
    display: flex !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 25px !important;
    overflow-x: auto !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe7f0 !important;
}

#sonnywebs-crm-portal .swp-nav a {
    display: block !important;
    margin: 0 !important;
    padding: 16px 14px !important;
    color: #52657c !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

#sonnywebs-crm-portal .swp-nav a.active { color: #1769e0 !important; border-bottom: 3px solid #00b9e8 !important; font-weight: 700 !important; }
#sonnywebs-crm-portal .swp-main { display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 30px !important; background: #f5f8fc !important; }
#sonnywebs-crm-portal .swp-main h1 { margin: 0 0 18px !important; color: #07172f !important; font-size: 30px !important; }

#sonnywebs-crm-portal .swp-cards {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 15px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 22px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

#sonnywebs-crm-portal .swp-cards > div,
#sonnywebs-crm-portal .swp-panel {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 105px !important;
    margin: 0 !important;
    padding: 20px !important;
    background: #fff !important;
    color: #152943 !important;
    border: 1px solid #e0e7ef !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    transform: none !important;
}

#sonnywebs-crm-portal .swp-cards > div::before,
#sonnywebs-crm-portal .swp-cards > div::after { display: none !important; content: none !important; }
#sonnywebs-crm-portal .swp-cards strong { display: block !important; color: #07172f !important; font-size: 23px !important; }
#sonnywebs-crm-portal .swp-cards span,
#sonnywebs-crm-portal .swp-file small { display: block !important; margin-top: 5px !important; color: #718097 !important; }

#sonnywebs-crm-portal .swp-two { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 18px !important; }
#sonnywebs-crm-portal .swp-table { width: 100% !important; overflow-x: auto !important; background: #fff !important; border-radius: 10px !important; }
#sonnywebs-crm-portal .swp-table table { width: 100% !important; margin: 0 !important; border-collapse: collapse !important; }
#sonnywebs-crm-portal .swp-table th { padding: 13px !important; background: #07172f !important; color: #fff !important; text-align: left !important; }
#sonnywebs-crm-portal .swp-table td { padding: 13px !important; color: #152943 !important; background: #fff !important; border-bottom: 1px solid #e5eaf0 !important; }
#sonnywebs-crm-portal .swp-table td a { color: #1769e0 !important; text-decoration: none !important; }
#sonnywebs-crm-portal .swp-table td small { display: block !important; color: #7a899e !important; }

#sonnywebs-crm-portal .swp-status { display: inline-block !important; width: auto !important; padding: 4px 9px !important; background: #eaf0f6 !important; border-radius: 14px !important; font-size: 11px !important; }
#sonnywebs-crm-portal .swp-status.completed,
#sonnywebs-crm-portal .swp-status.paid,
#sonnywebs-crm-portal .swp-status.accepted,
#sonnywebs-crm-portal .swp-status.active,
#sonnywebs-crm-portal .swp-status.resolved { background: #dff7ec !important; color: #08764c !important; }
#sonnywebs-crm-portal .swp-status.overdue,
#sonnywebs-crm-portal .swp-status.declined,
#sonnywebs-crm-portal .swp-status.urgent { background: #fde8e8 !important; color: #b42318 !important; }

#sonnywebs-crm-portal .swp-progress { height: 10px !important; overflow: hidden !important; background: #dce5ef !important; border-radius: 10px !important; }
#sonnywebs-crm-portal .swp-progress i { display: block !important; height: 100% !important; background: linear-gradient(90deg, #00b9e8, #1769e0) !important; }
#sonnywebs-crm-portal .swp-task,
#sonnywebs-crm-portal .swp-ticket,
#sonnywebs-crm-portal .swp-file { padding: 13px 0 !important; border-bottom: 1px solid #e5eaf0 !important; }
#sonnywebs-crm-portal .swp-task b,
#sonnywebs-crm-portal .swp-task small { display: block !important; margin-top: 5px !important; }

#sonnywebs-crm-portal .swp-form { display: grid !important; gap: 12px !important; }
#sonnywebs-crm-portal .swp-form input,
#sonnywebs-crm-portal .swp-form select,
#sonnywebs-crm-portal .swp-form textarea { width: 100% !important; padding: 11px !important; color: #152943 !important; background: #fff !important; border: 1px solid #cbd6e3 !important; border-radius: 6px !important; }
#sonnywebs-crm-portal .swp-form textarea { min-height: 110px !important; }
#sonnywebs-crm-portal .swp-form button,
#sonnywebs-crm-portal .swp-approval button,
#sonnywebs-crm-portal .swp-btn,
#sonnywebs-crm-portal .swp-inline button { width: auto !important; padding: 10px 16px !important; background: #1769e0 !important; color: #fff !important; border: 0 !important; border-radius: 6px !important; cursor: pointer !important; text-decoration: none !important; }
#sonnywebs-crm-portal .swp-btn.small { padding: 6px 10px !important; }
#sonnywebs-crm-portal .swp-inline { display: inline-flex !important; gap: 5px !important; }
#sonnywebs-crm-portal .swp-inline button { padding: 6px 9px !important; }
#sonnywebs-crm-portal .swp-inline .decline { background: #b42318 !important; }

#sonnywebs-crm-portal .swp-thread article { max-width: 78% !important; margin: 12px 0 !important; padding: 15px 18px !important; background: #fff !important; border-radius: 10px !important; }
#sonnywebs-crm-portal .swp-thread article.client { margin-left: auto !important; background: #eaf7fc !important; }
#sonnywebs-crm-portal .swp-success,
#sonnywebs-crm-portal .swp-alert { padding: 14px 30px !important; background: #dff7ec !important; color: #08764c !important; }
#sonnywebs-crm-portal .swp-alert { background: #fde8e8 !important; color: #b42318 !important; }

#sonnywebs-crm-portal .swp-foot { display: flex !important; justify-content: space-between !important; margin: 0 !important; padding: 16px 30px !important; background: #07172f !important; color: #b7c7db !important; }
#sonnywebs-crm-portal .swp-foot a { color: #00b9e8 !important; }
#sonnywebs-crm-portal dl { display: grid !important; grid-template-columns: 140px 1fr !important; }
#sonnywebs-crm-portal dt { font-weight: 700 !important; }
#sonnywebs-crm-portal dd { margin: 0 0 10px !important; }

.swp-login { width: min(460px, calc(100% - 32px)) !important; margin: 50px auto !important; padding: 30px !important; background: #fff !important; box-shadow: 0 10px 35px rgba(7, 23, 47, .14) !important; font-family: Arial, sans-serif !important; }
.swp-login img { display: block !important; width: 100% !important; height: auto !important; margin: 0 0 22px !important; background: #07172f !important; border-radius: 0 !important; }
.swp-login input { width: 100% !important; padding: 10px !important; }
.swp-login .button { padding: 11px 20px !important; background: #1769e0 !important; color: #fff !important; border: 0 !important; }

@media (max-width: 800px) {
    .swcrm-client-portal-page .swcrm-portal-canvas { padding-top: 80px !important; }
    #sonnywebs-crm-portal.swp-shell { width: calc(100% - 20px) !important; margin: 16px auto !important; border-radius: 12px !important; }
    #sonnywebs-crm-portal .swp-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 18px !important;
        min-height: 0 !important;
        padding: 28px 22px !important;
        text-align: center !important;
    }
    #sonnywebs-crm-portal .swp-head img { width: min(300px, 82%) !important; max-width: 300px !important; }
    #sonnywebs-crm-portal .swp-head > div { width: 100% !important; text-align: center !important; }
    #sonnywebs-crm-portal .swp-head h2 { margin: 7px 0 9px !important; font-size: 25px !important; line-height: 1.25 !important; overflow-wrap: anywhere !important; }
    #sonnywebs-crm-portal .swp-nav {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 1px !important;
        overflow: visible !important;
        padding: 0 !important;
        background: #dfe7f0 !important;
    }
    #sonnywebs-crm-portal .swp-nav a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 52px !important;
        padding: 10px 6px !important;
        background: #fff !important;
        font-size: 14px !important;
        text-align: center !important;
        white-space: normal !important;
        border-bottom: 0 !important;
    }
    #sonnywebs-crm-portal .swp-nav a.active { background: #eaf7fc !important; box-shadow: inset 0 -3px #00b9e8 !important; }
    #sonnywebs-crm-portal .swp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    #sonnywebs-crm-portal .swp-two { grid-template-columns: 1fr !important; }
    #sonnywebs-crm-portal .swp-main { padding: 20px !important; }
    #sonnywebs-crm-portal .swp-main h1 { font-size: 27px !important; line-height: 1.25 !important; }
    #sonnywebs-crm-portal .swp-table { overflow: visible !important; background: transparent !important; }
    #sonnywebs-crm-portal .swp-table table,
    #sonnywebs-crm-portal .swp-table tbody,
    #sonnywebs-crm-portal .swp-table tr,
    #sonnywebs-crm-portal .swp-table td { display: block !important; width: 100% !important; }
    #sonnywebs-crm-portal .swp-table thead { display: none !important; }
    #sonnywebs-crm-portal .swp-table tr {
        margin: 0 0 16px !important;
        overflow: hidden !important;
        background: #fff !important;
        border: 1px solid #dce5ef !important;
        border-radius: 10px !important;
    }
    #sonnywebs-crm-portal .swp-table td {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 18px !important;
        min-height: 48px !important;
        padding: 11px 14px !important;
        text-align: right !important;
    }
    #sonnywebs-crm-portal .swp-table td::before {
        content: attr(data-label);
        flex: 0 0 42%;
        color: #52657c;
        font-weight: 700;
        text-align: left;
    }
    #sonnywebs-crm-portal .swp-table td > * { max-width: 58%; }
    #sonnywebs-crm-portal .swp-table .swp-empty-row td { display: block !important; text-align: center !important; }
    #sonnywebs-crm-portal .swp-table .swp-empty-row td::before { display: none !important; }
    #sonnywebs-crm-portal .swp-inline { flex-wrap: wrap !important; justify-content: flex-end !important; }
}

@media (max-width: 520px) {
    .swcrm-client-portal-page .swcrm-portal-canvas { padding-top: 76px !important; }
    #sonnywebs-crm-portal.swp-shell { width: calc(100% - 16px) !important; margin: 12px auto !important; }
    #sonnywebs-crm-portal .swp-head { padding: 24px 16px !important; }
    #sonnywebs-crm-portal .swp-head img { width: min(270px, 88%) !important; }
    #sonnywebs-crm-portal .swp-head > div { font-size: 13px !important; }
    #sonnywebs-crm-portal .swp-head h2 { font-size: 22px !important; }
    #sonnywebs-crm-portal .swp-cards { grid-template-columns: 1fr !important; }
    #sonnywebs-crm-portal .swp-nav { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    #sonnywebs-crm-portal .swp-main { padding: 18px 12px !important; }
    #sonnywebs-crm-portal .swp-main h1 { font-size: 24px !important; }
    #sonnywebs-crm-portal .swp-thread article { max-width: 95% !important; }
    #sonnywebs-crm-portal .swp-foot { gap: 10px; flex-direction: column; }
}
.swp-account-state{box-sizing:border-box;max-width:780px!important;margin:70px auto!important;padding:68px 58px!important;text-align:center;border:1px solid #cfe0f1;border-radius:28px;background:linear-gradient(145deg,#fff,#f3f8fd)!important;box-shadow:0 28px 80px rgba(7,24,49,.12)}
.swp-state-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 22px;border-radius:22px;background:linear-gradient(145deg,#08bde5,#1d65e8 58%,#d70aa8);color:#fff;font-size:32px;box-shadow:0 15px 35px #1665de45}.swp-account-state>small{color:#087bd7;font-weight:900;letter-spacing:.16em}.swp-account-state h2{max-width:600px;margin:15px auto;font-size:clamp(29px,5vw,48px);line-height:1.12;color:#071831}.swp-account-state p{max-width:590px;margin:0 auto 30px;color:#60728a;font-size:17px;line-height:1.7}.swp-account-state>div:last-child{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.swp-state-primary,.swp-state-secondary{display:inline-flex;padding:14px 20px;border-radius:9px;font-weight:800;text-decoration:none}.swp-state-primary{color:#fff!important;background:linear-gradient(90deg,#1569e8,#cf0aad)}.swp-state-secondary{color:#1569e8!important;border:1px solid #afc8e4;background:#fff}
@media(max-width:600px){.swp-account-state{margin:28px 12px!important;padding:42px 22px!important;border-radius:20px}.swp-account-state p{font-size:15px}.swp-account-state>div:last-child{display:grid}.swp-state-primary,.swp-state-secondary{justify-content:center}}

/* Premium client workspace — 1.7 */
.swcrm-client-portal-page .swcrm-portal-canvas{padding:38px 0 72px!important;background:radial-gradient(circle at 90% 5%,#dff5ff 0,transparent 24%),linear-gradient(180deg,#eef5fb,#f8fbfe 52%,#eaf2f9)!important}
#sonnywebs-crm-portal.swp-shell{--navy:#061a36;--blue:#146cf0;--cyan:#08bce8;--pink:#d80aac;--muted:#667991;width:min(1320px,calc(100% - 48px))!important;margin:0 auto!important;border:1px solid #d7e3ef!important;border-radius:28px!important;box-shadow:0 30px 90px rgba(5,25,54,.16)!important;background:#f5f9fd!important}
#sonnywebs-crm-portal .swp-head{position:relative!important;min-height:0!important;padding:34px 42px!important;border:0!important;background:radial-gradient(circle at 72% 20%,rgba(25,111,239,.25),transparent 30%),linear-gradient(125deg,#061831,#0a2449)!important;overflow:hidden!important}
#sonnywebs-crm-portal .swp-head:before{content:""!important;position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(0,190,232,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,190,232,.055) 1px,transparent 1px)!important;background-size:32px 32px!important;display:block!important}
#sonnywebs-crm-portal .swp-head-copy,#sonnywebs-crm-portal .swp-head-actions{position:relative!important;z-index:1!important}
#sonnywebs-crm-portal .swp-head-copy{max-width:640px!important;text-align:left!important}
#sonnywebs-crm-portal .swp-head small{font-weight:900!important;letter-spacing:.16em!important;color:#61d9fb!important}
#sonnywebs-crm-portal .swp-head h2{margin:8px 0 4px!important;font-size:clamp(26px,3vw,38px)!important;letter-spacing:-.03em!important}
#sonnywebs-crm-portal .swp-head p{margin:0!important;color:#b8cbe0!important;font-size:15px!important}
#sonnywebs-crm-portal .swp-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important;text-align:right!important}
.swp-account-live{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 12px!important;border:1px solid #315070!important;border-radius:999px!important;color:#d8e6f5!important;font-size:12px!important}.swp-account-live i{width:8px!important;height:8px!important;border-radius:50%!important;background:#25d28a!important;box-shadow:0 0 0 5px #25d28a22!important}
#sonnywebs-crm-portal .swp-head-cta{padding:11px 16px!important;border-radius:10px!important;background:linear-gradient(95deg,var(--blue),var(--pink))!important;color:#fff!important;font-weight:800!important;text-decoration:none!important}
.swp-avatar{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:linear-gradient(145deg,var(--cyan),#285fea 60%,var(--pink))!important;color:#fff!important;font-weight:900!important;box-shadow:0 10px 25px #07132666!important}.swp-signout{color:#8ee5ff!important;font-weight:700!important}
#sonnywebs-crm-portal .swp-nav{gap:4px!important;padding:10px 22px!important;background:#fff!important;scrollbar-width:thin!important}
#sonnywebs-crm-portal .swp-nav a{display:flex!important;align-items:center!important;gap:7px!important;padding:11px 12px!important;border-radius:10px!important;font-size:14px!important;font-weight:700!important}
#sonnywebs-crm-portal .swp-nav a.active{color:var(--blue)!important;border:0!important;background:#eaf3ff!important;box-shadow:inset 0 0 0 1px #cfe1fb!important}
.swp-nav-icon{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:8px!important;background:#edf3f9!important;color:#52677f!important;font-size:13px!important}.swp-nav a.active .swp-nav-icon{background:linear-gradient(145deg,var(--cyan),var(--blue))!important;color:#fff!important}
#sonnywebs-crm-portal .swp-main{padding:42px!important;background:transparent!important}
.swp-page-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:30px!important;margin-bottom:28px!important}.swp-page-title small,.swp-panel-heading small{color:var(--blue)!important;font-weight:900!important;letter-spacing:.15em!important}.swp-page-title h1{margin:8px 0 6px!important;font-size:clamp(30px,4vw,48px)!important;letter-spacing:-.045em!important}.swp-page-title p{margin:0!important;color:var(--muted)!important}.swp-primary-action{display:inline-flex!important;padding:14px 18px!important;border-radius:11px!important;color:#fff!important;background:linear-gradient(95deg,var(--blue),var(--pink))!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 14px 30px #1769e02c!important}
#sonnywebs-crm-portal .swp-cards{gap:18px!important;margin:0 0 26px!important}
#sonnywebs-crm-portal .swp-cards>div{position:relative!important;min-height:170px!important;padding:22px!important;border:1px solid #d9e5f1!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(12,41,77,.06)!important;overflow:hidden!important;transition:.2s ease!important}
#sonnywebs-crm-portal .swp-cards>div:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(12,41,77,.1)!important}
#sonnywebs-crm-portal .swp-cards>div:after{content:""!important;display:block!important;position:absolute!important;width:100px!important;height:100px!important;right:-35px!important;top:-35px!important;border-radius:50%!important;background:linear-gradient(145deg,#08bce81a,#d80aac10)!important}
#sonnywebs-crm-portal .swp-cards i{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;margin-bottom:16px!important;border-radius:13px!important;background:linear-gradient(145deg,#e3faff,#eaf0ff)!important;color:var(--blue)!important;font-style:normal!important;font-weight:900!important}
#sonnywebs-crm-portal .swp-cards strong{font-size:clamp(22px,2.3vw,31px)!important;letter-spacing:-.03em!important}#sonnywebs-crm-portal .swp-cards span{font-weight:800!important;color:#1c334e!important}#sonnywebs-crm-portal .swp-cards small{display:block!important;margin-top:4px!important;color:#8190a3!important;font-size:12px!important}
#sonnywebs-crm-portal .swp-panel{padding:26px!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(12,41,77,.055)!important}.swp-panel-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin-bottom:18px!important}.swp-panel-heading h3{margin:4px 0 0!important;font-size:24px!important}.swp-panel-heading a{color:var(--blue)!important;font-weight:800!important;text-decoration:none!important}
#sonnywebs-crm-portal .swp-table{border:1px solid #dce6f1!important;border-radius:15px!important;box-shadow:0 8px 24px rgba(9,36,69,.045)!important}#sonnywebs-crm-portal .swp-table th{padding:16px!important;background:linear-gradient(110deg,#061831,#0b2851)!important;font-size:13px!important;letter-spacing:.02em!important}#sonnywebs-crm-portal .swp-table td{padding:16px!important}#sonnywebs-crm-portal .swp-table tr:hover td{background:#f7fbff!important}
#sonnywebs-crm-portal .swp-empty-row td{padding:46px 20px!important;color:#73849a!important;text-align:center!important;font-weight:700!important;background:linear-gradient(145deg,#fff,#f6faff)!important}
#sonnywebs-crm-portal .swp-form input,#sonnywebs-crm-portal .swp-form select,#sonnywebs-crm-portal .swp-form textarea{min-height:52px!important;padding:14px 16px!important;border-color:#cedceb!important;border-radius:11px!important;background:#fbfdff!important;box-shadow:inset 0 1px 2px #07172f08!important}#sonnywebs-crm-portal .swp-form textarea{min-height:145px!important}#sonnywebs-crm-portal .swp-form input:focus,#sonnywebs-crm-portal .swp-form select:focus,#sonnywebs-crm-portal .swp-form textarea:focus{outline:3px solid #08bce822!important;border-color:var(--cyan)!important}#sonnywebs-crm-portal .swp-form button{min-height:50px!important;border-radius:11px!important;background:linear-gradient(95deg,var(--blue),#285fe6 55%,var(--pink))!important;font-weight:800!important}
#sonnywebs-crm-portal .swp-btn.small{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:58px!important;font-weight:800!important;background:linear-gradient(95deg,var(--blue),#285fe6)!important}
#sonnywebs-crm-portal .swp-thread{display:grid!important;gap:14px!important;margin-bottom:24px!important}#sonnywebs-crm-portal .swp-thread article{position:relative!important;margin:0!important;padding:20px 22px!important;border:1px solid #dce6f0!important;border-radius:6px 18px 18px 18px!important;box-shadow:0 8px 24px #0924450d!important}#sonnywebs-crm-portal .swp-thread article.client{margin-left:auto!important;border-radius:18px 6px 18px 18px!important;background:linear-gradient(145deg,#e8faff,#edf4ff)!important}#sonnywebs-crm-portal .swp-thread h4{margin:9px 0 4px!important}#sonnywebs-crm-portal .swp-thread p{margin:0!important;color:#41566f!important}
#sonnywebs-crm-portal .swp-status{padding:6px 11px!important;border-radius:999px!important;font-weight:800!important}.swp-ticket,.swp-file{border-bottom-color:#e3ebf3!important}
#sonnywebs-crm-portal .swp-foot{align-items:center!important;padding:20px 32px!important;background:#061831!important;border-radius:0 0 27px 27px!important;font-size:13px!important}#sonnywebs-crm-portal .swp-foot b{color:#fff!important}

.swp-login-shell{--navy:#061a36;--blue:#146cf0;--cyan:#08bce8;--pink:#d80aac;display:grid!important;grid-template-columns:1.08fr .92fr!important;width:min(1160px,calc(100% - 48px))!important;min-height:660px!important;margin:42px auto 70px!important;overflow:hidden!important;border:1px solid #d6e4f0!important;border-radius:28px!important;background:#fff!important;box-shadow:0 32px 90px rgba(5,26,55,.18)!important;font-family:Arial,sans-serif!important}
.swp-login-brand{position:relative!important;padding:52px!important;color:#fff!important;background:radial-gradient(circle at 85% 22%,#146cf055,transparent 28%),linear-gradient(140deg,#05162e,#0a2853)!important;overflow:hidden!important}.swp-login-brand:after{content:""!important;position:absolute!important;inset:0!important;background-image:linear-gradient(#08bce80c 1px,transparent 1px),linear-gradient(90deg,#08bce80c 1px,transparent 1px)!important;background-size:34px 34px!important;pointer-events:none!important}.swp-login-brand>*{position:relative!important;z-index:1!important}.swp-login-brand img{display:block!important;width:min(330px,78%)!important;height:auto!important;margin:0 0 58px!important}.swp-login-brand>small,.swp-login-card>small{font-weight:900!important;letter-spacing:.17em!important;color:#60d9fa!important}.swp-login-brand h1{margin:12px 0 20px!important;color:#fff!important;font-size:clamp(38px,5vw,64px)!important;line-height:1.02!important;letter-spacing:-.05em!important}.swp-login-brand h1 em{color:#16c6e9!important;font-style:normal!important}.swp-login-brand>p{max-width:540px!important;color:#bdcde0!important;font-size:17px!important;line-height:1.7!important}.swp-login-brand ul{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:32px 0!important;padding:0!important;list-style:none!important}.swp-login-brand li{padding:14px!important;border:1px solid #29496b!important;border-radius:12px!important;background:#ffffff08!important}.swp-login-brand li b,.swp-login-brand li span{display:block!important}.swp-login-brand li b{font-size:13px!important}.swp-login-brand li span{margin-top:5px!important;color:#9fb4cc!important;font-size:11px!important;line-height:1.4!important}.swp-login-proof{display:grid!important;grid-template-columns:auto 1fr auto 1fr!important;gap:7px 10px!important;align-items:center!important;padding-top:22px!important;border-top:1px solid #29496b!important}.swp-login-proof b{font-size:25px!important}.swp-login-proof span{color:#a8bad0!important;font-size:12px!important}
.swp-login-card{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:58px!important;background:linear-gradient(145deg,#fff,#f8fbff)!important}.swp-login-card>small{color:var(--blue)!important}.swp-login-card h2{margin:10px 0 7px!important;color:var(--navy)!important;font-size:38px!important;letter-spacing:-.04em!important}.swp-login-card>p{margin:0 0 28px!important;color:#687a90!important;line-height:1.6!important}.swp-login-card form p{margin:0 0 18px!important}.swp-login-card label{display:block!important;margin-bottom:7px!important;color:#1a304b!important;font-weight:800!important}.swp-login-card input[type=text],.swp-login-card input[type=password]{width:100%!important;min-height:56px!important;padding:14px 16px!important;border:1px solid #cbd9e7!important;border-radius:11px!important;background:#fff!important;font-size:16px!important}.swp-login-card .login-remember label{display:flex!important;align-items:center!important;gap:10px!important;font-weight:600!important}.swp-login-card .login-remember input{width:19px!important;height:19px!important;margin:0!important}.swp-login-card .button{width:100%!important;min-height:54px!important;border:0!important;border-radius:11px!important;background:linear-gradient(95deg,var(--blue),#285fe6 55%,var(--pink))!important;color:#fff!important;font-size:16px!important;font-weight:900!important;box-shadow:0 14px 28px #1769e027!important}.swp-login-help{display:flex!important;justify-content:space-between!important;gap:15px!important;margin-top:3px!important;font-size:13px!important}.swp-login-help a{color:var(--blue)!important;font-weight:800!important}.swp-secure-note{margin-top:34px!important;padding-top:20px!important;border-top:1px solid #dfe7ef!important;color:#8796a8!important;font-size:12px!important;text-align:center!important}

@media(max-width:900px){.swcrm-client-portal-page .swcrm-portal-canvas{padding:22px 0 50px!important}#sonnywebs-crm-portal.swp-shell{width:calc(100% - 24px)!important;margin:0 auto!important;border-radius:20px!important}#sonnywebs-crm-portal .swp-head{align-items:flex-start!important;padding:28px!important}#sonnywebs-crm-portal .swp-head-actions{justify-content:flex-start!important;text-align:left!important}#sonnywebs-crm-portal .swp-nav{display:flex!important;gap:7px!important;overflow-x:auto!important;padding:9px 12px!important;scroll-snap-type:x proximity!important}#sonnywebs-crm-portal .swp-nav a{flex:0 0 auto!important;min-height:0!important;padding:9px 11px!important;white-space:nowrap!important;scroll-snap-align:start!important}#sonnywebs-crm-portal .swp-main{padding:28px!important}.swp-page-title{align-items:flex-start!important;flex-direction:column!important}.swp-login-shell{grid-template-columns:1fr!important;width:calc(100% - 28px)!important;margin:24px auto 48px!important}.swp-login-brand{padding:36px!important}.swp-login-brand img{margin-bottom:34px!important}.swp-login-brand ul{grid-template-columns:1fr!important}.swp-login-card{padding:40px!important}}
@media(max-width:600px){#sonnywebs-crm-portal.swp-shell{width:calc(100% - 16px)!important;border-radius:16px!important}#sonnywebs-crm-portal .swp-head{gap:22px!important;padding:24px 20px!important;text-align:left!important}#sonnywebs-crm-portal .swp-head-copy,#sonnywebs-crm-portal .swp-head>div{width:100%!important;text-align:left!important}#sonnywebs-crm-portal .swp-head-actions{display:grid!important;grid-template-columns:1fr auto!important;width:100%!important}#sonnywebs-crm-portal .swp-account-live{display:none!important}.swp-signout{text-align:right!important}#sonnywebs-crm-portal .swp-nav-icon{display:none!important}#sonnywebs-crm-portal .swp-main{padding:24px 14px!important}#sonnywebs-crm-portal .swp-cards{grid-template-columns:1fr!important}#sonnywebs-crm-portal .swp-cards>div{min-height:145px!important}#sonnywebs-crm-portal .swp-two{grid-template-columns:1fr!important}#sonnywebs-crm-portal .swp-panel{padding:20px!important}.swp-panel-heading{align-items:flex-start!important;flex-direction:column!important}#sonnywebs-crm-portal .swp-table td{align-items:flex-start!important}#sonnywebs-crm-portal .swp-foot{align-items:flex-start!important;flex-direction:column!important;border-radius:0 0 15px 15px!important}.swp-login-shell{width:calc(100% - 16px)!important;border-radius:18px!important}.swp-login-brand{padding:30px 24px!important}.swp-login-brand img{width:270px!important;max-width:86%!important}.swp-login-brand h1{font-size:40px!important}.swp-login-brand>p{font-size:15px!important}.swp-login-proof{grid-template-columns:auto 1fr!important}.swp-login-card{padding:36px 24px!important}.swp-login-card h2{font-size:32px!important}.swp-login-help{align-items:flex-start!important;flex-direction:column!important}}