/* Carta Para o Preso customer panel. Editor and payment logic are independent. */
@media screen {
.carta-panel-modern{background:#ffe7c7!important;color:#29494e}
.carta-panel-modern>header .navbar{background:#4832a8;padding:14px 0}
.carta-panel-modern>header .navbar .container{max-width:1240px}
.carta-panel-modern>header .navbar-nav{gap:7px;flex-wrap:wrap;justify-content:flex-end}
.carta-panel-modern>header .nav-link{display:flex;align-items:center;gap:7px;color:#fff!important;border:1px solid #ffffff3b;border-radius:11px;padding:11px 13px!important;font-size:13px;font-weight:700;transition:background .15s}
.carta-panel-modern>header .nav-link:hover,.carta-panel-modern>header .nav-link:focus{background:#ffffff20}
.carta-panel-modern>header .navbar-brand img{width:155px!important}
.carta-panel-page{padding:36px 0 55px}
.carta-panel-page>.container{max-width:1240px}
.carta-panel-page .breadcrumb{padding:0;margin-bottom:26px;background:transparent;border:0;font-size:15px}
.carta-panel-page .breadcrumb a{color:#18776e}
.carta-panel-page .card{border:1px solid #d6e2de;border-radius:18px;box-shadow:0 5px 17px #5c42260b;overflow:hidden;background:#fffdf9;margin-bottom:20px}
.carta-panel-page .card-header{background:#f3f7f5;border-bottom:1px solid #dce7e1;padding:20px;color:#365c5c;font-weight:700}
.carta-panel-page .card-body{padding:22px;min-width:0}
.carta-panel-page .btn,.carta-panel-page a.btn-sm{border-radius:10px;padding:10px 14px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:normal;text-decoration:none;font-size:14px}
.carta-panel-page .btn-success,.carta-panel-page a.btn-success{background:#dff3ee!important;border:1px solid #a8d8cc!important;color:#1b7268!important}
.carta-panel-page .btn-danger,.carta-panel-page a.btn-danger{background:#fbe8ef!important;border:1px solid #ecc2d1!important;color:#a23c63!important}
.carta-panel-page .btn-primary{background:#e4f1ff;border:1px solid #b9d7f2;color:#226c9b}
.carta-panel-page .form-control{border:1px solid #d6e2de;border-radius:9px;min-height:42px}
.carta-panel-page .alert{border-radius:12px;font-size:14px;line-height:1.6}
.carta-panel-page .alert-danger{background:#fff0ec;color:#95513b;border-color:#ecd4c7}
.carta-panel-page .table{font-size:14px;color:#29494e}
.carta-panel-page .table th{color:#74868b;font-weight:700;background:transparent}
.carta-panel-list{--panel-tint:#dff3ef;--panel-edge:#b9ded5;--panel-ink:#19766e}
.carta-panel-sent{--panel-tint:#fff1d9;--panel-edge:#ecd4a9;--panel-ink:#946017}
.carta-panel-mailbox{--panel-tint:#fbe7ef;--panel-edge:#e8bfd1;--panel-ink:#a13e68}
.carta-panel-list .card-header{display:flex;align-items:center;gap:18px;background:var(--panel-tint)!important;border-bottom:1px solid var(--panel-edge)!important;padding:28px;color:var(--panel-ink)!important;flex-wrap:wrap}
.carta-section-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--panel-edge);border-radius:15px;background:#ffffffc9;font-size:27px;flex:none}
.carta-section-heading{flex:1;min-width:170px}.carta-section-heading strong{font-size:27px;line-height:1.3}.carta-section-heading p{margin:7px 0 0;font-size:14px;font-weight:400;line-height:1.5;color:#5c777b}
.carta-section-count,.carta-panel-list .carta-mailbox-number{padding:9px 14px;border-radius:25px;background:#ffffffc9;border:1px solid var(--panel-edge);font-size:13px;white-space:nowrap}
.carta-panel-list .table{width:100%!important;border-collapse:separate;border-spacing:0 10px;border:0!important;margin:0!important}
.carta-panel-list .table th{border:0!important;padding:12px 16px;background:transparent!important;vertical-align:middle}
.carta-panel-list .table td{background:#fff!important;border:0!important;border-top:1px solid #dce5e1!important;border-bottom:1px solid #dce5e1!important;padding:20px 16px;vertical-align:middle;overflow-wrap:anywhere}
.carta-panel-list .table td:first-child{border-left:1px solid #dce5e1!important;border-radius:13px 0 0 13px;font-weight:700;width:30%}
.carta-panel-list .table td:last-child{border-right:1px solid #dce5e1!important;border-radius:0 13px 13px 0}
.carta-panel-list .draft-buttons{white-space:nowrap;width:190px;text-align:right}.carta-panel-list .draft-buttons>div{display:inline-block}.carta-panel-list .draft-buttons br{display:none}
.carta-panel-list .dataTables_wrapper{max-width:100%}.carta-panel-list .dataTables_wrapper input,.carta-panel-list .dataTables_wrapper select{border:1px solid #ccdcd6;border-radius:7px;padding:5px;background:#fff}
.carta-panel-home .carta-home-grid{row-gap:24px}
.carta-panel-home .carta-home-grid>.col-md-12>.media{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border:1px solid #dfded4;border-radius:17px;box-shadow:0 4px 12px #5c42260a;margin-bottom:0!important;min-height:132px}
.carta-profile-avatar{position:relative;display:grid;place-items:center;flex:none;width:78px;height:78px;border:4px solid #fff;outline:1px solid #b5ded7;border-radius:50%;background:#def2ee;color:#1a7569!important;font-size:28px;font-weight:700;text-decoration:none!important}
.carta-profile-avatar span{position:absolute;right:-3px;bottom:0;width:23px;height:23px;border:2px solid #fff;border-radius:50%;font-size:15px;background:#267e70;color:#fff}
.carta-panel-home .media-body{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;min-width:0}
.carta-profile-name small{color:#7a8a8d;font-size:13px}.carta-profile-name h5{float:none!important;color:#29494e;font-weight:700;font-size:21px}.carta-history-link{color:#6f4692;font-size:13px}
.carta-panel-home .media-body>h5{float:none!important;font-size:15px;margin:0!important;line-height:1.8}.carta-panel-home .media-body .badge-success{background:#247a57;border-radius:9px;font-size:13px;margin-left:8px}
.carta-panel-home .carta-home-grid>.col-6{flex:0 0 25%;max-width:25%}
.carta-panel-home .carta-home-grid>.col-6>a{position:relative;display:flex!important;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:22px;height:164px!important;width:100%;padding:22px!important;border:1px solid var(--tile-edge)!important;border-radius:14px!important;background:var(--tile-bg)!important;color:var(--tile-ink)!important;box-shadow:0 3px 9px #5c42260a;text-decoration:none;transition:transform .15s,box-shadow .15s;text-align:left!important}
.carta-panel-home .carta-home-grid>.col-6>a:hover{transform:translateY(-3px);box-shadow:0 7px 16px #5c422617}
.carta-panel-home .carta-home-grid>.col-6>a:after{content:'›';position:absolute;right:18px;top:19px;font-size:24px;opacity:.65}
.carta-panel-home .carta-home-grid>.col-6>a>i{display:grid!important;place-items:center;width:51px;height:51px;border-radius:13px;background:#ffffffc9;font-size:25px!important;margin:0!important;color:inherit!important}
.carta-panel-home .carta-home-grid>.col-6>a>span{font-size:15px!important;font-weight:700;color:inherit!important;line-height:1.5}
.carta-panel-home .carta-home-grid>.col-6{--tile-bg:#dff3ef;--tile-edge:#b2d9d0;--tile-ink:#1b756c}
.carta-panel-home .carta-home-grid>.col-6:nth-child(3){--tile-bg:#e4f1ff;--tile-edge:#b9d7f2;--tile-ink:#226c9b}
.carta-panel-home .carta-home-grid>.col-6:nth-child(4){--tile-bg:#fff1d9;--tile-edge:#ecd4a9;--tile-ink:#946017}
.carta-panel-home .carta-home-grid>.col-6:nth-child(5){--tile-bg:#e8f4dd;--tile-edge:#c4ddb3;--tile-ink:#4c742d}
.carta-panel-home .carta-home-grid>.col-6:nth-child(6){--tile-bg:#fbe7ef;--tile-edge:#e8bfd1;--tile-ink:#a13e68}
.carta-panel-home .carta-home-grid>.col-6:nth-child(7){--tile-bg:#ffeadf;--tile-edge:#ebc8b4;--tile-ink:#a44e25}
.carta-panel-home .carta-home-grid>.col-6:nth-child(8){--tile-bg:#e9eef6;--tile-edge:#c8d4e3;--tile-ink:#4d6280}
.carta-panel-home .carta-home-grid+ .row{margin-top:24px}
.carta-panel-modern a:focus-visible,.carta-panel-modern button:focus-visible{outline:3px solid #6a5ac8;outline-offset:3px}
}
@media screen and (max-width:1199px) and (min-width:768px){.carta-panel-modern>header .navbar>.container{flex-wrap:wrap}.carta-panel-modern>header .navbar-collapse{flex-basis:100%}.carta-panel-modern>header .navbar-nav{justify-content:flex-start;margin-top:12px}}
@media screen and (max-width:767px){
.carta-panel-page{padding:23px 0 32px}.carta-panel-page .card-body{padding:14px}.carta-panel-page .card-header{padding:19px 16px}.carta-section-heading strong{font-size:22px}.carta-section-icon{width:44px;height:44px;font-size:22px}.carta-section-count{margin-left:auto}
.carta-panel-home .carta-home-grid{row-gap:14px}.carta-panel-home .carta-home-grid>.col-6{flex:0 0 50%;max-width:50%;padding:0 7px}.carta-panel-home .carta-home-grid>.col-6>a{height:150px!important;padding:17px!important}.carta-panel-home .carta-home-grid>.col-md-12>.media{padding:19px 16px;gap:15px}.carta-panel-home .media-body{gap:13px}.carta-profile-avatar{width:60px;height:60px;font-size:24px}.carta-panel-home .media-body>h5{font-size:13px}.carta-panel-modern>header .navbar-nav{margin-top:14px}.carta-panel-modern>header .nav-link{min-height:44px}
.carta-panel-list table.carta-mobile-table,.carta-panel-list .carta-mobile-table tbody{display:block;width:100%!important}.carta-panel-list .carta-mobile-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.carta-panel-list .carta-mobile-table tbody tr{display:block;border:1px solid #dce5e1;border-radius:13px;background:#fff;margin:0 0 14px;padding:10px 14px}
.carta-panel-list .carta-mobile-table tbody td{display:block!important;width:100%!important;border:0!important;border-radius:0!important;padding:9px 0!important;text-align:left!important;font-weight:400!important}
.carta-panel-list .carta-mobile-table td[data-label]:before{content:attr(data-label);display:block;color:#7b8c90;font-size:11px;font-weight:600;margin-bottom:4px}
.carta-panel-list .carta-mobile-table td:last-child{display:flex!important;gap:7px;flex-wrap:wrap;align-items:center}.carta-panel-list .carta-mobile-table td:last-child:before{width:100%}
}
@media(prefers-reduced-motion:reduce){.carta-panel-home .carta-home-grid>.col-6>a{transition:none}.carta-panel-home .carta-home-grid>.col-6>a:hover{transform:none}}

/* Match the single-column MektupYaz mobile dashboard. */
@media screen and (max-width:767px){
 .carta-panel-modern>header .navbar{padding:13px 0!important}
 .carta-panel-modern>header .navbar>.container{padding-left:16px;padding-right:16px}
 .carta-panel-modern>header .navbar-brand{margin-right:10px}
 .carta-panel-modern>header .navbar-brand img{width:150px!important}
 .carta-panel-modern>header .navbar-toggler{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #ffffff4d;border-radius:11px;padding:10px 13px;color:#fff;min-height:44px}
 .carta-menu-label{font-size:15px;font-weight:700;color:#fff}
 .carta-panel-home{padding-top:14px}
 .carta-panel-home>.container{padding-left:16px;padding-right:16px}
 .carta-panel-home .carta-home-grid{margin-left:-8px;margin-right:-8px;row-gap:10px}
 .carta-panel-home .carta-home-grid>.col-md-12{padding-left:8px;padding-right:8px;margin-bottom:3px}
 .carta-panel-home .carta-home-grid>.col-6{flex:0 0 100%!important;max-width:100%!important;padding-left:8px;padding-right:8px}
 .carta-panel-home .carta-home-grid>.col-6>a{height:auto!important;min-height:72px!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;padding:16px 40px 16px 14px!important}
 .carta-panel-home .carta-home-grid>.col-6>a>i{width:38px;height:38px;border-radius:10px;font-size:22px!important;flex-shrink:0}
 .carta-panel-home .carta-home-grid>.col-6>a>span{font-size:15px!important;line-height:1.45}
 .carta-panel-home .carta-home-grid>.col-6>a:after{top:50%;right:16px;transform:translateY(-50%);font-size:25px}
 .carta-panel-home .carta-home-grid>.col-md-12>.media{padding:16px 13px;gap:13px;align-items:center;min-height:160px}
 .carta-panel-home .carta-profile-avatar{width:55px;height:55px;font-size:24px}
 .carta-panel-home .media-body{display:grid!important;grid-template-columns:minmax(0,1fr);row-gap:9px;min-width:0}
 .carta-panel-home .carta-profile-name{display:contents}
 .carta-panel-home .carta-profile-name>small{grid-row:1;font-size:12px}
 .carta-panel-home .carta-profile-name>h5{grid-row:2;font-size:18px;margin:0!important;overflow-wrap:anywhere}
 .carta-panel-home .media-body>h5{grid-row:3;font-size:12px!important;line-height:1.7!important;margin:0!important}
 .carta-panel-home .media-body .badge-success{display:table;margin:8px 0 0!important;padding:9px 12px!important;font-size:13px}
 .carta-panel-home .carta-history-link{grid-row:4;margin-top:4px;font-size:12px}
}
@media screen and (max-width:359px){.carta-panel-modern>header .navbar-brand img{width:133px!important}.carta-panel-modern>header .navbar-toggler{padding:9px 10px}.carta-panel-home .carta-home-grid>.col-md-12>.media{gap:10px}.carta-panel-home .carta-profile-avatar{width:46px;height:46px;font-size:20px}}

/* New-order dialog, shared typography with the customer dashboard. */
@media screen {
#startModal .modal-dialog{max-width:510px;margin:30px auto;padding:0 12px}
#startModal .modal-content{border:1px solid #b7dcd4;border-radius:18px;overflow:hidden;box-shadow:0 16px 50px #152f3040;color:#29494e}
#startModal .carta-start-header{background:#dff3ef;text-align:center;padding:27px 24px 23px;border-bottom:1px solid #bbdcd4}
#startModal .carta-start-icon{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 16px;background:#f7fffd;border-radius:16px;color:#216e64;font-size:27px}
#startModal h5{margin:0 0 13px;font-size:23px;font-weight:700;color:#216e64;line-height:1.4}
#startModal .carta-start-header p{margin:0;font-size:15px;line-height:1.7;color:#4c686b}
#startModal .modal-body{padding:24px}
#startModal .form-label{font-weight:700;font-size:15px;margin-bottom:10px}
#startModal #message{width:100%;height:auto;min-height:49px;border:1px solid #c9d9d5;border-radius:11px;padding:12px 14px;font-size:15px;background:#fcfefd;color:#29494e;box-sizing:border-box}
#startModal #message:focus{outline:2px solid #83bdb1;outline-offset:2px}
#startModal #start-message{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:20px;padding:13px 16px;background:#24776b!important;border:1px solid #24776b;border-radius:11px;color:#fff!important;font-size:17px;font-weight:700;white-space:normal;text-decoration:none;text-align:center}
#startModal .modal-footer{background:#f6f9f8;border-top:1px solid #e0e8e5;justify-content:center;padding:15px}
#startModal .modal-footer .btn{background:#e9eef6;color:#506580;border:1px solid #cbd5e1;border-radius:10px;padding:11px 25px;font-size:15px;font-weight:700}
}
@media screen and (max-width:575px){#startModal .modal-dialog{margin:20px auto}#startModal .modal-body{padding:21px 18px}#startModal .carta-start-header{padding:23px 20px}#startModal h5{font-size:21px}}