:root {
    --sra-red: #b80f1b;
    --sra-red-dark: #8f0710;
    --sra-orange: #ef7d12;
    --sra-cream: #fff9f3;
    --sra-bg: #f7f4f1;
    --sra-text: #1f2937;
    --sra-muted: #667085;
    --sra-border: #eadfd6;
    --sra-green: #168a4b;
    --sra-blue: #1f6690;
    --sra-shadow: 0 10px 30px rgba(123, 28, 19, .09);
}

.sra-app,
.sra-app * { box-sizing: border-box; }

.sra-app {
    max-width: 1180px;
    margin: 22px auto;
    background: var(--sra-bg);
    color: var(--sra-text);
    border-radius: 32px;
    overflow: hidden;
    box-shadow: var(--sra-shadow);
    font-family: Tahoma, Arial, sans-serif;
}

.sra-hero {
    position: relative;
    min-height: 190px;
    padding: 34px 38px;
    display: flex;
    align-items: center;
    gap: 20px;
    color: #fff;
    background:
        radial-gradient(circle at 15% 15%, rgba(255,255,255,.12), transparent 28%),
        linear-gradient(120deg, #9d0712 0%, #cf1d1e 54%, #ef8c16 100%);
}

.sra-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 58px;
    opacity: .17;
    background: repeating-linear-gradient(15deg, transparent 0 24px, rgba(255,255,255,.4) 25px 27px);
}

.sra-brand-icon {
    position: relative;
    z-index: 1;
    width: 92px;
    height: 92px;
    border-radius: 30px;
    display: grid;
    place-items: center;
    font-size: 48px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.28);
    box-shadow: inset 0 0 28px rgba(255,255,255,.07);
}

.sra-brand-copy { position: relative; z-index: 1; }
.sra-brand-copy h1 { margin: 0 0 9px; color: #fff; font-size: clamp(27px, 4vw, 44px); font-weight: 800; }
.sra-brand-copy p { margin: 0 0 12px; font-size: 17px; opacity: .95; }
.sra-brand-copy small { display: inline-flex; padding: 7px 12px; border-radius: 99px; background: rgba(255,255,255,.13); }

.sra-tabs {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: thin;
    padding: 10px 12px 0;
    background: #fff;
    border-bottom: 1px solid var(--sra-border);
    position: sticky;
    top: 0;
    z-index: 20;
}

.sra-tab {
    flex: 1 0 125px;
    border: 0;
    background: transparent;
    color: #5b6472;
    padding: 13px 12px 14px;
    cursor: pointer;
    border-bottom: 4px solid transparent;
    font: inherit;
    font-weight: 700;
}
.sra-tab span { margin-left: 6px; }
.sra-tab:hover { color: var(--sra-red); }
.sra-tab.is-active { color: var(--sra-red); border-bottom-color: var(--sra-red); }

.sra-main { padding: 24px; min-height: 560px; }
.sra-view { display: none; }
.sra-view.is-active { display: block; animation: sraFade .24s ease; }
@keyframes sraFade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

.sra-section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2px 0 18px;
}
.sra-section-title > div { display: flex; align-items: center; gap: 10px; }
.sra-section-title h2 { margin: 0; font-size: 25px; color: var(--sra-red-dark); }
.sra-title-icon { width: 48px; height: 48px; border-radius: 17px; display: grid; place-items: center; background: #fff1df; font-size: 25px; border: 1px solid #f0d9c1; }
.sra-icon-button { width: 42px; height: 42px; border-radius: 14px; background: #fff; border: 1px solid var(--sra-border); font-size: 24px; cursor: pointer; color: var(--sra-red); }

.sra-card {
    background: #fff;
    border: 1px solid var(--sra-border);
    border-radius: 25px;
    padding: 22px;
    margin-bottom: 18px;
    box-shadow: 0 8px 24px rgba(72, 50, 34, .045);
}
.sra-card h3 { margin: 0 0 17px; color: var(--sra-red-dark); }
.sra-card h4 { margin: 0 0 12px; }

.sra-kpi-grid,
.sra-forecast-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.sra-kpi,
.sra-forecast-card {
    position: relative;
    min-height: 138px;
    padding: 20px;
    border-radius: 23px;
    background: #fff;
    border: 1px solid var(--sra-border);
    box-shadow: 0 8px 20px rgba(55, 38, 24, .055);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sra-kpi > span,
.sra-forecast-card > span { font-size: 28px; margin-bottom: 12px; }
.sra-kpi small,
.sra-forecast-card small { color: var(--sra-muted); font-size: 14px; }
.sra-kpi strong,
.sra-forecast-card strong { display: block; margin-top: 6px; font-size: 27px; color: var(--sra-red-dark); direction: ltr; text-align: right; }
.sra-kpi-wide { grid-column: span 2; }

.sra-forecast-card.red { border-right: 6px solid var(--sra-red); background: #fff7f7; }
.sra-forecast-card.green { border-right: 6px solid var(--sra-green); background: #f4fcf7; }
.sra-forecast-card.orange { border-right: 6px solid var(--sra-orange); background: #fff9f2; }
.sra-forecast-card.blue { border-right: 6px solid var(--sra-blue); background: #f5faff; }
.sra-forecast-card.green strong { color: var(--sra-green); }
.sra-forecast-card.orange strong { color: #c45e02; }
.sra-forecast-card.blue strong { color: var(--sra-blue); }

.sra-quick-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin-top: 18px;
}
.sra-quick-actions button {
    border: 1px solid #f1cbb2;
    background: #fff9f3;
    color: var(--sra-red-dark);
    padding: 15px;
    border-radius: 17px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.sra-quick-actions button:hover { background: #fff0e4; }

.sra-form label { display: block; color: #4a5565; font-size: 14px; font-weight: 700; }
.sra-form input,
.sra-form select,
.sra-form textarea,
.sra-inline-form input,
.sra-list-tools input,
.sra-import-card input[type=file] {
    width: 100%;
    margin-top: 7px;
    border: 1px solid #d9dfe7;
    border-radius: 14px;
    min-height: 48px;
    padding: 10px 13px;
    background: #fff;
    color: var(--sra-text);
    font: inherit;
    outline: none;
}
.sra-form textarea { min-height: 76px; resize: vertical; }
.sra-form input:focus,
.sra-form select:focus,
.sra-form textarea:focus,
.sra-inline-form input:focus,
.sra-list-tools input:focus { border-color: var(--sra-orange); box-shadow: 0 0 0 3px rgba(239,125,18,.12); }

.sra-fields { display: grid; gap: 14px; margin-bottom: 15px; }
.sra-fields.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sra-fields.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sra-fields.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sra-fields.five { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.sra-location-box,
.sra-pricing-box {
    border: 1px solid #f0dfd1;
    background: var(--sra-cream);
    border-radius: 20px;
    padding: 16px;
    margin: 16px 0;
}
.sra-location-box > div:first-child { display: flex; flex-direction: column; gap: 4px; margin-bottom: 13px; }
.sra-location-box small { color: var(--sra-muted); }

.sra-button-row { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.sra-btn {
    border: 0;
    border-radius: 14px;
    min-height: 45px;
    padding: 11px 17px;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    transition: .18s ease;
}
.sra-btn:hover { transform: translateY(-1px); filter: brightness(.98); }
.sra-btn.primary { background: linear-gradient(135deg, var(--sra-red), #d82128); color: #fff; }
.sra-btn.secondary { background: #f5eee8; color: var(--sra-red-dark); }
.sra-btn.orange { background: linear-gradient(135deg, #ef7d12, #f59b1b); color: #fff; }
.sra-btn.outline { background: #fff; color: var(--sra-red-dark); border: 1px solid #e2b9a7; }
.sra-btn.wide { width: 100%; }
.sra-btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }

.sra-segmented { display: flex; gap: 9px; margin-bottom: 15px; }
.sra-segmented label { flex: 1; cursor: pointer; }
.sra-segmented input { display: none; }
.sra-segmented span { display: block; text-align: center; border: 1px solid #dfc9bc; background: #fff; padding: 11px; border-radius: 13px; color: #6a4c3f; }
.sra-segmented input:checked + span { background: var(--sra-red); color: #fff; border-color: var(--sra-red); }

.sra-price-preview,
.sra-invoice-total {
    padding: 15px;
    border-radius: 15px;
    background: #fff;
    border: 1px dashed #dfb9a1;
    color: #67493c;
    margin-top: 8px;
}
.sra-price-preview strong,
.sra-invoice-total strong { color: var(--sra-red); font-size: 22px; margin-right: 6px; }

.sra-import-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .9fr); gap: 15px; align-items: center; }
.sra-import-card p { margin: 4px 0 0; color: var(--sra-muted); }
.sra-import-card form { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: end; }
.sra-import-card details { grid-column: 1 / -1; color: #6d584e; }
.sra-import-card summary { cursor: pointer; color: var(--sra-red); font-weight: 800; }

.sra-list-tools { margin: 16px 0 11px; }
.sra-list { display: grid; gap: 11px; }
.sra-list-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px;
    border-radius: 19px;
    border: 1px solid var(--sra-border);
    background: #fff;
}
.sra-list-item h4 { margin: 0 0 5px; color: #2d3643; }
.sra-list-item p { margin: 0; color: var(--sra-muted); font-size: 13px; }
.sra-list-item .sra-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px; }
.sra-chip { display: inline-flex; padding: 5px 9px; border-radius: 99px; background: #f7eee8; color: #814126; font-size: 12px; }
.sra-list-actions { display: flex; flex-wrap: wrap; gap: 7px; justify-content: flex-end; }
.sra-mini-btn { border: 1px solid #e8d3c5; background: #fff8f3; color: var(--sra-red-dark); border-radius: 11px; padding: 8px 10px; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; text-decoration: none; }
.sra-empty { padding: 36px 18px; text-align: center; color: var(--sra-muted); background: rgba(255,255,255,.55); border-radius: 20px; border: 1px dashed #dccdbf; }

.sra-sale-items { display: grid; gap: 10px; margin: 13px 0; }
.sra-sale-row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(110px, .6fr) auto; gap: 9px; align-items: end; padding: 12px; background: #fff9f5; border: 1px solid #efd9cb; border-radius: 16px; }
.sra-sale-row select,
.sra-sale-row input { width: 100%; min-height: 45px; border: 1px solid #d8dfe8; border-radius: 12px; padding: 8px 10px; font: inherit; background: #fff; }
.sra-remove-row { width: 42px; height: 42px; border: 0; border-radius: 12px; background: #ffe5e5; color: #a71313; cursor: pointer; font-size: 18px; }
.sra-line-price { grid-column: 1 / -1; color: #715b50; font-size: 13px; }

.sra-inline-form { display: grid; grid-template-columns: 1fr auto; gap: 9px; max-width: 520px; }
.sra-checkbox { display: flex !important; align-items: center; gap: 9px; min-height: 48px; margin-top: 24px; }
.sra-checkbox input { width: 20px; min-height: auto; margin: 0; }
.sra-muted { color: var(--sra-muted); line-height: 1.8; }
.sra-subtitle { margin: 22px 0 10px; color: var(--sra-red-dark); }

.sra-notice { margin-bottom: 15px; padding: 13px 15px; border-radius: 14px; background: #f5f7fa; border: 1px solid #d8dee7; }
.sra-notice.success { background: #edf9f1; border-color: #bfe5cc; color: #126735; }
.sra-notice.error { background: #fff0f0; border-color: #f1bfc1; color: #9e161c; }
.sra-loading { opacity: .6; pointer-events: none; }

.sra-login { max-width: 540px; margin: 50px auto; text-align: center; padding: 38px; border-radius: 28px; background: linear-gradient(135deg, #aa0c16, #ec8515); color: #fff; box-shadow: var(--sra-shadow); }
.sra-login-icon { font-size: 60px; }
.sra-login h2 { color: #fff; }
.sra-login a { display: inline-block; margin-top: 12px; padding: 12px 28px; border-radius: 99px; background: #fff; color: var(--sra-red); text-decoration: none; font-weight: 800; }

@media (max-width: 900px) {
    .sra-app { margin: 0; border-radius: 0; }
    .sra-main { padding: 16px; }
    .sra-kpi-grid,
    .sra-forecast-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sra-quick-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sra-fields.four,
    .sra-fields.five { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sra-import-card { grid-template-columns: 1fr; }
    .sra-import-card form { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .sra-hero { min-height: 160px; padding: 24px 18px; }
    .sra-brand-icon { width: 70px; height: 70px; border-radius: 22px; font-size: 38px; }
    .sra-brand-copy p { font-size: 14px; }
    .sra-tab { flex-basis: 105px; padding: 12px 8px; font-size: 13px; }
    .sra-fields.two,
    .sra-fields.three,
    .sra-fields.four,
    .sra-fields.five { grid-template-columns: 1fr; }
    .sra-card { padding: 16px; border-radius: 20px; }
    .sra-kpi,
    .sra-forecast-card { min-height: 125px; padding: 15px; }
    .sra-kpi strong,
    .sra-forecast-card strong { font-size: 22px; }
    .sra-list-item { grid-template-columns: 1fr; }
    .sra-list-actions { justify-content: flex-start; }
    .sra-sale-row { grid-template-columns: 1fr 100px auto; }
    .sra-inline-form { grid-template-columns: 1fr; }
    .sra-import-card form { display: block; }
    .sra-import-card button { width: 100%; margin-top: 9px; }
}

/* Account and customer helper additions */
.sra-account-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font-size:12px}.sra-account-bar span,.sra-account-bar a{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.15);color:#fff;text-decoration:none}.sra-account-bar a{background:#fff;color:var(--sra-red-dark);font-weight:800}.sra-customer-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:end;margin-top:15px}.sra-customer-tools .sra-list-tools{margin:0}.sra-privacy-note{font-size:12px;color:var(--sra-muted);margin:9px 2px 14px}.sra-address{margin-top:5px!important}.sra-chip.distance{background:#eef8ff;color:#155f87}.sra-mini-btn.primary{background:var(--sra-red);color:#fff;border-color:var(--sra-red)}

/* Lightweight activation and login screen */
.sra-auth,.sra-auth *{box-sizing:border-box}.sra-auth{position:relative;max-width:520px;margin:20px auto;padding:28px 22px 24px;overflow:hidden;border-radius:30px;color:#2c3138;background:linear-gradient(180deg,#fffaf4 0%,#fff1e3 56%,#df2a24 100%);box-shadow:0 18px 45px rgba(125,23,15,.16);font-family:Tahoma,Arial,sans-serif;text-align:center}.sra-auth:before,.sra-auth:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.sra-auth:before{width:220px;height:220px;left:-120px;top:180px;background:rgba(244,135,37,.12)}.sra-auth:after{width:250px;height:250px;right:-150px;bottom:130px;background:rgba(255,255,255,.1)}.sra-auth> *{position:relative;z-index:1}.sra-auth-top{margin-bottom:18px}.sra-auth-bird{width:84px;height:84px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;font-size:48px;background:linear-gradient(145deg,#ffe49c,#f6a522);box-shadow:0 10px 22px rgba(205,73,22,.18)}.sra-auth h1{margin:0;color:#a40d16;font-size:clamp(29px,7vw,42px);line-height:1.25}.sra-auth-top p{margin:8px 0 0;color:#4c535c}.sra-auth-alert{display:grid;gap:4px;margin:0 0 14px;padding:12px;border-radius:15px;background:#fff0f0;border:1px solid #f0bfc1;color:#94141a}.sra-auth-alert span{font-size:13px}.sra-device-card{position:relative;margin:0 auto 14px;padding:25px 18px 18px;border-radius:24px;background:rgba(255,255,255,.9);border:1px solid rgba(221,166,126,.5);box-shadow:0 10px 25px rgba(114,60,24,.09)}.sra-device-shield{position:absolute;top:-18px;right:calc(50% - 22px);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e32125,#f27622);color:#fff;font-weight:900;border:4px solid #fff}.sra-device-card p{margin:6px 0;color:#303741;line-height:1.65}.sra-device-card p strong{color:#b10f18}.sra-device-code{direction:ltr;font-size:48px;font-weight:900;letter-spacing:9px;color:#e83f1d;line-height:1.15}.sra-device-card small{color:#8a7d75}.sra-auth-form{display:grid;gap:10px;margin-top:11px}.sra-auth-input{display:flex;align-items:center;gap:8px;min-height:56px;padding:0 15px;border-radius:17px;background:#fff;border:1px solid #e9cdbc;box-shadow:0 6px 15px rgba(98,50,20,.04)}.sra-auth-input span{font-size:19px}.sra-auth-input input{flex:1;width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:16px;text-align:right;color:#222;min-height:52px}.sra-auth-button{min-height:54px;border:0;border-radius:17px;font:inherit;font-size:17px;font-weight:900;cursor:pointer;transition:.18s ease}.sra-auth-button:disabled{opacity:.55;cursor:wait}.sra-auth-button.primary{color:#fff;background:linear-gradient(135deg,#b90e19,#f14a20);box-shadow:0 9px 18px rgba(185,14,25,.19)}.sra-auth-button.secondary{color:#951018;background:#fff;border:1px solid #e7b8a2}.sra-login-details{margin-top:12px;border-radius:17px;background:rgba(255,255,255,.75);border:1px solid rgba(224,163,126,.55);padding:0 13px 13px}.sra-login-details summary{padding:14px 4px;cursor:pointer;color:#8f151a;font-weight:800}.sra-remember{display:flex;align-items:center;gap:7px;font-size:13px;color:#5d636b;text-align:right}.sra-remember input{width:17px;height:17px}.sra-subscription-note{margin-top:14px;padding:12px;border-radius:15px;background:rgba(255,255,255,.84);color:#5b4037;font-size:13px;line-height:1.7}.sra-whatsapp{display:block;margin-top:15px;color:#fff;text-decoration:none;line-height:1.7}.sra-whatsapp strong{display:inline-block;direction:ltr;font-size:27px;letter-spacing:1px}.sra-auth-logout{display:inline-block;margin-top:12px;color:#981119;font-weight:800}.sra-auth-notice{padding:11px 13px;margin:10px 0;border-radius:13px;font-size:14px}.sra-auth-notice.error{background:#fff0f0;color:#97171d;border:1px solid #efbdc0}.sra-auth-notice.success{background:#eaf8ef;color:#116837;border:1px solid #b9dfc6}

@media(max-width:600px){.sra-auth{margin:0 auto;border-radius:0;min-height:100vh;padding:24px 17px}.sra-device-code{font-size:43px}.sra-customer-tools{grid-template-columns:1fr}.sra-customer-tools .sra-btn{width:100%}.sra-account-bar{font-size:11px}}

/* Customer statement and lightweight export UI */
.sra-modal[hidden]{display:none!important}.sra-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px}.sra-modal-backdrop{position:absolute;inset:0;background:rgba(23,18,15,.62);backdrop-filter:blur(3px)}.sra-modal-card{position:relative;z-index:1;width:min(980px,100%);max-height:92vh;overflow:auto;background:#fffaf6;border:1px solid #ead8ca;border-radius:24px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.sra-modal-card h2{margin:0 0 16px;color:var(--sra-red-dark)}.sra-modal-close{position:absolute;left:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#fff0eb;color:#a7131b;font-size:25px;cursor:pointer}.sra-modal-open{overflow:hidden}.sra-statement-content{margin-top:16px}.sra-statement-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.sra-statement-summary>div{padding:13px;border-radius:14px;background:#fff;border:1px solid #ead9cc}.sra-statement-summary small{display:block;color:var(--sra-muted);margin-bottom:5px}.sra-statement-summary strong{color:var(--sra-red-dark);font-size:17px}.sra-statement-table-wrap{overflow:auto;border:1px solid #ead9cc;border-radius:14px;background:#fff}.sra-statement-table{width:100%;border-collapse:collapse;min-width:780px}.sra-statement-table th,.sra-statement-table td{padding:10px;border-bottom:1px solid #eee5df;text-align:right;white-space:nowrap;font-size:13px}.sra-statement-table th{background:var(--sra-red-dark);color:#fff}.sra-statement-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.sra-statement-actions[hidden]{display:none}.sra-btn.whatsapp{background:#159447;color:#fff;border-color:#159447}.sra-quick-actions button#sra-export-my-data{background:#fff8ed;color:#8e3f10;border:1px solid #f1c899}
@media(max-width:700px){.sra-modal{padding:0}.sra-modal-card{height:100vh;max-height:none;border-radius:0;padding:17px}.sra-statement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sra-statement-actions .sra-btn{flex:1 1 100%}}

/* Offline/PWA synchronization */
.sra-sync-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:9px;padding:9px 16px;background:#effaf3;border-bottom:1px solid #bfe2ca;color:#195b34;font-size:12px}.sra-sync-bar.is-offline{background:#fff4dc;border-color:#efcf85;color:#7b5313}.sra-sync-bar.has-pending{background:#fff7e9}.sra-network-dot{width:10px;height:10px;border-radius:50%;background:#1f9d54;box-shadow:0 0 0 4px rgba(31,157,84,.12)}.sra-network-dot.offline{background:#dc8b16;box-shadow:0 0 0 4px rgba(220,139,22,.14)}.sra-sync-bar #sra-pending-text{margin-inline-start:auto}.sra-sync-button{border:1px solid currentColor;border-radius:999px;background:#fff;padding:5px 10px;color:inherit;font:inherit;font-weight:800;cursor:pointer}.sra-sync-button:disabled{opacity:.5;cursor:not-allowed}.sra-notice.pending{background:#fff7e4;border-color:#e8ca80;color:#74500e}.sra-chip.success{background:#e8f7ed;color:#176b38}.sra-chip.danger{background:#ffeded;color:#a01b22}.sra-chip.pending{background:#fff3db;color:#81530d}

/* Stock transfer documents and account cards */
.sra-info-card{background:linear-gradient(135deg,#fff8ee,#fff);border-right:5px solid #ee8616}.sra-company-account-lines{padding:12px;border-radius:14px;background:#fff;border:1px dashed #dfc3af;line-height:1.9;margin-bottom:12px}.sra-button-align{display:flex;align-items:end}.sra-button-align .sra-btn{width:100%}

/* Invoice rows with batch and free-sample support */
.sra-sale-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1.4fr) minmax(90px,.55fr) minmax(150px,.8fr) auto}.sra-sample-checkbox{margin-top:0!important;min-height:45px!important;padding:8px 10px;border:1px solid #ead3c6;border-radius:12px;background:#fff}.sra-batch-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}

@media(max-width:700px){.sra-sync-bar{flex-wrap:wrap}.sra-sync-bar #sra-pending-text{margin-inline-start:0;flex:1}.sra-sale-row{grid-template-columns:1fr}.sra-remove-row{justify-self:start}.sra-line-price{grid-column:1}.sra-sample-checkbox{margin-top:0!important}}
.sra-mini-btn.danger{background:#fff0f0;border-color:#efb7b7;color:#a61d24}.sra-error-text{color:#a61d24;font-weight:700;margin:.35rem 0 0}.sra-sync-bar.is-syncing{opacity:.88}.sra-sync-bar.is-syncing .sra-network-dot{animation:sraPulse 1s infinite alternate}@keyframes sraPulse{to{transform:scale(1.35);opacity:.55}}

/* Subscription cards - v1.5 */
.sra-auth-pricing{margin-top:14px;padding:14px;border-radius:18px;background:rgba(255,255,255,.9);border:1px solid rgba(224,163,126,.55);color:#353b43}.sra-auth-pricing h2{margin:0 0 11px;color:#981119;font-size:19px}.sra-auth-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sra-auth-plan{display:grid;gap:4px;padding:11px 8px;border:1px solid #ebd2c2;border-radius:14px;background:#fff}.sra-auth-plan strong{color:#9d1119;font-size:15px}.sra-auth-plan span{font-size:20px;font-weight:900;color:#e2451f}.sra-auth-plan small{color:#777;font-size:11px}.sra-auth-plan.is-free{background:linear-gradient(145deg,#edf9f0,#fff);border-color:#b7dfc1}.sra-auth-plan.is-free strong,.sra-auth-plan.is-free span{color:#14733b}.sra-auth-pricing>p{margin:10px 0 0;color:#665b54;font-size:12px;line-height:1.6}
@media(max-width:380px){.sra-auth-plans{grid-template-columns:1fr 1fr}.sra-auth-plan{padding:9px 5px}.sra-auth-plan span{font-size:17px}}

/* Credit, collections and referral workflow - v1.6 */
.sra-collection-kpis,.sra-customer-finance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 16px}.sra-collection-kpis article,.sra-customer-finance-grid article{min-width:0;padding:14px;border:1px solid #ead9cc;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(90,40,20,.04)}.sra-collection-kpis small,.sra-customer-finance-grid small{display:block;color:var(--sra-muted);margin-bottom:6px}.sra-collection-kpis strong,.sra-customer-finance-grid strong{display:block;color:var(--sra-red-dark);font-size:18px;word-break:break-word}.sra-customer-finance-grid span{display:block;margin-top:5px;color:var(--sra-muted);font-size:12px}.sra-collection-kpis article.pending,.sra-customer-finance-grid article.pending{background:#fff8e7;border-color:#edcc79}.sra-collection-kpis article.danger,.sra-customer-finance-grid article.danger{background:#fff0f0;border-color:#efbfc2}.sra-cheque-fields{margin:4px 0 15px;padding:14px;border:1px dashed #d99f72;border-radius:16px;background:#fff9f2}.sra-cheque-fields[hidden]{display:none}.sra-customer-detail-card{width:min(1050px,100%)}.sra-credit-terms{padding:12px 14px;margin:12px 0;border-radius:14px;background:#fff3e9;color:#654638}.sra-pending-cheques{padding:13px;border:1px solid #efd1a3;border-radius:15px;background:#fffaf0}.sra-pending-cheques h3{margin:0 0 8px;color:#8a520c}.sra-pending-cheques>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f0e0c5}.sra-pending-cheques>div:last-child{border-bottom:0}.sra-credit-doc-form{margin-top:16px;background:#fff}.sra-referral-card{text-align:center;background:linear-gradient(145deg,#fff8ee,#fff)}.sra-referral-code{display:inline-block;direction:ltr;margin:12px 0 16px;padding:12px 22px;border:2px dashed #dc6f2c;border-radius:16px;background:#fff;font-size:30px;font-weight:900;letter-spacing:5px;color:var(--sra-red-dark)}.sra-referral-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.sra-referral-rules span{padding:12px;border-radius:14px;background:#fff3e9;color:#6d3d24;border:1px solid #efd2bf}.sra-form label small{display:block;margin-top:5px;color:var(--sra-muted);font-weight:400;line-height:1.5}

@media(max-width:900px){.sra-collection-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sra-customer-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sra-main{padding:12px}.sra-hero{padding:20px 14px}.sra-tabs{scroll-snap-type:x proximity}.sra-tab{scroll-snap-align:start;flex-basis:92px;min-width:92px}.sra-collection-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sra-collection-kpis article{padding:11px}.sra-collection-kpis strong{font-size:15px}.sra-customer-finance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sra-customer-finance-grid article{padding:11px}.sra-customer-finance-grid strong{font-size:15px}.sra-referral-rules{grid-template-columns:1fr}.sra-referral-code{font-size:25px;letter-spacing:3px}.sra-pending-cheques>div{align-items:flex-start;flex-direction:column}.sra-button-row .sra-btn{flex:1 1 100%}.sra-list-actions .sra-mini-btn{flex:1 1 auto;text-align:center}.sra-modal-card{padding:15px}.sra-credit-doc-form{padding:13px}}
@media(max-width:420px){
    .sra-customer-finance-grid{grid-template-columns:1fr}
    .sra-customer-finance-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}
    .sra-customer-finance-grid article small{margin:0}
    .sra-customer-finance-grid article span{grid-column:1/-1}
    .sra-collection-kpis{grid-template-columns:1fr 1fr}
    .sra-collection-kpis article{min-height:86px}
}

/* Personal workflow, debt aging, returns and daily review - v1.7 */
.sra-assistant-kpis,.sra-aging-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.sra-assistant-kpis article,.sra-aging-grid article{min-width:0;padding:15px;border:1px solid var(--sra-border);border-radius:17px;background:#fff;box-shadow:0 5px 16px rgba(83,45,25,.045)}.sra-assistant-kpis small,.sra-aging-grid small{display:block;color:var(--sra-muted);line-height:1.5;margin-bottom:6px}.sra-assistant-kpis strong,.sra-aging-grid strong{display:block;color:var(--sra-red-dark);font-size:18px;direction:ltr;text-align:right;word-break:break-word}.sra-assistant-kpis article.warning,.sra-aging-grid article.warning{background:#fff8e9;border-color:#ebcf8b}.sra-assistant-kpis article.danger,.sra-aging-grid article.danger{background:#fff1f1;border-color:#ecc0c3}.sra-alert-list{display:grid;gap:9px}.sra-alert{display:grid;gap:4px;padding:13px 15px;border-radius:15px;border-right:5px solid var(--sra-blue);background:#f4f9fd}.sra-alert strong{color:#2d3643}.sra-alert span{color:var(--sra-muted);font-size:13px}.sra-alert.danger{background:#fff0f0;border-right-color:#c72b32}.sra-alert.warning{background:#fff8e7;border-right-color:#db8a15}.sra-alert.success{background:#edf9f1;border-right-color:#168a4b}.sra-alert.info{background:#f1f8fc;border-right-color:#1f6690}.sra-aging-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sra-workflow-panel>summary{cursor:pointer;list-style:none;font-size:18px;font-weight:900;color:var(--sra-red-dark);padding:3px 0 14px}.sra-workflow-panel>summary::-webkit-details-marker{display:none}.sra-workflow-panel>summary::after{content:'⌄';float:left;color:var(--sra-orange);font-size:24px}.sra-workflow-panel[open]>summary::after{transform:rotate(180deg)}.sra-close-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}.sra-close-grid article{min-width:0;padding:13px;border:1px solid var(--sra-border);border-radius:16px;background:#fff9f5}.sra-close-grid article>strong{display:block;color:var(--sra-red-dark);margin-bottom:5px}.sra-close-grid article>small{display:block;color:var(--sra-muted);line-height:1.5}.sra-close-grid input{min-height:43px}.sra-close-grid [data-difference].is-negative{color:#a61d24;font-weight:900}.sra-close-grid [data-difference].is-positive{color:#16703b;font-weight:900}.sra-close-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:14px 16px;border-radius:15px;background:#fff1e5;color:#683c28}.sra-close-total strong{color:var(--sra-red-dark);font-size:20px}.sra-sale-return-card{width:min(1040px,100%)}.sra-sale-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:8px 0 16px}.sra-sale-summary-grid article{min-width:0;padding:12px;border:1px solid var(--sra-border);border-radius:14px;background:#fff}.sra-sale-summary-grid small{display:block;color:var(--sra-muted);margin-bottom:5px}.sra-sale-summary-grid strong{display:block;color:var(--sra-red-dark);word-break:break-word}.sra-return-items{display:grid;gap:9px;margin-bottom:13px}.sra-return-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.35fr);gap:12px;align-items:center;padding:13px;border:1px solid var(--sra-border);border-radius:15px;background:#fff}.sra-return-row strong,.sra-return-row small{display:block}.sra-return-row small{color:var(--sra-muted);margin-top:4px;line-height:1.55}.sra-return-row label{margin:0}.sra-cancel-sale-box{margin-top:20px;padding:16px;border:1px solid #efb6ba;border-radius:18px;background:#fff2f2}.sra-cancel-sale-box[hidden]{display:none}.sra-cancel-sale-box h3{color:#a31b23;margin:0 0 7px}.sra-btn.danger{background:#b82028;color:#fff}.sra-subtitle{color:var(--sra-red-dark);margin:18px 0 10px}.sra-customer-code{font-size:12px;color:var(--sra-muted)}

@media(max-width:900px){.sra-assistant-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sra-aging-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sra-close-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sra-sale-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sra-app{margin:0 auto;border-radius:0;box-shadow:none;min-height:100vh}.sra-hero{min-height:142px}.sra-brand-icon{width:68px;height:68px;border-radius:22px;font-size:36px}.sra-brand-copy p{font-size:14px}.sra-section-title h2{font-size:21px}.sra-card{padding:14px;border-radius:19px}.sra-assistant-kpis,.sra-aging-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sra-assistant-kpis article,.sra-aging-grid article{padding:11px}.sra-assistant-kpis strong,.sra-aging-grid strong{font-size:15px}.sra-close-grid{grid-template-columns:1fr}.sra-return-row{grid-template-columns:1fr}.sra-sale-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sra-list-item{grid-template-columns:1fr;align-items:start}.sra-list-actions{justify-content:flex-start;width:100%}.sra-list-actions>*{flex:1 1 auto;text-align:center}.sra-close-total{align-items:flex-start;flex-direction:column}.sra-workflow-panel>summary{font-size:16px}}
@media(max-width:380px){.sra-assistant-kpis,.sra-aging-grid,.sra-sale-summary-grid{grid-template-columns:1fr}.sra-tab{flex-basis:86px;min-width:86px;padding-inline:7px}.sra-brand-copy h1{font-size:25px}.sra-brand-copy small{font-size:11px}}

/* Cash counter and install experience - v1.8 */
.sra-account-install{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 11px;border:0;border-radius:999px;background:#ffd36b;color:#6c2d12;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.sra-account-install[hidden]{display:none!important}
.sra-install-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:16px;background:linear-gradient(135deg,#fff7eb,#fff);border-color:#efcaa8}.sra-install-card[hidden]{display:none!important}.sra-install-card h3{margin:0 0 5px;color:var(--sra-red-dark)}.sra-install-card p{margin:0;color:var(--sra-muted);line-height:1.7}.sra-install-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#b80f1a,#ef7d12);font-size:29px;box-shadow:0 8px 20px rgba(170,45,24,.16)}
.sra-cash-counter-summary{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-bottom:15px}.sra-cash-counter-summary article{padding:18px;border-radius:19px;background:linear-gradient(135deg,#a90f18,#e04b25);color:#fff;box-shadow:0 8px 20px rgba(134,32,24,.15)}.sra-cash-counter-summary article:last-child{background:linear-gradient(135deg,#1d5c7e,#3186aa)}.sra-cash-counter-summary small{display:block;opacity:.88;margin-bottom:7px}.sra-cash-counter-summary strong{display:block;direction:ltr;text-align:right;font-size:28px;line-height:1.2}.sra-cash-denominations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.sra-cash-denomination{display:grid!important;grid-template-columns:minmax(70px,.8fr) minmax(80px,1fr);grid-template-areas:'value input' 'total total';gap:8px;align-items:center;padding:13px;border:1px solid #ecd7c7;border-radius:17px;background:#fffaf5;transition:.18s ease}.sra-cash-denomination.has-value{border-color:#e2772f;background:#fff2e6;box-shadow:0 5px 15px rgba(202,101,38,.09)}.sra-cash-denomination .sra-note-value{grid-area:value;font-size:18px;font-weight:900;color:var(--sra-red-dark)}.sra-cash-denomination input{grid-area:input;margin:0!important;min-height:46px!important;text-align:center;font-weight:900;font-size:18px}.sra-cash-denomination [data-line-total]{grid-area:total;display:block;padding-top:7px;border-top:1px dashed #e4c9b6;color:#176f3c;font-size:14px;direction:ltr;text-align:right}.sra-cash-actions{margin-top:15px}.sra-cash-breakdown{margin-top:7px!important;line-height:1.7!important;color:#6f4b3b!important}.sra-view[data-view-panel="cash-counter"] .sra-info-card{margin-bottom:14px}
@media(max-width:760px){.sra-install-card{grid-template-columns:auto minmax(0,1fr)}.sra-install-card .sra-btn{grid-column:1/-1;width:100%}.sra-cash-denominations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.sra-install-card{grid-template-columns:1fr;text-align:center}.sra-install-icon{margin:auto}.sra-cash-counter-summary{grid-template-columns:1fr 1fr}.sra-cash-counter-summary article{padding:14px}.sra-cash-counter-summary strong{font-size:21px}.sra-cash-denominations{grid-template-columns:1fr}.sra-cash-denomination{grid-template-columns:90px minmax(0,1fr)}.sra-cash-actions .sra-btn{width:100%}.sra-account-bar{align-items:stretch}.sra-account-bar>*{justify-content:center}}

/* Customer entry, pricing visibility, exports and sticky icon navigation - v1.9 */
.sra-app{overflow:visible}
.sra-hero{border-radius:32px 32px 0 0}
.sra-tabs{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:6px;
    overflow:visible;
    padding:8px 10px;
    position:sticky;
    top:var(--wp-admin--admin-bar--height,0px);
    z-index:9990;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(12px);
    box-shadow:0 7px 18px rgba(67,42,27,.08);
}
.sra-tab{
    min-width:0;
    min-height:62px;
    padding:7px 4px;
    border:1px solid transparent;
    border-radius:14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    line-height:1.15;
    white-space:normal;
}
.sra-tab:hover{background:#fff5ec;border-color:#f0d3bf}
.sra-tab.is-active{background:linear-gradient(145deg,#fff1e8,#fff);border-color:#e7bca7;border-bottom-color:#e7bca7;box-shadow:0 4px 12px rgba(140,47,25,.08)}
.sra-tab .sra-tab-icon{margin:0;font-size:22px;line-height:1}
.sra-tab .sra-tab-label{margin:0;font-size:11px;text-align:center}
.sra-phone-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.sra-contact-picker{min-height:48px;margin-top:7px;padding:8px 12px;border:1px solid #e6bda8;border-radius:14px;background:#fff6ef;color:var(--sra-red-dark);font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.sra-contact-picker:hover{background:#ffecde}
.sra-fixed-pricing-note{margin:4px 0 0;padding:12px 14px;border-radius:14px;background:#fff;border:1px dashed #dfb9a1;color:#6a4c3f;line-height:1.7}
.sra-template-download{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;border:1px dashed #e6c5ad;border-radius:15px;background:#fffaf5}
.sra-template-download small{color:var(--sra-muted)}
.sra-product-export-tools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:15px;border:1px solid #ead7c8;border-radius:18px;background:#fff9f4}
.sra-product-export-tools strong{color:var(--sra-red-dark)}
.sra-product-export-tools small{flex-basis:100%;color:var(--sra-muted)}
#product-fixed-price-panel{grid-template-columns:minmax(180px,360px)}

@media(max-width:900px){
    .sra-app{border-radius:0}
    .sra-hero{border-radius:0}
    .sra-tab .sra-tab-label{font-size:10px}
}
@media(max-width:600px){
    .sra-tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:6px 5px}
    .sra-tab{min-height:48px;padding:5px 2px;border-radius:11px}
    .sra-tab .sra-tab-icon{font-size:20px}
    .sra-tab .sra-tab-label{display:none}
    .sra-phone-picker-row{grid-template-columns:1fr}
    .sra-contact-picker{width:100%;margin-top:0}
    .sra-product-export-tools{align-items:stretch}
    .sra-product-export-tools .sra-button-row,.sra-product-export-tools .sra-btn{width:100%}
}
@media(max-width:380px){
    .sra-tabs{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding-inline:3px}
    .sra-tab{min-height:45px}
    .sra-tab .sra-tab-icon{font-size:18px}
}
body.admin-bar .sra-tabs{top:32px}
@media(max-width:782px){body.admin-bar .sra-tabs{top:46px}}

/* v1.9.2: HTML hidden must win over grid/flex display rules. */
.sra-app [hidden]{display:none!important}

.sra-contact-picker{flex:0 0 46px;width:46px;min-width:46px;height:46px;padding:0!important;font-size:21px!important;border-radius:13px!important;display:inline-grid!important;place-items:center}
.sra-phone-picker-row{display:flex;align-items:center;gap:8px}.sra-phone-picker-row>input{min-width:0;flex:1}
.sra-transfer-entry{background:linear-gradient(145deg,#fff8ee,#fff)}
.sra-transfer-items{display:grid;gap:10px;margin:12px 0}.sra-transfer-item-row{display:grid;grid-template-columns:2fr 1.3fr .8fr auto;gap:9px;align-items:end;padding:11px;border:1px solid var(--sra-border);border-radius:15px;background:#fff}.sra-transfer-item-row label{margin:0}.sra-transfer-source-banner{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#fff4df;border:1px solid #efc877;color:#71440c}.sra-transfer-source-banner strong,.sra-transfer-source-banner span{display:block}.sra-transfer-source-banner span{margin-top:4px;font-size:13px}
.sra-transfer-lines{display:grid;gap:6px;margin-top:9px}.sra-transfer-lines span{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:10px;background:#fff8f1;font-size:13px}.sra-transfer-lines b{color:var(--sra-red-dark)}
.sra-reconciliation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sra-reconciliation-row{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));gap:8px;align-items:center;padding:10px;border:1px solid var(--sra-border);border-radius:14px;background:#fff}.sra-reconciliation-row>strong{color:var(--sra-red-dark)}.sra-reconciliation-row small{color:var(--sra-muted)}.sra-reconciliation-row input{min-width:0}.sra-reconciliation-row .difference{font-weight:900}.sra-reconciliation-row .difference.ok{color:#16834b}.sra-reconciliation-row .difference.bad{color:#b52028}.sra-reconciliation-total{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:13px 0;padding:14px;border-radius:14px;background:#fff1e6}.sra-reconciliation-total strong{font-size:20px;color:var(--sra-red-dark)}
@media(max-width:720px){.sra-transfer-item-row{grid-template-columns:1fr}.sra-reconciliation-grid{grid-template-columns:1fr}.sra-reconciliation-row{grid-template-columns:1fr 1fr}.sra-reconciliation-row>strong{grid-column:1/-1}.sra-reconciliation-row small{font-size:11px}.sra-contact-picker{display:inline-grid!important}}

/* v1.9.3: mobile navigation, theme isolation, contact picker and safe install guidance. */
.sra-app,
.sra-app input,
.sra-app select,
.sra-app textarea,
.sra-app button {
    color-scheme: only light;
}

body.sra-app-page {
    margin: 0;
    background: var(--sra-bg, #f7f4f1);
}
body.sra-app-page #masthead,
body.sra-app-page .site-header,
body.sra-app-page .site-footer,
body.sra-app-page #colophon,
body.sra-app-page .entry-header,
body.sra-app-page .wp-block-post-title,
body.sra-app-page > .wp-site-blocks > header,
body.sra-app-page > .wp-site-blocks > footer {
    display: none !important;
}
body.sra-app-page .site,
body.sra-app-page .site-content,
body.sra-app-page .content-area,
body.sra-app-page .entry-content,
body.sra-app-page .wp-site-blocks,
body.sra-app-page .wp-block-post-content,
body.sra-app-page .wp-block-group,
body.sra-app-page .wp-block-group__inner-container {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}
body.sra-app-page .entry-content,
body.sra-app-page .wp-block-post-content {
    padding: 0 !important;
}

.sra-tabs {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    align-items: stretch;
}
.sra-tab {
    min-height: 64px;
}
.sra-tab .sra-tab-label {
    display: block;
    line-height: 1.18;
    text-wrap: balance;
}

.sra-phone-picker-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: end;
}
.sra-contact-picker {
    width: auto;
    min-width: 156px;
    height: 48px;
    padding: 8px 12px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 14px !important;
    font-size: 12px !important;
    line-height: 1.25;
    white-space: normal;
}
.sra-contact-picker > span:first-child {
    font-size: 20px;
    flex: 0 0 auto;
}
.sra-contact-picker.is-fallback {
    background: #fff6dd;
    border-color: #e6bd65;
    color: #6b4700;
}
.sra-contact-help {
    display: block;
    margin-top: 6px;
    color: #8a5b1f;
    font-size: 11px;
    line-height: 1.6;
}

.sra-install-guide-card {
    max-width: 560px;
}
.sra-install-steps {
    color: var(--sra-text);
    line-height: 1.8;
}
.sra-install-steps ol {
    margin: 12px 0 18px;
    padding-inline-start: 24px;
}
.sra-install-warning {
    display: grid;
    gap: 6px;
    padding: 13px 14px;
    border: 1px solid #e8b96a;
    border-radius: 15px;
    background: #fff7df;
    color: #704800;
}
.sra-install-warning span {
    font-size: 13px;
}

@media (max-width: 900px) {
    .sra-tabs {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .sra-tab {
        min-height: 60px;
    }
}

@media (max-width: 600px) {
    .sra-app {
        width: 100%;
        max-width: none;
        margin: 0;
    }
    .sra-tabs {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 4px;
        padding: 6px 5px;
    }
    .sra-tab {
        min-height: 57px;
        padding: 5px 2px;
        gap: 3px;
    }
    .sra-tab .sra-tab-icon {
        font-size: 20px;
    }
    .sra-tab .sra-tab-label {
        display: block;
        font-size: 9.5px;
        line-height: 1.15;
        max-width: 100%;
    }
    .sra-phone-picker-row {
        grid-template-columns: 1fr;
    }
    .sra-contact-picker {
        width: 100%;
        min-width: 0;
        margin-top: 0;
        font-size: 13px !important;
    }
}

@media (max-width: 360px) {
    .sra-tabs {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 3px;
        padding-inline: 3px;
    }
    .sra-tab {
        min-height: 55px;
        padding-inline: 1px;
    }
    .sra-tab .sra-tab-icon {
        font-size: 18px;
    }
    .sra-tab .sra-tab-label {
        font-size: 8.7px;
    }
}

/* v1.9.4: official egypoultry.com logo and safer Samsung shortcut-only installation path. */
.sra-brand-icon,
.sra-auth-bird {
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    padding: 0;
}
.sra-brand-icon img,
.sra-auth-bird img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.sra-brand-icon {
    border: 3px solid rgba(255,255,255,.82);
    box-shadow: 0 10px 26px rgba(72,0,0,.22);
}
.sra-auth-bird {
    border: 2px solid #e7bd55;
    box-shadow: 0 10px 24px rgba(146,61,12,.16);
}
.sra-install-icon {
    overflow: hidden;
    padding: 3px;
    background: #fff;
    border: 1px solid #e8c770;
}
.sra-install-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}

/* v1.9.7: period reports, export/share and product cost tracking. */
.sra-report-filter-card{display:grid;gap:14px;background:linear-gradient(145deg,#fff9f3,#fff)}
.sra-report-periods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sra-report-periods button{min-height:44px;border:1px solid #e4c8b7;border-radius:14px;background:#fff;color:#68463a;font:inherit;font-weight:800;cursor:pointer;padding:8px}
.sra-report-periods button.is-active{background:linear-gradient(135deg,var(--sra-red),#d9252d);border-color:var(--sra-red);color:#fff;box-shadow:0 7px 18px rgba(184,15,27,.18)}
.sra-report-range-label{padding:10px 13px;border-radius:13px;background:#fff3e8;color:#7d3a21;font-weight:800;text-align:center}
.sra-report-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:18px}
.sra-report-type-card{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 28px;gap:14px;align-items:center;min-height:128px;padding:18px;border:0;border-radius:25px;color:#fff;text-align:right;font:inherit;cursor:pointer;overflow:hidden;box-shadow:0 13px 28px rgba(42,24,61,.13);transition:.18s ease}
.sra-report-type-card::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.09);inset:auto auto -72px -45px}
.sra-report-type-card:hover,.sra-report-type-card.is-active{transform:translateY(-2px);box-shadow:0 16px 34px rgba(42,24,61,.2)}
.sra-report-type-card.is-active{outline:4px solid rgba(184,15,27,.13);outline-offset:3px}
.sra-report-type-card.purple{background:linear-gradient(120deg,#556de8,#8c52aa)}
.sra-report-type-card.green{background:linear-gradient(120deg,#0c9c8b,#32df7b)}
.sra-report-type-card.blue{background:linear-gradient(120deg,#dd69e8,#32bfe6)}
.sra-report-type-card.lime{background:linear-gradient(120deg,#2d9d19,#a8df5c)}
.sra-report-type-card.orange{background:linear-gradient(120deg,#ff5e62,#ffd25b)}
.sra-report-type-card>span:nth-child(2){display:grid;gap:7px;position:relative;z-index:1}
.sra-report-type-card strong{font-size:20px;color:#fff}
.sra-report-type-card small{font-size:13px;line-height:1.55;color:rgba(255,255,255,.92)}
.sra-report-type-card>b{font-size:35px;font-weight:400;opacity:.9;position:relative;z-index:1}
.sra-report-card-icon{position:relative;z-index:1;width:58px;height:58px;border:2px solid rgba(255,255,255,.48);border-radius:19px;display:grid;place-items:center;background:rgba(255,255,255,.11);font-size:28px}
.sra-report-output-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}
.sra-report-output-head h3{margin:0 0 5px}
.sra-report-output-head p{margin:0;color:var(--sra-muted)}
.sra-report-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.sra-report-kpi{min-height:100px;padding:14px;border-radius:17px;border-right:5px solid #4b7bec;background:#f6f9ff;display:flex;flex-direction:column;justify-content:center}
.sra-report-kpi small{color:var(--sra-muted)}
.sra-report-kpi strong{margin-top:7px;font-size:20px;color:#263b61;direction:ltr;text-align:right}
.sra-report-kpi.green{border-color:#1b9c5a;background:#f2fbf6}.sra-report-kpi.green strong{color:#14713f}
.sra-report-kpi.red{border-color:#c72832;background:#fff5f5}.sra-report-kpi.red strong{color:#a71a22}
.sra-report-kpi.orange{border-color:#ef8b19;background:#fff8ef}.sra-report-kpi.orange strong{color:#a85700}
.sra-report-kpi.purple{border-color:#8659b3;background:#faf6ff}.sra-report-kpi.purple strong{color:#63378d}
.sra-report-kpi.teal{border-color:#0f9f91;background:#f0fbfa}.sra-report-kpi.teal strong{color:#08776d}
.sra-report-kpi.blue{border-color:#3977c6;background:#f2f8ff}.sra-report-kpi.blue strong{color:#275d9f}
.sra-report-table-wrap{overflow:auto;border:1px solid var(--sra-border);border-radius:16px;background:#fff;max-height:570px}
.sra-report-table{width:100%;min-width:780px;border-collapse:collapse}
.sra-report-table th,.sra-report-table td{padding:10px;border-bottom:1px solid #eee4dc;text-align:right;font-size:12px;white-space:nowrap}
.sra-report-table th{position:sticky;top:0;z-index:2;background:var(--sra-red);color:#fff;font-weight:900}
.sra-report-table tbody tr:nth-child(even){background:#fffaf6}
.sra-report-table td.is-number{direction:ltr;text-align:left;font-weight:700}
.sra-report-note{margin:12px 0 0;padding:11px 13px;border-radius:13px;background:#fff7df;border:1px solid #ebc976;color:#76500d;line-height:1.65}
.sra-report-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.sra-report-share-help{display:block;margin-top:9px;color:var(--sra-muted);line-height:1.6}
.sra-batch-edit-row{grid-template-columns:repeat(5,minmax(0,1fr))!important}

@media(max-width:760px){
    .sra-report-periods{grid-template-columns:repeat(3,minmax(0,1fr))}
    .sra-report-menu{grid-template-columns:1fr}
    .sra-report-type-card{min-height:112px;padding:15px;grid-template-columns:55px minmax(0,1fr) 24px}
    .sra-report-card-icon{width:50px;height:50px;border-radius:16px;font-size:24px}
    .sra-report-type-card strong{font-size:18px}
    .sra-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sra-report-output-head{align-items:stretch;flex-direction:column}
    .sra-report-output-head .sra-btn{width:100%}
    .sra-report-actions .sra-btn{flex:1 1 150px}
    .sra-batch-edit-row{grid-template-columns:1fr!important}
}
@media(max-width:420px){
    .sra-report-periods{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sra-report-summary{grid-template-columns:1fr 1fr}
    .sra-report-kpi{min-height:88px;padding:11px}
    .sra-report-kpi strong{font-size:17px}
}